material-react-table 0.18.0 → 0.19.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/MaterialReactTable.d.ts +169 -133
- package/dist/body/MRT_TableBody.d.ts +1 -1
- package/dist/body/MRT_TableBodyCell.d.ts +1 -1
- package/dist/body/MRT_TableBodyRow.d.ts +1 -1
- package/dist/body/MRT_TableDetailPanel.d.ts +1 -1
- package/dist/buttons/MRT_ColumnPinningButtons.d.ts +1 -1
- package/dist/buttons/MRT_CopyButton.d.ts +1 -1
- package/dist/buttons/MRT_EditActionButtons.d.ts +1 -1
- package/dist/buttons/MRT_ExpandAllButton.d.ts +1 -1
- package/dist/buttons/MRT_ExpandButton.d.ts +1 -1
- package/dist/buttons/MRT_FullScreenToggleButton.d.ts +1 -1
- package/dist/buttons/MRT_GrabHandleButton.d.ts +1 -1
- package/dist/buttons/MRT_ShowHideColumnsButton.d.ts +1 -1
- package/dist/buttons/MRT_ToggleDensePaddingButton.d.ts +1 -1
- package/dist/buttons/MRT_ToggleFiltersButton.d.ts +1 -1
- package/dist/buttons/MRT_ToggleGlobalFilterButton.d.ts +1 -1
- package/dist/buttons/MRT_ToggleRowActionMenuButton.d.ts +1 -1
- package/dist/filtersFns.d.ts +31 -23
- package/dist/footer/MRT_TableFooter.d.ts +1 -1
- package/dist/footer/MRT_TableFooterCell.d.ts +1 -1
- package/dist/footer/MRT_TableFooterRow.d.ts +1 -1
- package/dist/head/MRT_DraggableTableHeadCell.d.ts +1 -1
- package/dist/head/MRT_TableHead.d.ts +1 -1
- package/dist/head/MRT_TableHeadCell.d.ts +1 -1
- package/dist/head/MRT_TableHeadCellColumnActionsButton.d.ts +1 -1
- package/dist/head/MRT_TableHeadCellFilterContainer.d.ts +1 -1
- package/dist/head/MRT_TableHeadCellFilterLabel.d.ts +1 -1
- package/dist/head/MRT_TableHeadCellResizeHandle.d.ts +1 -1
- package/dist/head/MRT_TableHeadCellSortLabel.d.ts +1 -1
- package/dist/head/MRT_TableHeadRow.d.ts +1 -1
- package/dist/inputs/MRT_EditCellTextField.d.ts +1 -1
- package/dist/inputs/MRT_FilterRangeFields.d.ts +1 -1
- package/dist/inputs/MRT_FilterTextField.d.ts +1 -1
- package/dist/inputs/MRT_GlobalFilterTextField.d.ts +1 -1
- package/dist/inputs/MRT_SelectCheckbox.d.ts +1 -1
- package/dist/material-react-table.cjs.development.js +760 -759
- 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 +762 -761
- package/dist/material-react-table.esm.js.map +1 -1
- package/dist/menus/MRT_ColumnActionMenu.d.ts +1 -1
- package/dist/menus/MRT_FilterOptionMenu.d.ts +1 -1
- package/dist/menus/MRT_RowActionMenu.d.ts +1 -1
- package/dist/menus/MRT_ShowHideColumnsMenu.d.ts +1 -1
- package/dist/menus/MRT_ShowHideColumnsMenuItems.d.ts +1 -1
- package/dist/sortingFns.d.ts +10 -3
- package/dist/table/MRT_Table.d.ts +1 -1
- package/dist/table/MRT_TableContainer.d.ts +1 -1
- package/dist/table/MRT_TablePaper.d.ts +1 -1
- package/dist/toolbar/MRT_LinearProgressBar.d.ts +1 -1
- package/dist/toolbar/MRT_TablePagination.d.ts +1 -1
- package/dist/toolbar/MRT_ToolbarAlertBanner.d.ts +1 -1
- package/dist/toolbar/MRT_ToolbarBottom.d.ts +1 -1
- package/dist/toolbar/MRT_ToolbarInternalButtons.d.ts +1 -1
- package/dist/toolbar/MRT_ToolbarTop.d.ts +1 -1
- package/dist/utils.d.ts +10 -16
- package/package.json +4 -4
- package/src/MaterialReactTable.tsx +167 -156
- package/src/body/MRT_TableBody.tsx +5 -6
- package/src/body/MRT_TableBodyCell.tsx +18 -27
- package/src/body/MRT_TableBodyRow.tsx +7 -7
- package/src/body/MRT_TableDetailPanel.tsx +7 -7
- package/src/buttons/MRT_ColumnPinningButtons.tsx +3 -3
- package/src/buttons/MRT_CopyButton.tsx +5 -7
- package/src/buttons/MRT_EditActionButtons.tsx +4 -5
- package/src/buttons/MRT_ExpandAllButton.tsx +4 -5
- package/src/buttons/MRT_ExpandButton.tsx +4 -5
- package/src/buttons/MRT_FullScreenToggleButton.tsx +3 -7
- package/src/buttons/MRT_GrabHandleButton.tsx +39 -41
- package/src/buttons/MRT_ShowHideColumnsButton.tsx +4 -4
- package/src/buttons/MRT_ToggleDensePaddingButton.tsx +3 -7
- package/src/buttons/MRT_ToggleFiltersButton.tsx +3 -4
- package/src/buttons/MRT_ToggleGlobalFilterButton.tsx +4 -8
- package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +6 -6
- package/src/filtersFns.ts +24 -23
- package/src/footer/MRT_TableFooter.tsx +5 -6
- package/src/footer/MRT_TableFooterCell.tsx +8 -11
- package/src/footer/MRT_TableFooterRow.tsx +5 -9
- package/src/head/MRT_DraggableTableHeadCell.tsx +4 -6
- package/src/head/MRT_TableHead.tsx +5 -5
- package/src/head/MRT_TableHeadCell.tsx +18 -29
- package/src/head/MRT_TableHeadCellColumnActionsButton.tsx +6 -8
- package/src/head/MRT_TableHeadCellFilterContainer.tsx +5 -7
- package/src/head/MRT_TableHeadCellFilterLabel.tsx +13 -19
- package/src/head/MRT_TableHeadCellResizeHandle.tsx +12 -11
- package/src/head/MRT_TableHeadCellSortLabel.tsx +3 -5
- package/src/head/MRT_TableHeadRow.tsx +6 -6
- package/src/inputs/MRT_EditCellTextField.tsx +12 -14
- package/src/inputs/MRT_FilterRangeFields.tsx +4 -4
- package/src/inputs/MRT_FilterTextField.tsx +27 -38
- package/src/inputs/MRT_GlobalFilterTextField.tsx +5 -6
- package/src/inputs/MRT_SelectCheckbox.tsx +9 -12
- package/src/menus/MRT_ColumnActionMenu.tsx +5 -9
- package/src/menus/MRT_FilterOptionMenu.tsx +16 -48
- package/src/menus/MRT_RowActionMenu.tsx +4 -5
- package/src/menus/MRT_ShowHideColumnsMenu.tsx +8 -9
- package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +11 -10
- package/src/sortingFns.ts +11 -3
- package/src/table/MRT_Table.tsx +7 -11
- package/src/table/MRT_TableContainer.tsx +5 -6
- package/src/table/MRT_TablePaper.tsx +7 -8
- package/src/table/MRT_TableRoot.tsx +118 -132
- package/src/toolbar/MRT_LinearProgressBar.tsx +4 -5
- package/src/toolbar/MRT_TablePagination.tsx +7 -9
- package/src/toolbar/MRT_ToolbarAlertBanner.tsx +13 -9
- package/src/toolbar/MRT_ToolbarBottom.tsx +8 -9
- package/src/toolbar/MRT_ToolbarInternalButtons.tsx +10 -10
- package/src/toolbar/MRT_ToolbarTop.tsx +11 -11
- package/src/utils.ts +56 -50
@@ -1,9 +1,9 @@
|
|
1
1
|
import React, { useMemo, forwardRef, useState, useCallback, Fragment, useLayoutEffect, useEffect } from 'react';
|
2
2
|
import { ArrowRight, Cancel, CheckBox, ClearAll, Close, DensityLarge, DensityMedium, DensitySmall, DragHandle, DynamicFeed, Edit, ExpandLess, ExpandMore, FilterAlt, FilterAltOff, FilterList, FilterListOff, FullscreenExit, Fullscreen, KeyboardDoubleArrowDown, MoreHoriz, MoreVert, PushPin, RestartAlt, Save, Search, SearchOff, Sort, ViewColumn, VisibilityOff } from '@mui/icons-material';
|
3
|
-
import {
|
4
|
-
import { Tooltip, IconButton, Menu, MenuItem, Box, FormControlLabel, Switch, Typography, Button, Divider, ListItemIcon, Checkbox, debounce, Collapse, TextField, InputAdornment, TablePagination, Chip, Alert, LinearProgress, useMediaQuery, Toolbar, lighten, alpha, Grow, TableSortLabel, TableCell, TableRow, TableHead, darken, Skeleton, TableBody, TableFooter, Table, TableContainer, Paper, Dialog } from '@mui/material';
|
5
|
-
import { rankItem, rankings, compareItems } from '@tanstack/match-sorter-utils';
|
3
|
+
import { filterFns, sortingFns, useReactTable, getCoreRowModel, getExpandedRowModel, getFacetedRowModel, getFilteredRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel } from '@tanstack/react-table';
|
4
|
+
import { Tooltip, IconButton, Menu, MenuItem, Box, FormControlLabel, Switch, Typography, Button, Divider, ListItemIcon, Checkbox, debounce, Collapse, TextField, InputAdornment, TablePagination, Chip, Alert, AlertTitle, LinearProgress, useMediaQuery, Toolbar, lighten, alpha, Grow, TableSortLabel, TableCell, TableRow, TableHead, darken, Skeleton, TableBody, TableFooter, Table, TableContainer, Paper, Dialog } from '@mui/material';
|
6
5
|
import { useDrop, useDrag, DndProvider } from 'react-dnd';
|
6
|
+
import { rankItem, rankings, compareItems } from '@tanstack/match-sorter-utils';
|
7
7
|
import { HTML5Backend } from 'react-dnd-html5-backend';
|
8
8
|
import { useVirtual } from 'react-virtual';
|
9
9
|
|
@@ -141,23 +141,23 @@ var MRT_Default_Icons = {
|
|
141
141
|
};
|
142
142
|
|
143
143
|
var MRT_ExpandAllButton = function MRT_ExpandAllButton(_ref) {
|
144
|
-
var
|
145
|
-
var getIsAllRowsExpanded =
|
146
|
-
getIsSomeRowsExpanded =
|
147
|
-
getCanSomeRowsExpand =
|
148
|
-
getState =
|
149
|
-
|
150
|
-
KeyboardDoubleArrowDownIcon =
|
151
|
-
localization =
|
152
|
-
muiExpandAllButtonProps =
|
153
|
-
renderDetailPanel =
|
154
|
-
toggleAllRowsExpanded =
|
144
|
+
var table = _ref.table;
|
145
|
+
var getIsAllRowsExpanded = table.getIsAllRowsExpanded,
|
146
|
+
getIsSomeRowsExpanded = table.getIsSomeRowsExpanded,
|
147
|
+
getCanSomeRowsExpand = table.getCanSomeRowsExpand,
|
148
|
+
getState = table.getState,
|
149
|
+
_table$options = table.options,
|
150
|
+
KeyboardDoubleArrowDownIcon = _table$options.icons.KeyboardDoubleArrowDownIcon,
|
151
|
+
localization = _table$options.localization,
|
152
|
+
muiExpandAllButtonProps = _table$options.muiExpandAllButtonProps,
|
153
|
+
renderDetailPanel = _table$options.renderDetailPanel,
|
154
|
+
toggleAllRowsExpanded = table.toggleAllRowsExpanded;
|
155
155
|
|
156
156
|
var _getState = getState(),
|
157
157
|
density = _getState.density;
|
158
158
|
|
159
159
|
var iconButtonProps = muiExpandAllButtonProps instanceof Function ? muiExpandAllButtonProps({
|
160
|
-
|
160
|
+
table: table
|
161
161
|
}) : muiExpandAllButtonProps;
|
162
162
|
return React.createElement(Tooltip, {
|
163
163
|
arrow: true,
|
@@ -185,19 +185,19 @@ var MRT_ExpandAllButton = function MRT_ExpandAllButton(_ref) {
|
|
185
185
|
|
186
186
|
var MRT_ExpandButton = function MRT_ExpandButton(_ref) {
|
187
187
|
var row = _ref.row,
|
188
|
-
|
189
|
-
var getState =
|
190
|
-
|
191
|
-
ExpandMoreIcon =
|
192
|
-
localization =
|
193
|
-
muiExpandButtonProps =
|
194
|
-
renderDetailPanel =
|
188
|
+
table = _ref.table;
|
189
|
+
var getState = table.getState,
|
190
|
+
_table$options = table.options,
|
191
|
+
ExpandMoreIcon = _table$options.icons.ExpandMoreIcon,
|
192
|
+
localization = _table$options.localization,
|
193
|
+
muiExpandButtonProps = _table$options.muiExpandButtonProps,
|
194
|
+
renderDetailPanel = _table$options.renderDetailPanel;
|
195
195
|
|
196
196
|
var _getState = getState(),
|
197
197
|
density = _getState.density;
|
198
198
|
|
199
199
|
var iconButtonProps = muiExpandButtonProps instanceof Function ? muiExpandButtonProps({
|
200
|
-
|
200
|
+
table: table,
|
201
201
|
row: row
|
202
202
|
}) : muiExpandButtonProps;
|
203
203
|
|
@@ -227,112 +227,6 @@ var MRT_ExpandButton = function MRT_ExpandButton(_ref) {
|
|
227
227
|
}))));
|
228
228
|
};
|
229
229
|
|
230
|
-
var fuzzy = function fuzzy(row, columnId, filterValue, addMeta) {
|
231
|
-
var itemRank = rankItem(row.getValue(columnId), filterValue, {
|
232
|
-
threshold: rankings.MATCHES
|
233
|
-
});
|
234
|
-
addMeta(itemRank);
|
235
|
-
return itemRank.passed;
|
236
|
-
};
|
237
|
-
|
238
|
-
fuzzy.autoRemove = function (val) {
|
239
|
-
return !val;
|
240
|
-
};
|
241
|
-
|
242
|
-
var contains = function contains(row, id, filterValue) {
|
243
|
-
return row.getValue(id).toString().toLowerCase().trim().includes(filterValue.toString().toLowerCase().trim());
|
244
|
-
};
|
245
|
-
|
246
|
-
contains.autoRemove = function (val) {
|
247
|
-
return !val;
|
248
|
-
};
|
249
|
-
|
250
|
-
var startsWith = function startsWith(row, id, filterValue) {
|
251
|
-
return row.getValue(id).toString().toLowerCase().trim().startsWith(filterValue.toString().toLowerCase().trim());
|
252
|
-
};
|
253
|
-
|
254
|
-
startsWith.autoRemove = function (val) {
|
255
|
-
return !val;
|
256
|
-
};
|
257
|
-
|
258
|
-
var endsWith = function endsWith(row, id, filterValue) {
|
259
|
-
return row.getValue(id).toString().toLowerCase().trim().endsWith(filterValue.toString().toLowerCase().trim());
|
260
|
-
};
|
261
|
-
|
262
|
-
endsWith.autoRemove = function (val) {
|
263
|
-
return !val;
|
264
|
-
};
|
265
|
-
|
266
|
-
var equals = function equals(row, id, filterValue) {
|
267
|
-
return row.getValue(id).toString().toLowerCase().trim() === filterValue.toString().toLowerCase().trim();
|
268
|
-
};
|
269
|
-
|
270
|
-
equals.autoRemove = function (val) {
|
271
|
-
return !val;
|
272
|
-
};
|
273
|
-
|
274
|
-
var notEquals = function notEquals(row, id, filterValue) {
|
275
|
-
return row.getValue(id).toString().toLowerCase().trim() !== filterValue.toString().toLowerCase().trim();
|
276
|
-
};
|
277
|
-
|
278
|
-
notEquals.autoRemove = function (val) {
|
279
|
-
return !val;
|
280
|
-
};
|
281
|
-
|
282
|
-
var greaterThan = function greaterThan(row, id, filterValue) {
|
283
|
-
return !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +row.getValue(id) >= +filterValue : row.getValue(id).toString().toLowerCase().trim() > filterValue.toString().toLowerCase().trim();
|
284
|
-
};
|
285
|
-
|
286
|
-
greaterThan.autoRemove = function (val) {
|
287
|
-
return !val;
|
288
|
-
};
|
289
|
-
|
290
|
-
var lessThan = function lessThan(row, id, filterValue) {
|
291
|
-
return !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +row.getValue(id) <= +filterValue : row.getValue(id).toString().toLowerCase().trim() < filterValue.toString().toLowerCase().trim();
|
292
|
-
};
|
293
|
-
|
294
|
-
lessThan.autoRemove = function (val) {
|
295
|
-
return !val;
|
296
|
-
};
|
297
|
-
|
298
|
-
var between = function between(row, id, filterValues) {
|
299
|
-
return (['', undefined].includes(filterValues[0]) || greaterThan(row, id, filterValues[0])) && (!isNaN(+filterValues[0]) && !isNaN(+filterValues[1]) && +filterValues[0] > +filterValues[1] || ['', undefined].includes(filterValues[1]) || lessThan(row, id, filterValues[1]));
|
300
|
-
};
|
301
|
-
|
302
|
-
between.autoRemove = function (val) {
|
303
|
-
return !val;
|
304
|
-
};
|
305
|
-
|
306
|
-
var empty = function empty(row, id, _filterValue) {
|
307
|
-
return !row.getValue(id).toString().trim();
|
308
|
-
};
|
309
|
-
|
310
|
-
empty.autoRemove = function (val) {
|
311
|
-
return !val;
|
312
|
-
};
|
313
|
-
|
314
|
-
var notEmpty = function notEmpty(row, id, _filterValue) {
|
315
|
-
return !!row.getValue(id).toString().trim();
|
316
|
-
};
|
317
|
-
|
318
|
-
notEmpty.autoRemove = function (val) {
|
319
|
-
return !val;
|
320
|
-
};
|
321
|
-
|
322
|
-
var MRT_FilterFns = {
|
323
|
-
between: between,
|
324
|
-
contains: contains,
|
325
|
-
empty: empty,
|
326
|
-
endsWith: endsWith,
|
327
|
-
equals: equals,
|
328
|
-
fuzzy: fuzzy,
|
329
|
-
greaterThan: greaterThan,
|
330
|
-
lessThan: lessThan,
|
331
|
-
notEmpty: notEmpty,
|
332
|
-
notEquals: notEquals,
|
333
|
-
startsWith: startsWith
|
334
|
-
};
|
335
|
-
|
336
230
|
var commonMenuItemStyles = {
|
337
231
|
py: '6px',
|
338
232
|
my: 0,
|
@@ -345,19 +239,19 @@ var MRT_FilterOptionMenu = function MRT_FilterOptionMenu(_ref) {
|
|
345
239
|
header = _ref.header,
|
346
240
|
onSelect = _ref.onSelect,
|
347
241
|
setAnchorEl = _ref.setAnchorEl,
|
348
|
-
|
349
|
-
var getState =
|
350
|
-
|
351
|
-
enabledGlobalFilterOptions =
|
352
|
-
enabledColumnFilterOptions =
|
353
|
-
localization =
|
354
|
-
setCurrentFilterFns =
|
355
|
-
setCurrentGlobalFilterFn =
|
242
|
+
table = _ref.table;
|
243
|
+
var getState = table.getState,
|
244
|
+
_table$options = table.options,
|
245
|
+
enabledGlobalFilterOptions = _table$options.enabledGlobalFilterOptions,
|
246
|
+
enabledColumnFilterOptions = _table$options.enabledColumnFilterOptions,
|
247
|
+
localization = _table$options.localization,
|
248
|
+
setCurrentFilterFns = table.setCurrentFilterFns,
|
249
|
+
setCurrentGlobalFilterFn = table.setCurrentGlobalFilterFn;
|
356
250
|
|
357
251
|
var _getState = getState(),
|
358
|
-
density = _getState.density,
|
359
252
|
currentFilterFns = _getState.currentFilterFns,
|
360
|
-
currentGlobalFilterFn = _getState.currentGlobalFilterFn
|
253
|
+
currentGlobalFilterFn = _getState.currentGlobalFilterFn,
|
254
|
+
density = _getState.density;
|
361
255
|
|
362
256
|
var _ref2 = header != null ? header : {},
|
363
257
|
column = _ref2.column;
|
@@ -370,80 +264,69 @@ var MRT_FilterOptionMenu = function MRT_FilterOptionMenu(_ref) {
|
|
370
264
|
return [{
|
371
265
|
option: 'fuzzy',
|
372
266
|
label: localization.filterFuzzy,
|
373
|
-
divider: false
|
374
|
-
fn: fuzzy
|
267
|
+
divider: false
|
375
268
|
}, {
|
376
269
|
option: 'contains',
|
377
270
|
label: localization.filterContains,
|
378
|
-
divider: false
|
379
|
-
fn: contains
|
271
|
+
divider: false
|
380
272
|
}, {
|
381
273
|
option: 'startsWith',
|
382
274
|
label: localization.filterStartsWith,
|
383
|
-
divider: false
|
384
|
-
fn: startsWith
|
275
|
+
divider: false
|
385
276
|
}, {
|
386
277
|
option: 'endsWith',
|
387
278
|
label: localization.filterEndsWith,
|
388
|
-
divider: true
|
389
|
-
fn: endsWith
|
279
|
+
divider: true
|
390
280
|
}, {
|
391
281
|
option: 'equals',
|
392
282
|
label: localization.filterEquals,
|
393
|
-
divider: false
|
394
|
-
fn: equals
|
283
|
+
divider: false
|
395
284
|
}, {
|
396
285
|
option: 'notEquals',
|
397
286
|
label: localization.filterNotEquals,
|
398
|
-
divider: true
|
399
|
-
fn: notEquals
|
287
|
+
divider: true
|
400
288
|
}, {
|
401
289
|
option: 'between',
|
402
290
|
label: localization.filterBetween,
|
403
|
-
divider: false
|
404
|
-
fn: between
|
291
|
+
divider: false
|
405
292
|
}, {
|
406
293
|
option: 'greaterThan',
|
407
294
|
label: localization.filterGreaterThan,
|
408
|
-
divider: false
|
409
|
-
fn: greaterThan
|
295
|
+
divider: false
|
410
296
|
}, {
|
411
297
|
option: 'lessThan',
|
412
298
|
label: localization.filterLessThan,
|
413
|
-
divider: true
|
414
|
-
fn: lessThan
|
299
|
+
divider: true
|
415
300
|
}, {
|
416
301
|
option: 'empty',
|
417
302
|
label: localization.filterEmpty,
|
418
|
-
divider: false
|
419
|
-
fn: empty
|
303
|
+
divider: false
|
420
304
|
}, {
|
421
305
|
option: 'notEmpty',
|
422
306
|
label: localization.filterNotEmpty,
|
423
|
-
divider: false
|
424
|
-
fn: notEmpty
|
307
|
+
divider: false
|
425
308
|
}].filter(function (filterType) {
|
426
309
|
return columnDef ? allowedColumnFilterOptions === undefined || (allowedColumnFilterOptions == null ? void 0 : allowedColumnFilterOptions.includes(filterType.option)) : (!enabledGlobalFilterOptions || enabledGlobalFilterOptions.includes(filterType.option)) && ['fuzzy', 'contains'].includes(filterType.option);
|
427
310
|
});
|
428
311
|
}, []);
|
429
312
|
|
430
|
-
var handleSelectFilterType = function handleSelectFilterType(
|
313
|
+
var handleSelectFilterType = function handleSelectFilterType(option) {
|
431
314
|
if (header && column) {
|
432
315
|
setCurrentFilterFns(function (prev) {
|
433
316
|
var _extends2;
|
434
317
|
|
435
|
-
return _extends({}, prev, (_extends2 = {}, _extends2[header.id] =
|
318
|
+
return _extends({}, prev, (_extends2 = {}, _extends2[header.id] = option, _extends2));
|
436
319
|
});
|
437
320
|
|
438
|
-
if (['empty', 'notEmpty'].includes(
|
321
|
+
if (['empty', 'notEmpty'].includes(option)) {
|
439
322
|
column.setFilterValue(' ');
|
440
|
-
} else if (
|
323
|
+
} else if (option === 'between') {
|
441
324
|
column.setFilterValue(['', '']);
|
442
325
|
} else {
|
443
326
|
column.setFilterValue('');
|
444
327
|
}
|
445
328
|
} else {
|
446
|
-
setCurrentGlobalFilterFn(
|
329
|
+
setCurrentGlobalFilterFn(option);
|
447
330
|
}
|
448
331
|
|
449
332
|
setAnchorEl(null);
|
@@ -467,15 +350,14 @@ var MRT_FilterOptionMenu = function MRT_FilterOptionMenu(_ref) {
|
|
467
350
|
}, filterOptions.map(function (_ref4, index) {
|
468
351
|
var option = _ref4.option,
|
469
352
|
label = _ref4.label,
|
470
|
-
divider = _ref4.divider
|
471
|
-
fn = _ref4.fn;
|
353
|
+
divider = _ref4.divider;
|
472
354
|
return React.createElement(MenuItem, {
|
473
355
|
divider: divider,
|
474
356
|
key: index,
|
475
357
|
onClick: function onClick() {
|
476
358
|
return handleSelectFilterType(option);
|
477
359
|
},
|
478
|
-
selected: option === filterOption
|
360
|
+
selected: option === filterOption,
|
479
361
|
sx: commonMenuItemStyles,
|
480
362
|
value: option
|
481
363
|
}, label);
|
@@ -484,10 +366,10 @@ var MRT_FilterOptionMenu = function MRT_FilterOptionMenu(_ref) {
|
|
484
366
|
|
485
367
|
var MRT_ColumnPinningButtons = function MRT_ColumnPinningButtons(_ref) {
|
486
368
|
var column = _ref.column,
|
487
|
-
|
488
|
-
var
|
489
|
-
PushPinIcon =
|
490
|
-
localization =
|
369
|
+
table = _ref.table;
|
370
|
+
var _table$options = table.options,
|
371
|
+
PushPinIcon = _table$options.icons.PushPinIcon,
|
372
|
+
localization = _table$options.localization;
|
491
373
|
|
492
374
|
var handlePinColumn = function handlePinColumn(pinDirection) {
|
493
375
|
column.pin(pinDirection);
|
@@ -534,10 +416,10 @@ var MRT_ColumnPinningButtons = function MRT_ColumnPinningButtons(_ref) {
|
|
534
416
|
};
|
535
417
|
|
536
418
|
var MRT_GrabHandleButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
537
|
-
var
|
538
|
-
var
|
539
|
-
DragHandleIcon =
|
540
|
-
localization =
|
419
|
+
var table = _ref.table;
|
420
|
+
var _table$options = table.options,
|
421
|
+
DragHandleIcon = _table$options.icons.DragHandleIcon,
|
422
|
+
localization = _table$options.localization;
|
541
423
|
return React.createElement(Tooltip, {
|
542
424
|
arrow: true,
|
543
425
|
enterDelay: 1000,
|
@@ -565,6 +447,140 @@ var MRT_GrabHandleButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
565
447
|
}, React.createElement(DragHandleIcon, null)));
|
566
448
|
});
|
567
449
|
|
450
|
+
var fuzzy = function fuzzy(row, columnId, filterValue, addMeta) {
|
451
|
+
var itemRank = rankItem(row.getValue(columnId), filterValue, {
|
452
|
+
threshold: rankings.MATCHES
|
453
|
+
});
|
454
|
+
addMeta(itemRank);
|
455
|
+
return itemRank.passed;
|
456
|
+
};
|
457
|
+
|
458
|
+
fuzzy.autoRemove = function (val) {
|
459
|
+
return !val;
|
460
|
+
};
|
461
|
+
|
462
|
+
var contains = function contains(row, id, filterValue) {
|
463
|
+
return row.getValue(id).toString().toLowerCase().trim().includes(filterValue.toString().toLowerCase().trim());
|
464
|
+
};
|
465
|
+
|
466
|
+
contains.autoRemove = function (val) {
|
467
|
+
return !val;
|
468
|
+
};
|
469
|
+
|
470
|
+
var startsWith = function startsWith(row, id, filterValue) {
|
471
|
+
return row.getValue(id).toString().toLowerCase().trim().startsWith(filterValue.toString().toLowerCase().trim());
|
472
|
+
};
|
473
|
+
|
474
|
+
startsWith.autoRemove = function (val) {
|
475
|
+
return !val;
|
476
|
+
};
|
477
|
+
|
478
|
+
var endsWith = function endsWith(row, id, filterValue) {
|
479
|
+
return row.getValue(id).toString().toLowerCase().trim().endsWith(filterValue.toString().toLowerCase().trim());
|
480
|
+
};
|
481
|
+
|
482
|
+
endsWith.autoRemove = function (val) {
|
483
|
+
return !val;
|
484
|
+
};
|
485
|
+
|
486
|
+
var equals = function equals(row, id, filterValue) {
|
487
|
+
return row.getValue(id).toString().toLowerCase().trim() === filterValue.toString().toLowerCase().trim();
|
488
|
+
};
|
489
|
+
|
490
|
+
equals.autoRemove = function (val) {
|
491
|
+
return !val;
|
492
|
+
};
|
493
|
+
|
494
|
+
var notEquals = function notEquals(row, id, filterValue) {
|
495
|
+
return row.getValue(id).toString().toLowerCase().trim() !== filterValue.toString().toLowerCase().trim();
|
496
|
+
};
|
497
|
+
|
498
|
+
notEquals.autoRemove = function (val) {
|
499
|
+
return !val;
|
500
|
+
};
|
501
|
+
|
502
|
+
var greaterThan = function greaterThan(row, id, filterValue) {
|
503
|
+
return !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +row.getValue(id) >= +filterValue : row.getValue(id).toString().toLowerCase().trim() > filterValue.toString().toLowerCase().trim();
|
504
|
+
};
|
505
|
+
|
506
|
+
greaterThan.autoRemove = function (val) {
|
507
|
+
return !val;
|
508
|
+
};
|
509
|
+
|
510
|
+
var lessThan = function lessThan(row, id, filterValue) {
|
511
|
+
return !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +row.getValue(id) <= +filterValue : row.getValue(id).toString().toLowerCase().trim() < filterValue.toString().toLowerCase().trim();
|
512
|
+
};
|
513
|
+
|
514
|
+
lessThan.autoRemove = function (val) {
|
515
|
+
return !val;
|
516
|
+
};
|
517
|
+
|
518
|
+
var between = function between(row, id, filterValues) {
|
519
|
+
return (['', undefined].includes(filterValues[0]) || greaterThan(row, id, filterValues[0])) && (!isNaN(+filterValues[0]) && !isNaN(+filterValues[1]) && +filterValues[0] > +filterValues[1] || ['', undefined].includes(filterValues[1]) || lessThan(row, id, filterValues[1]));
|
520
|
+
};
|
521
|
+
|
522
|
+
between.autoRemove = function (val) {
|
523
|
+
return !val;
|
524
|
+
};
|
525
|
+
|
526
|
+
var empty = function empty(row, id, _filterValue) {
|
527
|
+
return !row.getValue(id).toString().trim();
|
528
|
+
};
|
529
|
+
|
530
|
+
empty.autoRemove = function (val) {
|
531
|
+
return !val;
|
532
|
+
};
|
533
|
+
|
534
|
+
var notEmpty = function notEmpty(row, id, _filterValue) {
|
535
|
+
return !!row.getValue(id).toString().trim();
|
536
|
+
};
|
537
|
+
|
538
|
+
notEmpty.autoRemove = function (val) {
|
539
|
+
return !val;
|
540
|
+
};
|
541
|
+
|
542
|
+
var MRT_FilterFns = /*#__PURE__*/_extends({}, filterFns, {
|
543
|
+
between: between,
|
544
|
+
contains: contains,
|
545
|
+
empty: empty,
|
546
|
+
endsWith: endsWith,
|
547
|
+
equals: equals,
|
548
|
+
fuzzy: fuzzy,
|
549
|
+
greaterThan: greaterThan,
|
550
|
+
lessThan: lessThan,
|
551
|
+
notEmpty: notEmpty,
|
552
|
+
notEquals: notEquals,
|
553
|
+
startsWith: startsWith
|
554
|
+
});
|
555
|
+
|
556
|
+
var fuzzy$1 = function fuzzy(rowA, rowB, columnId) {
|
557
|
+
var dir = 0;
|
558
|
+
|
559
|
+
if (rowA.columnFiltersMeta[columnId]) {
|
560
|
+
dir = compareItems(rowA.columnFiltersMeta[columnId], rowB.columnFiltersMeta[columnId]);
|
561
|
+
} // Provide a fallback for when the item ranks are equal
|
562
|
+
|
563
|
+
|
564
|
+
return dir === 0 ? sortingFns.alphanumeric(rowA, rowB, columnId) : dir;
|
565
|
+
};
|
566
|
+
|
567
|
+
var MRT_SortingFns = /*#__PURE__*/_extends({}, sortingFns, {
|
568
|
+
fuzzy: fuzzy$1
|
569
|
+
});
|
570
|
+
var rankGlobalFuzzy = function rankGlobalFuzzy(rowA, rowB) {
|
571
|
+
return Math.max.apply(Math, Object.values(rowB.columnFiltersMeta).map(function (v) {
|
572
|
+
return v.rank;
|
573
|
+
})) - Math.max.apply(Math, Object.values(rowA.columnFiltersMeta).map(function (v) {
|
574
|
+
return v.rank;
|
575
|
+
}));
|
576
|
+
};
|
577
|
+
|
578
|
+
var getColumnId = function getColumnId(columnDef) {
|
579
|
+
var _ref, _columnDef$id, _columnDef$accessorKe;
|
580
|
+
|
581
|
+
return (_ref = (_columnDef$id = columnDef.id) != null ? _columnDef$id : (_columnDef$accessorKe = columnDef.accessorKey) == null ? void 0 : _columnDef$accessorKe.toString == null ? void 0 : _columnDef$accessorKe.toString()) != null ? _ref : columnDef.header;
|
582
|
+
};
|
583
|
+
|
568
584
|
var getAllLeafColumnDefs = function getAllLeafColumnDefs(columns) {
|
569
585
|
var lowestLevelColumns = columns;
|
570
586
|
var currentCols = columns;
|
@@ -593,25 +609,36 @@ var getAllLeafColumnDefs = function getAllLeafColumnDefs(columns) {
|
|
593
609
|
return !col.columns;
|
594
610
|
});
|
595
611
|
};
|
596
|
-
var
|
597
|
-
|
612
|
+
var prepareColumns = function prepareColumns(columnDefs, currentFilterFns) {
|
613
|
+
return columnDefs.map(function (columnDef) {
|
614
|
+
var _columnDef$columns;
|
598
615
|
|
599
|
-
|
600
|
-
|
601
|
-
|
602
|
-
|
603
|
-
|
604
|
-
|
605
|
-
|
606
|
-
|
607
|
-
|
608
|
-
|
609
|
-
|
610
|
-
}
|
611
|
-
|
612
|
-
|
613
|
-
|
614
|
-
|
616
|
+
if (!columnDef.id) columnDef.id = getColumnId(columnDef);
|
617
|
+
|
618
|
+
if (process.env.NODE_ENV !== 'production' && !columnDef.id) {
|
619
|
+
console.error('Column definitions must have a valid `accessorKey` or `id` property');
|
620
|
+
}
|
621
|
+
|
622
|
+
if (!columnDef.columnDefType) columnDef.columnDefType = 'data';
|
623
|
+
|
624
|
+
if (!!((_columnDef$columns = columnDef.columns) != null && _columnDef$columns.length)) {
|
625
|
+
columnDef.columnDefType = 'group';
|
626
|
+
columnDef.columns = prepareColumns(columnDef.columns, currentFilterFns);
|
627
|
+
} else if (columnDef.columnDefType === 'data') {
|
628
|
+
if (Object.keys(MRT_FilterFns).includes(currentFilterFns[columnDef.id])) {
|
629
|
+
var _MRT_FilterFns$curren;
|
630
|
+
|
631
|
+
columnDef.filterFn = (_MRT_FilterFns$curren = MRT_FilterFns[currentFilterFns[columnDef.id]]) != null ? _MRT_FilterFns$curren : MRT_FilterFns.fuzzy;
|
632
|
+
}
|
633
|
+
|
634
|
+
if (Object.keys(MRT_SortingFns).includes(columnDef.sortingFn)) {
|
635
|
+
// @ts-ignore
|
636
|
+
columnDef.sortingFn = MRT_SortingFns[columnDef.sortingFn];
|
637
|
+
}
|
638
|
+
}
|
639
|
+
|
640
|
+
return columnDef;
|
641
|
+
});
|
615
642
|
};
|
616
643
|
var reorderColumn = function reorderColumn(movingColumn, receivingColumn, columnOrder) {
|
617
644
|
if (movingColumn.getCanPin()) {
|
@@ -628,8 +655,8 @@ var getTrailingDisplayColumnIds = function getTrailingDisplayColumnIds(props) {
|
|
628
655
|
return [(props.positionActionsColumn === 'last' && props.enableRowActions || props.enableEditing && props.editingMode === 'row') && 'mrt-row-actions'];
|
629
656
|
};
|
630
657
|
var getDefaultColumnOrderIds = function getDefaultColumnOrderIds(props) {
|
631
|
-
return [].concat(getLeadingDisplayColumnIds(props), getAllLeafColumnDefs(props.columns).map(function (
|
632
|
-
return
|
658
|
+
return [].concat(getLeadingDisplayColumnIds(props), getAllLeafColumnDefs(props.columns).map(function (columnDef) {
|
659
|
+
return getColumnId(columnDef);
|
633
660
|
}), getTrailingDisplayColumnIds(props)).filter(Boolean);
|
634
661
|
};
|
635
662
|
|
@@ -639,20 +666,20 @@ var MRT_ShowHideColumnsMenuItems = function MRT_ShowHideColumnsMenuItems(_ref) {
|
|
639
666
|
var allColumns = _ref.allColumns,
|
640
667
|
column = _ref.column,
|
641
668
|
isSubMenu = _ref.isSubMenu,
|
642
|
-
|
643
|
-
var getState =
|
644
|
-
|
645
|
-
enableColumnOrdering =
|
646
|
-
enableHiding =
|
647
|
-
enablePinning =
|
648
|
-
localization =
|
649
|
-
setColumnOrder =
|
669
|
+
table = _ref.table;
|
670
|
+
var getState = table.getState,
|
671
|
+
_table$options = table.options,
|
672
|
+
enableColumnOrdering = _table$options.enableColumnOrdering,
|
673
|
+
enableHiding = _table$options.enableHiding,
|
674
|
+
enablePinning = _table$options.enablePinning,
|
675
|
+
localization = _table$options.localization,
|
676
|
+
setColumnOrder = table.setColumnOrder;
|
650
677
|
|
651
678
|
var _getState = getState(),
|
652
679
|
columnOrder = _getState.columnOrder;
|
653
680
|
|
654
|
-
var columnDef = column.columnDef
|
655
|
-
|
681
|
+
var columnDef = column.columnDef;
|
682
|
+
var columnDefType = columnDef.columnDefType;
|
656
683
|
|
657
684
|
var _useDrop = useDrop({
|
658
685
|
accept: 'column',
|
@@ -710,17 +737,17 @@ var MRT_ShowHideColumnsMenuItems = function MRT_ShowHideColumnsMenuItems(_ref) {
|
|
710
737
|
gap: '8px'
|
711
738
|
}
|
712
739
|
}, columnDefType !== 'group' && enableColumnOrdering && !allColumns.some(function (col) {
|
713
|
-
return col.columnDefType === 'group';
|
740
|
+
return col.columnDef.columnDefType === 'group';
|
714
741
|
}) && (columnDef.enableColumnOrdering !== false ? React.createElement(MRT_GrabHandleButton, {
|
715
742
|
ref: dragRef,
|
716
|
-
|
743
|
+
table: table
|
717
744
|
}) : React.createElement(Box, {
|
718
745
|
sx: {
|
719
746
|
width: '28px'
|
720
747
|
}
|
721
748
|
})), enablePinning && !isSubMenu && (column.getCanPin() ? React.createElement(MRT_ColumnPinningButtons, {
|
722
749
|
column: column,
|
723
|
-
|
750
|
+
table: table
|
724
751
|
}) : React.createElement(Box, {
|
725
752
|
sx: {
|
726
753
|
width: '70px'
|
@@ -756,7 +783,7 @@ var MRT_ShowHideColumnsMenuItems = function MRT_ShowHideColumnsMenuItems(_ref) {
|
|
756
783
|
key: i + "-" + c.id,
|
757
784
|
column: c,
|
758
785
|
isSubMenu: isSubMenu,
|
759
|
-
|
786
|
+
table: table
|
760
787
|
});
|
761
788
|
}));
|
762
789
|
};
|
@@ -765,21 +792,21 @@ var MRT_ShowHideColumnsMenu = function MRT_ShowHideColumnsMenu(_ref) {
|
|
765
792
|
var anchorEl = _ref.anchorEl,
|
766
793
|
isSubMenu = _ref.isSubMenu,
|
767
794
|
setAnchorEl = _ref.setAnchorEl,
|
768
|
-
|
769
|
-
var getAllColumns =
|
770
|
-
getAllLeafColumns =
|
771
|
-
getCenterLeafColumns =
|
772
|
-
getIsAllColumnsVisible =
|
773
|
-
getIsSomeColumnsPinned =
|
774
|
-
getIsSomeColumnsVisible =
|
775
|
-
getLeftLeafColumns =
|
776
|
-
getRightLeafColumns =
|
777
|
-
getState =
|
778
|
-
toggleAllColumnsVisible =
|
779
|
-
|
780
|
-
localization =
|
781
|
-
enablePinning =
|
782
|
-
enableColumnOrdering =
|
795
|
+
table = _ref.table;
|
796
|
+
var getAllColumns = table.getAllColumns,
|
797
|
+
getAllLeafColumns = table.getAllLeafColumns,
|
798
|
+
getCenterLeafColumns = table.getCenterLeafColumns,
|
799
|
+
getIsAllColumnsVisible = table.getIsAllColumnsVisible,
|
800
|
+
getIsSomeColumnsPinned = table.getIsSomeColumnsPinned,
|
801
|
+
getIsSomeColumnsVisible = table.getIsSomeColumnsVisible,
|
802
|
+
getLeftLeafColumns = table.getLeftLeafColumns,
|
803
|
+
getRightLeafColumns = table.getRightLeafColumns,
|
804
|
+
getState = table.getState,
|
805
|
+
toggleAllColumnsVisible = table.toggleAllColumnsVisible,
|
806
|
+
_table$options = table.options,
|
807
|
+
localization = _table$options.localization,
|
808
|
+
enablePinning = _table$options.enablePinning,
|
809
|
+
enableColumnOrdering = _table$options.enableColumnOrdering;
|
783
810
|
|
784
811
|
var _getState = getState(),
|
785
812
|
density = _getState.density,
|
@@ -798,7 +825,7 @@ var MRT_ShowHideColumnsMenu = function MRT_ShowHideColumnsMenu(_ref) {
|
|
798
825
|
var columns = getAllColumns();
|
799
826
|
|
800
827
|
if (columnOrder.length > 0 && !columns.some(function (col) {
|
801
|
-
return col.columnDefType === 'group';
|
828
|
+
return col.columnDef.columnDefType === 'group';
|
802
829
|
})) {
|
803
830
|
return [].concat(getLeftLeafColumns(), Array.from(new Set(columnOrder)).map(function (colId) {
|
804
831
|
return getCenterLeafColumns().find(function (col) {
|
@@ -830,12 +857,12 @@ var MRT_ShowHideColumnsMenu = function MRT_ShowHideColumnsMenu(_ref) {
|
|
830
857
|
onClick: hideAllColumns
|
831
858
|
}, localization.hideAll), !isSubMenu && enableColumnOrdering && React.createElement(Button, {
|
832
859
|
onClick: function onClick() {
|
833
|
-
return
|
860
|
+
return table.setColumnOrder(getDefaultColumnOrderIds(table.options));
|
834
861
|
}
|
835
862
|
}, localization.resetOrder), !isSubMenu && enablePinning && React.createElement(Button, {
|
836
863
|
disabled: !getIsSomeColumnsPinned(),
|
837
864
|
onClick: function onClick() {
|
838
|
-
return
|
865
|
+
return table.resetColumnPinning(true);
|
839
866
|
}
|
840
867
|
}, localization.unpinAll), React.createElement(Button, {
|
841
868
|
disabled: getIsAllColumnsVisible(),
|
@@ -848,7 +875,7 @@ var MRT_ShowHideColumnsMenu = function MRT_ShowHideColumnsMenu(_ref) {
|
|
848
875
|
column: column,
|
849
876
|
isSubMenu: isSubMenu,
|
850
877
|
key: index + "-" + column.id,
|
851
|
-
|
878
|
+
table: table
|
852
879
|
});
|
853
880
|
}));
|
854
881
|
};
|
@@ -869,33 +896,33 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
869
896
|
var anchorEl = _ref.anchorEl,
|
870
897
|
header = _ref.header,
|
871
898
|
setAnchorEl = _ref.setAnchorEl,
|
872
|
-
|
873
|
-
var getState =
|
874
|
-
toggleAllColumnsVisible =
|
875
|
-
setColumnOrder =
|
876
|
-
|
877
|
-
enableColumnFilterChangeMode =
|
878
|
-
enableColumnFilters =
|
879
|
-
enableColumnResizing =
|
880
|
-
enableGrouping =
|
881
|
-
enableHiding =
|
882
|
-
enablePinning =
|
883
|
-
enableSorting =
|
884
|
-
enabledColumnFilterOptions =
|
885
|
-
|
886
|
-
ArrowRightIcon =
|
887
|
-
ClearAllIcon =
|
888
|
-
ViewColumnIcon =
|
889
|
-
DynamicFeedIcon =
|
890
|
-
FilterListIcon =
|
891
|
-
FilterListOffIcon =
|
892
|
-
PushPinIcon =
|
893
|
-
SortIcon =
|
894
|
-
RestartAltIcon =
|
895
|
-
VisibilityOffIcon =
|
896
|
-
tableId =
|
897
|
-
localization =
|
898
|
-
setShowFilters =
|
899
|
+
table = _ref.table;
|
900
|
+
var getState = table.getState,
|
901
|
+
toggleAllColumnsVisible = table.toggleAllColumnsVisible,
|
902
|
+
setColumnOrder = table.setColumnOrder,
|
903
|
+
_table$options = table.options,
|
904
|
+
enableColumnFilterChangeMode = _table$options.enableColumnFilterChangeMode,
|
905
|
+
enableColumnFilters = _table$options.enableColumnFilters,
|
906
|
+
enableColumnResizing = _table$options.enableColumnResizing,
|
907
|
+
enableGrouping = _table$options.enableGrouping,
|
908
|
+
enableHiding = _table$options.enableHiding,
|
909
|
+
enablePinning = _table$options.enablePinning,
|
910
|
+
enableSorting = _table$options.enableSorting,
|
911
|
+
enabledColumnFilterOptions = _table$options.enabledColumnFilterOptions,
|
912
|
+
_table$options$icons = _table$options.icons,
|
913
|
+
ArrowRightIcon = _table$options$icons.ArrowRightIcon,
|
914
|
+
ClearAllIcon = _table$options$icons.ClearAllIcon,
|
915
|
+
ViewColumnIcon = _table$options$icons.ViewColumnIcon,
|
916
|
+
DynamicFeedIcon = _table$options$icons.DynamicFeedIcon,
|
917
|
+
FilterListIcon = _table$options$icons.FilterListIcon,
|
918
|
+
FilterListOffIcon = _table$options$icons.FilterListOffIcon,
|
919
|
+
PushPinIcon = _table$options$icons.PushPinIcon,
|
920
|
+
SortIcon = _table$options$icons.SortIcon,
|
921
|
+
RestartAltIcon = _table$options$icons.RestartAltIcon,
|
922
|
+
VisibilityOffIcon = _table$options$icons.VisibilityOffIcon,
|
923
|
+
tableId = _table$options.tableId,
|
924
|
+
localization = _table$options.localization,
|
925
|
+
setShowFilters = table.setShowFilters;
|
899
926
|
var column = header.column;
|
900
927
|
var columnDef = column.columnDef;
|
901
928
|
|
@@ -1046,7 +1073,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
1046
1073
|
key: 2,
|
1047
1074
|
onSelect: handleFilterByColumn,
|
1048
1075
|
setAnchorEl: setFilterMenuAnchorEl,
|
1049
|
-
|
1076
|
+
table: table
|
1050
1077
|
})].filter(Boolean), enableGrouping && column.getCanGroup() && [React.createElement(MenuItem, {
|
1051
1078
|
divider: enablePinning,
|
1052
1079
|
key: 0,
|
@@ -1125,7 +1152,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
1125
1152
|
isSubMenu: true,
|
1126
1153
|
key: 2,
|
1127
1154
|
setAnchorEl: setShowHideColumnsMenuAnchorEl,
|
1128
|
-
|
1155
|
+
table: table
|
1129
1156
|
})]);
|
1130
1157
|
};
|
1131
1158
|
|
@@ -1134,13 +1161,13 @@ var MRT_RowActionMenu = function MRT_RowActionMenu(_ref) {
|
|
1134
1161
|
handleEdit = _ref.handleEdit,
|
1135
1162
|
row = _ref.row,
|
1136
1163
|
setAnchorEl = _ref.setAnchorEl,
|
1137
|
-
|
1138
|
-
var getState =
|
1139
|
-
|
1140
|
-
EditIcon =
|
1141
|
-
enableEditing =
|
1142
|
-
localization =
|
1143
|
-
renderRowActionMenuItems =
|
1164
|
+
table = _ref.table;
|
1165
|
+
var getState = table.getState,
|
1166
|
+
_table$options = table.options,
|
1167
|
+
EditIcon = _table$options.icons.EditIcon,
|
1168
|
+
enableEditing = _table$options.enableEditing,
|
1169
|
+
localization = _table$options.localization,
|
1170
|
+
renderRowActionMenuItems = _table$options.renderRowActionMenuItems;
|
1144
1171
|
|
1145
1172
|
var _getState = getState(),
|
1146
1173
|
density = _getState.density;
|
@@ -1161,7 +1188,7 @@ var MRT_RowActionMenu = function MRT_RowActionMenu(_ref) {
|
|
1161
1188
|
sx: commonListItemStyles
|
1162
1189
|
}, React.createElement(ListItemIcon, null, React.createElement(EditIcon, null)), localization.edit)), renderRowActionMenuItems == null ? void 0 : renderRowActionMenuItems({
|
1163
1190
|
row: row,
|
1164
|
-
|
1191
|
+
table: table,
|
1165
1192
|
closeMenu: function closeMenu() {
|
1166
1193
|
return setAnchorEl(null);
|
1167
1194
|
}
|
@@ -1170,15 +1197,15 @@ var MRT_RowActionMenu = function MRT_RowActionMenu(_ref) {
|
|
1170
1197
|
|
1171
1198
|
var MRT_EditActionButtons = function MRT_EditActionButtons(_ref) {
|
1172
1199
|
var row = _ref.row,
|
1173
|
-
|
1174
|
-
var getState =
|
1175
|
-
|
1176
|
-
|
1177
|
-
CancelIcon =
|
1178
|
-
SaveIcon =
|
1179
|
-
localization =
|
1180
|
-
onEditRowSubmit =
|
1181
|
-
setCurrentEditingRow =
|
1200
|
+
table = _ref.table;
|
1201
|
+
var getState = table.getState,
|
1202
|
+
_table$options = table.options,
|
1203
|
+
_table$options$icons = _table$options.icons,
|
1204
|
+
CancelIcon = _table$options$icons.CancelIcon,
|
1205
|
+
SaveIcon = _table$options$icons.SaveIcon,
|
1206
|
+
localization = _table$options.localization,
|
1207
|
+
onEditRowSubmit = _table$options.onEditRowSubmit,
|
1208
|
+
setCurrentEditingRow = table.setCurrentEditingRow;
|
1182
1209
|
|
1183
1210
|
var _getState = getState(),
|
1184
1211
|
currentEditingRow = _getState.currentEditingRow;
|
@@ -1193,7 +1220,7 @@ var MRT_EditActionButtons = function MRT_EditActionButtons(_ref) {
|
|
1193
1220
|
var handleSave = function handleSave() {
|
1194
1221
|
onEditRowSubmit == null ? void 0 : onEditRowSubmit({
|
1195
1222
|
row: currentEditingRow != null ? currentEditingRow : row,
|
1196
|
-
|
1223
|
+
table: table
|
1197
1224
|
});
|
1198
1225
|
setCurrentEditingRow(null);
|
1199
1226
|
};
|
@@ -1231,17 +1258,17 @@ var commonIconButtonStyles = {
|
|
1231
1258
|
};
|
1232
1259
|
var MRT_ToggleRowActionMenuButton = function MRT_ToggleRowActionMenuButton(_ref) {
|
1233
1260
|
var row = _ref.row,
|
1234
|
-
|
1235
|
-
var getState =
|
1236
|
-
|
1237
|
-
enableEditing =
|
1238
|
-
|
1239
|
-
EditIcon =
|
1240
|
-
MoreHorizIcon =
|
1241
|
-
localization =
|
1242
|
-
renderRowActionMenuItems =
|
1243
|
-
renderRowActions =
|
1244
|
-
setCurrentEditingRow =
|
1261
|
+
table = _ref.table;
|
1262
|
+
var getState = table.getState,
|
1263
|
+
_table$options = table.options,
|
1264
|
+
enableEditing = _table$options.enableEditing,
|
1265
|
+
_table$options$icons = _table$options.icons,
|
1266
|
+
EditIcon = _table$options$icons.EditIcon,
|
1267
|
+
MoreHorizIcon = _table$options$icons.MoreHorizIcon,
|
1268
|
+
localization = _table$options.localization,
|
1269
|
+
renderRowActionMenuItems = _table$options.renderRowActionMenuItems,
|
1270
|
+
renderRowActions = _table$options.renderRowActions,
|
1271
|
+
setCurrentEditingRow = table.setCurrentEditingRow;
|
1245
1272
|
|
1246
1273
|
var _getState = getState(),
|
1247
1274
|
currentEditingRow = _getState.currentEditingRow;
|
@@ -1263,10 +1290,10 @@ var MRT_ToggleRowActionMenuButton = function MRT_ToggleRowActionMenuButton(_ref)
|
|
1263
1290
|
|
1264
1291
|
return React.createElement(React.Fragment, null, renderRowActions ? React.createElement(React.Fragment, null, renderRowActions({
|
1265
1292
|
row: row,
|
1266
|
-
|
1293
|
+
table: table
|
1267
1294
|
})) : row.id === (currentEditingRow == null ? void 0 : currentEditingRow.id) ? React.createElement(MRT_EditActionButtons, {
|
1268
1295
|
row: row,
|
1269
|
-
|
1296
|
+
table: table
|
1270
1297
|
}) : !renderRowActionMenuItems && enableEditing ? React.createElement(Tooltip, {
|
1271
1298
|
placement: "right",
|
1272
1299
|
arrow: true,
|
@@ -1289,20 +1316,20 @@ var MRT_ToggleRowActionMenuButton = function MRT_ToggleRowActionMenuButton(_ref)
|
|
1289
1316
|
handleEdit: handleStartEditMode,
|
1290
1317
|
row: row,
|
1291
1318
|
setAnchorEl: setAnchorEl,
|
1292
|
-
|
1319
|
+
table: table
|
1293
1320
|
})) : null);
|
1294
1321
|
};
|
1295
1322
|
|
1296
1323
|
var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
|
1297
1324
|
var row = _ref.row,
|
1298
1325
|
selectAll = _ref.selectAll,
|
1299
|
-
|
1300
|
-
var getState =
|
1301
|
-
|
1302
|
-
localization =
|
1303
|
-
muiSelectCheckboxProps =
|
1304
|
-
muiSelectAllCheckboxProps =
|
1305
|
-
selectAllMode =
|
1326
|
+
table = _ref.table;
|
1327
|
+
var getState = table.getState,
|
1328
|
+
_table$options = table.options,
|
1329
|
+
localization = _table$options.localization,
|
1330
|
+
muiSelectCheckboxProps = _table$options.muiSelectCheckboxProps,
|
1331
|
+
muiSelectAllCheckboxProps = _table$options.muiSelectAllCheckboxProps,
|
1332
|
+
selectAllMode = _table$options.selectAllMode;
|
1306
1333
|
|
1307
1334
|
var _getState = getState(),
|
1308
1335
|
density = _getState.density;
|
@@ -1310,9 +1337,9 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
|
|
1310
1337
|
var handleSelectChange = function handleSelectChange(event) {
|
1311
1338
|
if (selectAll) {
|
1312
1339
|
if (selectAllMode === 'all') {
|
1313
|
-
|
1340
|
+
table.getToggleAllRowsSelectedHandler()(event);
|
1314
1341
|
} else if (selectAllMode === 'page') {
|
1315
|
-
|
1342
|
+
table.getToggleAllPageRowsSelectedHandler()(event);
|
1316
1343
|
}
|
1317
1344
|
} else if (row) {
|
1318
1345
|
row == null ? void 0 : row.getToggleSelectedHandler()(event);
|
@@ -1320,10 +1347,10 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
|
|
1320
1347
|
};
|
1321
1348
|
|
1322
1349
|
var checkboxProps = selectAll ? muiSelectAllCheckboxProps instanceof Function ? muiSelectAllCheckboxProps({
|
1323
|
-
|
1350
|
+
table: table
|
1324
1351
|
}) : muiSelectAllCheckboxProps : muiSelectCheckboxProps instanceof Function ? muiSelectCheckboxProps({
|
1325
1352
|
row: row,
|
1326
|
-
|
1353
|
+
table: table
|
1327
1354
|
}) : muiSelectCheckboxProps;
|
1328
1355
|
return React.createElement(Tooltip, {
|
1329
1356
|
arrow: true,
|
@@ -1331,8 +1358,8 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
|
|
1331
1358
|
enterNextDelay: 1000,
|
1332
1359
|
title: selectAll ? localization.toggleSelectAll : localization.toggleSelectRow
|
1333
1360
|
}, React.createElement(Checkbox, Object.assign({
|
1334
|
-
checked: selectAll ?
|
1335
|
-
indeterminate: selectAll ?
|
1361
|
+
checked: selectAll ? table.getIsAllRowsSelected() : row == null ? void 0 : row.getIsSelected(),
|
1362
|
+
indeterminate: selectAll ? table.getIsSomeRowsSelected() : row == null ? void 0 : row.getIsSomeSelected(),
|
1336
1363
|
inputProps: {
|
1337
1364
|
'aria-label': selectAll ? localization.toggleSelectAll : localization.toggleSelectRow
|
1338
1365
|
},
|
@@ -1346,18 +1373,18 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
|
|
1346
1373
|
})));
|
1347
1374
|
};
|
1348
1375
|
|
1349
|
-
var _excluded = ["
|
1376
|
+
var _excluded = ["table"];
|
1350
1377
|
var MRT_FullScreenToggleButton = function MRT_FullScreenToggleButton(_ref) {
|
1351
|
-
var
|
1378
|
+
var table = _ref.table,
|
1352
1379
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
1353
1380
|
|
1354
|
-
var getState =
|
1355
|
-
|
1356
|
-
|
1357
|
-
FullscreenExitIcon =
|
1358
|
-
FullscreenIcon =
|
1359
|
-
localization =
|
1360
|
-
setIsFullScreen =
|
1381
|
+
var getState = table.getState,
|
1382
|
+
_table$options = table.options,
|
1383
|
+
_table$options$icons = _table$options.icons,
|
1384
|
+
FullscreenExitIcon = _table$options$icons.FullscreenExitIcon,
|
1385
|
+
FullscreenIcon = _table$options$icons.FullscreenIcon,
|
1386
|
+
localization = _table$options.localization,
|
1387
|
+
setIsFullScreen = table.setIsFullScreen;
|
1361
1388
|
|
1362
1389
|
var _getState = getState(),
|
1363
1390
|
isFullScreen = _getState.isFullScreen;
|
@@ -1375,14 +1402,14 @@ var MRT_FullScreenToggleButton = function MRT_FullScreenToggleButton(_ref) {
|
|
1375
1402
|
}, rest), isFullScreen ? React.createElement(FullscreenExitIcon, null) : React.createElement(FullscreenIcon, null)));
|
1376
1403
|
};
|
1377
1404
|
|
1378
|
-
var _excluded$1 = ["
|
1405
|
+
var _excluded$1 = ["table"];
|
1379
1406
|
var MRT_ShowHideColumnsButton = function MRT_ShowHideColumnsButton(_ref) {
|
1380
|
-
var
|
1407
|
+
var table = _ref.table,
|
1381
1408
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
|
1382
1409
|
|
1383
|
-
var
|
1384
|
-
ViewColumnIcon =
|
1385
|
-
localization =
|
1410
|
+
var _table$options = table.options,
|
1411
|
+
ViewColumnIcon = _table$options.icons.ViewColumnIcon,
|
1412
|
+
localization = _table$options.localization;
|
1386
1413
|
|
1387
1414
|
var _useState = useState(null),
|
1388
1415
|
anchorEl = _useState[0],
|
@@ -1401,23 +1428,23 @@ var MRT_ShowHideColumnsButton = function MRT_ShowHideColumnsButton(_ref) {
|
|
1401
1428
|
}, rest), React.createElement(ViewColumnIcon, null))), React.createElement(MRT_ShowHideColumnsMenu, {
|
1402
1429
|
anchorEl: anchorEl,
|
1403
1430
|
setAnchorEl: setAnchorEl,
|
1404
|
-
|
1431
|
+
table: table
|
1405
1432
|
}));
|
1406
1433
|
};
|
1407
1434
|
|
1408
|
-
var _excluded$2 = ["
|
1435
|
+
var _excluded$2 = ["table"];
|
1409
1436
|
var MRT_ToggleDensePaddingButton = function MRT_ToggleDensePaddingButton(_ref) {
|
1410
|
-
var
|
1437
|
+
var table = _ref.table,
|
1411
1438
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
1412
1439
|
|
1413
|
-
var getState =
|
1414
|
-
|
1415
|
-
|
1416
|
-
DensityLargeIcon =
|
1417
|
-
DensityMediumIcon =
|
1418
|
-
DensitySmallIcon =
|
1419
|
-
localization =
|
1420
|
-
setDensity =
|
1440
|
+
var getState = table.getState,
|
1441
|
+
_table$options = table.options,
|
1442
|
+
_table$options$icons = _table$options.icons,
|
1443
|
+
DensityLargeIcon = _table$options$icons.DensityLargeIcon,
|
1444
|
+
DensityMediumIcon = _table$options$icons.DensityMediumIcon,
|
1445
|
+
DensitySmallIcon = _table$options$icons.DensitySmallIcon,
|
1446
|
+
localization = _table$options.localization,
|
1447
|
+
setDensity = table.setDensity;
|
1421
1448
|
|
1422
1449
|
var _getState = getState(),
|
1423
1450
|
density = _getState.density;
|
@@ -1436,18 +1463,18 @@ var MRT_ToggleDensePaddingButton = function MRT_ToggleDensePaddingButton(_ref) {
|
|
1436
1463
|
}, rest), density === 'compact' ? React.createElement(DensitySmallIcon, null) : density === 'comfortable' ? React.createElement(DensityMediumIcon, null) : React.createElement(DensityLargeIcon, null)));
|
1437
1464
|
};
|
1438
1465
|
|
1439
|
-
var _excluded$3 = ["
|
1466
|
+
var _excluded$3 = ["table"];
|
1440
1467
|
var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
|
1441
|
-
var
|
1468
|
+
var table = _ref.table,
|
1442
1469
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
1443
1470
|
|
1444
|
-
var getState =
|
1445
|
-
|
1446
|
-
|
1447
|
-
FilterListIcon =
|
1448
|
-
FilterListOffIcon =
|
1449
|
-
localization =
|
1450
|
-
setShowFilters =
|
1471
|
+
var getState = table.getState,
|
1472
|
+
_table$options = table.options,
|
1473
|
+
_table$options$icons = _table$options.icons,
|
1474
|
+
FilterListIcon = _table$options$icons.FilterListIcon,
|
1475
|
+
FilterListOffIcon = _table$options$icons.FilterListOffIcon,
|
1476
|
+
localization = _table$options.localization,
|
1477
|
+
setShowFilters = table.setShowFilters;
|
1451
1478
|
|
1452
1479
|
var _getState = getState(),
|
1453
1480
|
showFilters = _getState.showFilters;
|
@@ -1465,26 +1492,26 @@ var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
|
|
1465
1492
|
}, rest), showFilters ? React.createElement(FilterListOffIcon, null) : React.createElement(FilterListIcon, null)));
|
1466
1493
|
};
|
1467
1494
|
|
1468
|
-
var _excluded$4 = ["
|
1495
|
+
var _excluded$4 = ["table"];
|
1469
1496
|
var MRT_ToggleGlobalFilterButton = function MRT_ToggleGlobalFilterButton(_ref) {
|
1470
|
-
var
|
1497
|
+
var table = _ref.table,
|
1471
1498
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
1472
1499
|
|
1473
|
-
var getState =
|
1474
|
-
|
1475
|
-
|
1476
|
-
SearchIcon =
|
1477
|
-
SearchOffIcon =
|
1478
|
-
tableId =
|
1479
|
-
localization =
|
1480
|
-
muiSearchTextFieldProps =
|
1481
|
-
setShowGlobalFilter =
|
1500
|
+
var getState = table.getState,
|
1501
|
+
_table$options = table.options,
|
1502
|
+
_table$options$icons = _table$options.icons,
|
1503
|
+
SearchIcon = _table$options$icons.SearchIcon,
|
1504
|
+
SearchOffIcon = _table$options$icons.SearchOffIcon,
|
1505
|
+
tableId = _table$options.tableId,
|
1506
|
+
localization = _table$options.localization,
|
1507
|
+
muiSearchTextFieldProps = _table$options.muiSearchTextFieldProps,
|
1508
|
+
setShowGlobalFilter = table.setShowGlobalFilter;
|
1482
1509
|
|
1483
1510
|
var _getState = getState(),
|
1484
1511
|
showGlobalFilter = _getState.showGlobalFilter;
|
1485
1512
|
|
1486
1513
|
var textFieldProps = muiSearchTextFieldProps instanceof Function ? muiSearchTextFieldProps({
|
1487
|
-
|
1514
|
+
table: table
|
1488
1515
|
}) : muiSearchTextFieldProps;
|
1489
1516
|
|
1490
1517
|
var handleToggleSearch = function handleToggleSearch() {
|
@@ -1507,17 +1534,17 @@ var MRT_ToggleGlobalFilterButton = function MRT_ToggleGlobalFilterButton(_ref) {
|
|
1507
1534
|
var MRT_GlobalFilterTextField = function MRT_GlobalFilterTextField(_ref) {
|
1508
1535
|
var _localization$clearSe;
|
1509
1536
|
|
1510
|
-
var
|
1511
|
-
var getState =
|
1512
|
-
setGlobalFilter =
|
1513
|
-
|
1514
|
-
enableGlobalFilterChangeMode =
|
1515
|
-
|
1516
|
-
SearchIcon =
|
1517
|
-
CloseIcon =
|
1518
|
-
localization =
|
1519
|
-
muiSearchTextFieldProps =
|
1520
|
-
tableId =
|
1537
|
+
var table = _ref.table;
|
1538
|
+
var getState = table.getState,
|
1539
|
+
setGlobalFilter = table.setGlobalFilter,
|
1540
|
+
_table$options = table.options,
|
1541
|
+
enableGlobalFilterChangeMode = _table$options.enableGlobalFilterChangeMode,
|
1542
|
+
_table$options$icons = _table$options.icons,
|
1543
|
+
SearchIcon = _table$options$icons.SearchIcon,
|
1544
|
+
CloseIcon = _table$options$icons.CloseIcon,
|
1545
|
+
localization = _table$options.localization,
|
1546
|
+
muiSearchTextFieldProps = _table$options.muiSearchTextFieldProps,
|
1547
|
+
tableId = _table$options.tableId;
|
1521
1548
|
|
1522
1549
|
var _getState = getState(),
|
1523
1550
|
globalFilter = _getState.globalFilter,
|
@@ -1552,7 +1579,7 @@ var MRT_GlobalFilterTextField = function MRT_GlobalFilterTextField(_ref) {
|
|
1552
1579
|
};
|
1553
1580
|
|
1554
1581
|
var textFieldProps = muiSearchTextFieldProps instanceof Function ? muiSearchTextFieldProps({
|
1555
|
-
|
1582
|
+
table: table
|
1556
1583
|
}) : muiSearchTextFieldProps;
|
1557
1584
|
return React.createElement(Collapse, {
|
1558
1585
|
"in": showGlobalFilter,
|
@@ -1593,25 +1620,25 @@ var MRT_GlobalFilterTextField = function MRT_GlobalFilterTextField(_ref) {
|
|
1593
1620
|
}, textFieldProps)), React.createElement(MRT_FilterOptionMenu, {
|
1594
1621
|
anchorEl: anchorEl,
|
1595
1622
|
setAnchorEl: setAnchorEl,
|
1596
|
-
|
1623
|
+
table: table
|
1597
1624
|
}));
|
1598
1625
|
};
|
1599
1626
|
|
1600
1627
|
var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons(_ref) {
|
1601
1628
|
var _renderToolbarInterna;
|
1602
1629
|
|
1603
|
-
var
|
1604
|
-
var
|
1605
|
-
enableColumnFilters =
|
1606
|
-
enableColumnOrdering =
|
1607
|
-
enableDensityToggle =
|
1608
|
-
enableFilters =
|
1609
|
-
enableFullScreenToggle =
|
1610
|
-
enableGlobalFilter =
|
1611
|
-
enableHiding =
|
1612
|
-
enablePinning =
|
1613
|
-
positionGlobalFilter =
|
1614
|
-
renderToolbarInternalActions =
|
1630
|
+
var table = _ref.table;
|
1631
|
+
var _table$options = table.options,
|
1632
|
+
enableColumnFilters = _table$options.enableColumnFilters,
|
1633
|
+
enableColumnOrdering = _table$options.enableColumnOrdering,
|
1634
|
+
enableDensityToggle = _table$options.enableDensityToggle,
|
1635
|
+
enableFilters = _table$options.enableFilters,
|
1636
|
+
enableFullScreenToggle = _table$options.enableFullScreenToggle,
|
1637
|
+
enableGlobalFilter = _table$options.enableGlobalFilter,
|
1638
|
+
enableHiding = _table$options.enableHiding,
|
1639
|
+
enablePinning = _table$options.enablePinning,
|
1640
|
+
positionGlobalFilter = _table$options.positionGlobalFilter,
|
1641
|
+
renderToolbarInternalActions = _table$options.renderToolbarInternalActions;
|
1615
1642
|
return React.createElement(Box, {
|
1616
1643
|
sx: {
|
1617
1644
|
alignItems: 'center',
|
@@ -1624,33 +1651,33 @@ var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons(_ref) {
|
|
1624
1651
|
MRT_ToggleDensePaddingButton: MRT_ToggleDensePaddingButton,
|
1625
1652
|
MRT_ToggleFiltersButton: MRT_ToggleFiltersButton,
|
1626
1653
|
MRT_ToggleGlobalFilterButton: MRT_ToggleGlobalFilterButton,
|
1627
|
-
|
1654
|
+
table: table
|
1628
1655
|
})) != null ? _renderToolbarInterna : React.createElement(React.Fragment, null, enableGlobalFilter && positionGlobalFilter === 'right' && React.createElement(MRT_GlobalFilterTextField, {
|
1629
|
-
|
1656
|
+
table: table
|
1630
1657
|
}), enableFilters && enableGlobalFilter && React.createElement(MRT_ToggleGlobalFilterButton, {
|
1631
|
-
|
1658
|
+
table: table
|
1632
1659
|
}), enableFilters && enableColumnFilters && React.createElement(MRT_ToggleFiltersButton, {
|
1633
|
-
|
1660
|
+
table: table
|
1634
1661
|
}), (enableHiding || enableColumnOrdering || enablePinning) && React.createElement(MRT_ShowHideColumnsButton, {
|
1635
|
-
|
1662
|
+
table: table
|
1636
1663
|
}), enableDensityToggle && React.createElement(MRT_ToggleDensePaddingButton, {
|
1637
|
-
|
1664
|
+
table: table
|
1638
1665
|
}), enableFullScreenToggle && React.createElement(MRT_FullScreenToggleButton, {
|
1639
|
-
|
1666
|
+
table: table
|
1640
1667
|
})));
|
1641
1668
|
};
|
1642
1669
|
|
1643
1670
|
var MRT_TablePagination = function MRT_TablePagination(_ref) {
|
1644
|
-
var
|
1671
|
+
var table = _ref.table,
|
1645
1672
|
position = _ref.position;
|
1646
|
-
var getPrePaginationRowModel =
|
1647
|
-
getState =
|
1648
|
-
setPageIndex =
|
1649
|
-
setPageSize =
|
1650
|
-
|
1651
|
-
muiTablePaginationProps =
|
1652
|
-
enableToolbarInternalActions =
|
1653
|
-
rowCount =
|
1673
|
+
var getPrePaginationRowModel = table.getPrePaginationRowModel,
|
1674
|
+
getState = table.getState,
|
1675
|
+
setPageIndex = table.setPageIndex,
|
1676
|
+
setPageSize = table.setPageSize,
|
1677
|
+
_table$options = table.options,
|
1678
|
+
muiTablePaginationProps = _table$options.muiTablePaginationProps,
|
1679
|
+
enableToolbarInternalActions = _table$options.enableToolbarInternalActions,
|
1680
|
+
rowCount = _table$options.rowCount;
|
1654
1681
|
|
1655
1682
|
var _getState = getState(),
|
1656
1683
|
_getState$pagination = _getState.pagination,
|
@@ -1660,16 +1687,16 @@ var MRT_TablePagination = function MRT_TablePagination(_ref) {
|
|
1660
1687
|
pageIndex = _getState$pagination$2 === void 0 ? 0 : _getState$pagination$2,
|
1661
1688
|
showGlobalFilter = _getState.showGlobalFilter;
|
1662
1689
|
|
1690
|
+
var totalRowCount = rowCount != null ? rowCount : getPrePaginationRowModel().rows.length;
|
1691
|
+
var showFirstLastPageButtons = totalRowCount / pageSize > 2;
|
1663
1692
|
var tablePaginationProps = muiTablePaginationProps instanceof Function ? muiTablePaginationProps({
|
1664
|
-
|
1693
|
+
table: table
|
1665
1694
|
}) : muiTablePaginationProps;
|
1666
1695
|
|
1667
1696
|
var handleChangeRowsPerPage = function handleChangeRowsPerPage(event) {
|
1668
1697
|
setPageSize(+event.target.value);
|
1669
1698
|
};
|
1670
1699
|
|
1671
|
-
var totalRowCount = rowCount != null ? rowCount : getPrePaginationRowModel().rows.length;
|
1672
|
-
var showFirstLastPageButtons = totalRowCount / pageSize > 2;
|
1673
1700
|
return React.createElement(TablePagination, Object.assign({
|
1674
1701
|
SelectProps: {
|
1675
1702
|
sx: {
|
@@ -1706,20 +1733,20 @@ var MRT_ToolbarAlertBanner = function MRT_ToolbarAlertBanner(_ref) {
|
|
1706
1733
|
var _localization$selecte, _localization$selecte2;
|
1707
1734
|
|
1708
1735
|
var stackAlertBanner = _ref.stackAlertBanner,
|
1709
|
-
|
1710
|
-
var getPrePaginationRowModel =
|
1711
|
-
getSelectedRowModel =
|
1712
|
-
getState =
|
1713
|
-
|
1714
|
-
localization =
|
1715
|
-
muiTableToolbarAlertBannerProps =
|
1736
|
+
table = _ref.table;
|
1737
|
+
var getPrePaginationRowModel = table.getPrePaginationRowModel,
|
1738
|
+
getSelectedRowModel = table.getSelectedRowModel,
|
1739
|
+
getState = table.getState,
|
1740
|
+
_table$options = table.options,
|
1741
|
+
localization = _table$options.localization,
|
1742
|
+
muiTableToolbarAlertBannerProps = _table$options.muiTableToolbarAlertBannerProps;
|
1716
1743
|
|
1717
1744
|
var _getState = getState(),
|
1718
1745
|
grouping = _getState.grouping,
|
1719
1746
|
showAlertBanner = _getState.showAlertBanner;
|
1720
1747
|
|
1721
1748
|
var alertProps = muiTableToolbarAlertBannerProps instanceof Function ? muiTableToolbarAlertBannerProps({
|
1722
|
-
|
1749
|
+
table: table
|
1723
1750
|
}) : muiTableToolbarAlertBannerProps;
|
1724
1751
|
var selectMessage = getSelectedRowModel().rows.length > 0 ? (_localization$selecte = localization.selectedCountOfRowCountRowsSelected) == null ? void 0 : (_localization$selecte2 = _localization$selecte.replace('{selectedCount}', getSelectedRowModel().rows.length.toString())) == null ? void 0 : _localization$selecte2.replace('{rowCount}', getPrePaginationRowModel().rows.length.toString()) : null;
|
1725
1752
|
var groupedByMessage = grouping.length > 0 ? React.createElement("span", null, localization.groupedBy, ' ', grouping.map(function (columnId, index) {
|
@@ -1727,9 +1754,9 @@ var MRT_ToolbarAlertBanner = function MRT_ToolbarAlertBanner(_ref) {
|
|
1727
1754
|
key: index + "-" + columnId
|
1728
1755
|
}, index > 0 ? localization.thenBy : '', React.createElement(Chip, {
|
1729
1756
|
color: "secondary",
|
1730
|
-
label:
|
1757
|
+
label: table.getColumn(columnId).columnDef.header,
|
1731
1758
|
onDelete: function onDelete() {
|
1732
|
-
return
|
1759
|
+
return table.getColumn(columnId).toggleGrouping();
|
1733
1760
|
}
|
1734
1761
|
}));
|
1735
1762
|
})) : null;
|
@@ -1738,7 +1765,8 @@ var MRT_ToolbarAlertBanner = function MRT_ToolbarAlertBanner(_ref) {
|
|
1738
1765
|
timeout: stackAlertBanner ? 200 : 0
|
1739
1766
|
}, React.createElement(Alert, Object.assign({
|
1740
1767
|
color: "info",
|
1741
|
-
icon: false
|
1768
|
+
icon: false
|
1769
|
+
}, alertProps, {
|
1742
1770
|
sx: _extends({
|
1743
1771
|
borderRadius: 0,
|
1744
1772
|
fontSize: '1rem',
|
@@ -1750,25 +1778,25 @@ var MRT_ToolbarAlertBanner = function MRT_ToolbarAlertBanner(_ref) {
|
|
1750
1778
|
width: '100%',
|
1751
1779
|
zIndex: 2
|
1752
1780
|
}, alertProps == null ? void 0 : alertProps.sx)
|
1753
|
-
}, alertProps), React.createElement(Box, {
|
1781
|
+
}), (alertProps == null ? void 0 : alertProps.title) && React.createElement(AlertTitle, null, alertProps.title), React.createElement(Box, {
|
1754
1782
|
sx: {
|
1755
1783
|
p: '0.5rem 1rem'
|
1756
1784
|
}
|
1757
|
-
}, selectMessage, selectMessage && groupedByMessage && React.createElement("br", null), groupedByMessage)));
|
1785
|
+
}, alertProps == null ? void 0 : alertProps.children, (alertProps == null ? void 0 : alertProps.children) && (selectMessage || groupedByMessage) && React.createElement("br", null), selectMessage, selectMessage && groupedByMessage && React.createElement("br", null), groupedByMessage)));
|
1758
1786
|
};
|
1759
1787
|
|
1760
1788
|
var MRT_LinearProgressBar = function MRT_LinearProgressBar(_ref) {
|
1761
1789
|
var alignTo = _ref.alignTo,
|
1762
|
-
|
1763
|
-
var muiLinearProgressProps =
|
1764
|
-
getState =
|
1790
|
+
table = _ref.table;
|
1791
|
+
var muiLinearProgressProps = table.options.muiLinearProgressProps,
|
1792
|
+
getState = table.getState;
|
1765
1793
|
|
1766
1794
|
var _getState = getState(),
|
1767
1795
|
isLoading = _getState.isLoading,
|
1768
1796
|
showProgressBars = _getState.showProgressBars;
|
1769
1797
|
|
1770
1798
|
var linearProgressProps = muiLinearProgressProps instanceof Function ? muiLinearProgressProps({
|
1771
|
-
|
1799
|
+
table: table
|
1772
1800
|
}) : muiLinearProgressProps;
|
1773
1801
|
return React.createElement(Collapse, {
|
1774
1802
|
"in": isLoading || showProgressBars,
|
@@ -1805,18 +1833,18 @@ var commonToolbarStyles = function commonToolbarStyles(_ref) {
|
|
1805
1833
|
var MRT_ToolbarTop = function MRT_ToolbarTop(_ref2) {
|
1806
1834
|
var _renderToolbarTopCust;
|
1807
1835
|
|
1808
|
-
var
|
1809
|
-
var getState =
|
1810
|
-
|
1811
|
-
enableGlobalFilter =
|
1812
|
-
enablePagination =
|
1813
|
-
enableToolbarInternalActions =
|
1814
|
-
muiTableToolbarTopProps =
|
1815
|
-
positionGlobalFilter =
|
1816
|
-
positionPagination =
|
1817
|
-
positionToolbarAlertBanner =
|
1818
|
-
renderToolbarTopCustomActions =
|
1819
|
-
tableId =
|
1836
|
+
var table = _ref2.table;
|
1837
|
+
var getState = table.getState,
|
1838
|
+
_table$options = table.options,
|
1839
|
+
enableGlobalFilter = _table$options.enableGlobalFilter,
|
1840
|
+
enablePagination = _table$options.enablePagination,
|
1841
|
+
enableToolbarInternalActions = _table$options.enableToolbarInternalActions,
|
1842
|
+
muiTableToolbarTopProps = _table$options.muiTableToolbarTopProps,
|
1843
|
+
positionGlobalFilter = _table$options.positionGlobalFilter,
|
1844
|
+
positionPagination = _table$options.positionPagination,
|
1845
|
+
positionToolbarAlertBanner = _table$options.positionToolbarAlertBanner,
|
1846
|
+
renderToolbarTopCustomActions = _table$options.renderToolbarTopCustomActions,
|
1847
|
+
tableId = _table$options.tableId;
|
1820
1848
|
|
1821
1849
|
var _getState = getState(),
|
1822
1850
|
isFullScreen = _getState.isFullScreen,
|
@@ -1824,7 +1852,7 @@ var MRT_ToolbarTop = function MRT_ToolbarTop(_ref2) {
|
|
1824
1852
|
|
1825
1853
|
var isMobile = useMediaQuery('(max-width:720px)');
|
1826
1854
|
var toolbarProps = muiTableToolbarTopProps instanceof Function ? muiTableToolbarTopProps({
|
1827
|
-
|
1855
|
+
table: table
|
1828
1856
|
}) : muiTableToolbarTopProps;
|
1829
1857
|
var stackAlertBanner = isMobile || positionToolbarAlertBanner === 'top' && (!!renderToolbarTopCustomActions || showGlobalFilter);
|
1830
1858
|
return React.createElement(Toolbar, Object.assign({
|
@@ -1841,7 +1869,7 @@ var MRT_ToolbarTop = function MRT_ToolbarTop(_ref2) {
|
|
1841
1869
|
}
|
1842
1870
|
}), positionToolbarAlertBanner === 'top' && React.createElement(MRT_ToolbarAlertBanner, {
|
1843
1871
|
stackAlertBanner: stackAlertBanner,
|
1844
|
-
|
1872
|
+
table: table
|
1845
1873
|
}), React.createElement(Box, {
|
1846
1874
|
sx: {
|
1847
1875
|
alignItems: 'flex-start',
|
@@ -1855,39 +1883,39 @@ var MRT_ToolbarTop = function MRT_ToolbarTop(_ref2) {
|
|
1855
1883
|
width: '100%'
|
1856
1884
|
}
|
1857
1885
|
}, enableGlobalFilter && positionGlobalFilter === 'left' && React.createElement(MRT_GlobalFilterTextField, {
|
1858
|
-
|
1886
|
+
table: table
|
1859
1887
|
}), (_renderToolbarTopCust = renderToolbarTopCustomActions == null ? void 0 : renderToolbarTopCustomActions({
|
1860
|
-
|
1888
|
+
table: table
|
1861
1889
|
})) != null ? _renderToolbarTopCust : React.createElement("span", null), enableToolbarInternalActions ? React.createElement(MRT_ToolbarInternalButtons, {
|
1862
|
-
|
1890
|
+
table: table
|
1863
1891
|
}) : enableGlobalFilter && positionGlobalFilter === 'right' && React.createElement(MRT_GlobalFilterTextField, {
|
1864
|
-
|
1892
|
+
table: table
|
1865
1893
|
})), enablePagination && ['top', 'both'].includes(positionPagination != null ? positionPagination : '') && React.createElement(MRT_TablePagination, {
|
1866
|
-
|
1894
|
+
table: table,
|
1867
1895
|
position: "top"
|
1868
1896
|
}), React.createElement(MRT_LinearProgressBar, {
|
1869
1897
|
alignTo: "bottom",
|
1870
|
-
|
1898
|
+
table: table
|
1871
1899
|
}));
|
1872
1900
|
};
|
1873
1901
|
|
1874
1902
|
var MRT_ToolbarBottom = function MRT_ToolbarBottom(_ref) {
|
1875
|
-
var
|
1876
|
-
var getState =
|
1877
|
-
|
1878
|
-
enablePagination =
|
1879
|
-
muiTableToolbarBottomProps =
|
1880
|
-
positionPagination =
|
1881
|
-
positionToolbarAlertBanner =
|
1882
|
-
renderToolbarBottomCustomActions =
|
1883
|
-
tableId =
|
1903
|
+
var table = _ref.table;
|
1904
|
+
var getState = table.getState,
|
1905
|
+
_table$options = table.options,
|
1906
|
+
enablePagination = _table$options.enablePagination,
|
1907
|
+
muiTableToolbarBottomProps = _table$options.muiTableToolbarBottomProps,
|
1908
|
+
positionPagination = _table$options.positionPagination,
|
1909
|
+
positionToolbarAlertBanner = _table$options.positionToolbarAlertBanner,
|
1910
|
+
renderToolbarBottomCustomActions = _table$options.renderToolbarBottomCustomActions,
|
1911
|
+
tableId = _table$options.tableId;
|
1884
1912
|
|
1885
1913
|
var _getState = getState(),
|
1886
1914
|
isFullScreen = _getState.isFullScreen;
|
1887
1915
|
|
1888
1916
|
var isMobile = useMediaQuery('(max-width:720px)');
|
1889
1917
|
var toolbarProps = muiTableToolbarBottomProps instanceof Function ? muiTableToolbarBottomProps({
|
1890
|
-
|
1918
|
+
table: table
|
1891
1919
|
}) : muiTableToolbarBottomProps;
|
1892
1920
|
var stackAlertBanner = isMobile || positionToolbarAlertBanner === 'bottom' && !!renderToolbarBottomCustomActions;
|
1893
1921
|
return React.createElement(Toolbar, Object.assign({
|
@@ -1907,9 +1935,9 @@ var MRT_ToolbarBottom = function MRT_ToolbarBottom(_ref) {
|
|
1907
1935
|
}
|
1908
1936
|
}), React.createElement(MRT_LinearProgressBar, {
|
1909
1937
|
alignTo: "top",
|
1910
|
-
|
1938
|
+
table: table
|
1911
1939
|
}), positionToolbarAlertBanner === 'bottom' && React.createElement(MRT_ToolbarAlertBanner, {
|
1912
|
-
|
1940
|
+
table: table
|
1913
1941
|
}), React.createElement(Box, {
|
1914
1942
|
sx: {
|
1915
1943
|
display: 'flex',
|
@@ -1921,7 +1949,7 @@ var MRT_ToolbarBottom = function MRT_ToolbarBottom(_ref) {
|
|
1921
1949
|
p: '0.5rem'
|
1922
1950
|
}
|
1923
1951
|
}, renderToolbarBottomCustomActions({
|
1924
|
-
|
1952
|
+
table: table
|
1925
1953
|
})) : React.createElement("span", null), React.createElement(Box, {
|
1926
1954
|
sx: {
|
1927
1955
|
display: 'flex',
|
@@ -1931,28 +1959,28 @@ var MRT_ToolbarBottom = function MRT_ToolbarBottom(_ref) {
|
|
1931
1959
|
top: 0
|
1932
1960
|
}
|
1933
1961
|
}, enablePagination && ['bottom', 'both'].includes(positionPagination != null ? positionPagination : '') && React.createElement(MRT_TablePagination, {
|
1934
|
-
|
1962
|
+
table: table,
|
1935
1963
|
position: "bottom"
|
1936
1964
|
}))));
|
1937
1965
|
};
|
1938
1966
|
|
1939
1967
|
var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
1940
|
-
var _localization$filterB, _columnDef$enabledCol, _localization$
|
1968
|
+
var _localization$filterB, _columnDef$enabledCol, _localization$clearFi, _columnDef$filterSele;
|
1941
1969
|
|
1942
1970
|
var header = _ref.header,
|
1943
1971
|
inputIndex = _ref.inputIndex,
|
1944
|
-
|
1945
|
-
var getState =
|
1946
|
-
|
1947
|
-
enableColumnFilterChangeMode =
|
1948
|
-
enabledColumnFilterOptions =
|
1949
|
-
|
1950
|
-
FilterListIcon =
|
1951
|
-
CloseIcon =
|
1952
|
-
localization =
|
1953
|
-
muiTableHeadCellFilterTextFieldProps =
|
1954
|
-
tableId =
|
1955
|
-
setCurrentFilterFns =
|
1972
|
+
table = _ref.table;
|
1973
|
+
var getState = table.getState,
|
1974
|
+
_table$options = table.options,
|
1975
|
+
enableColumnFilterChangeMode = _table$options.enableColumnFilterChangeMode,
|
1976
|
+
enabledColumnFilterOptions = _table$options.enabledColumnFilterOptions,
|
1977
|
+
_table$options$icons = _table$options.icons,
|
1978
|
+
FilterListIcon = _table$options$icons.FilterListIcon,
|
1979
|
+
CloseIcon = _table$options$icons.CloseIcon,
|
1980
|
+
localization = _table$options.localization,
|
1981
|
+
muiTableHeadCellFilterTextFieldProps = _table$options.muiTableHeadCellFilterTextFieldProps,
|
1982
|
+
tableId = _table$options.tableId,
|
1983
|
+
setCurrentFilterFns = table.setCurrentFilterFns;
|
1956
1984
|
var column = header.column;
|
1957
1985
|
var columnDef = column.columnDef;
|
1958
1986
|
|
@@ -1965,11 +1993,11 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
1965
1993
|
|
1966
1994
|
var mTableHeadCellFilterTextFieldProps = muiTableHeadCellFilterTextFieldProps instanceof Function ? muiTableHeadCellFilterTextFieldProps({
|
1967
1995
|
column: column,
|
1968
|
-
|
1996
|
+
table: table
|
1969
1997
|
}) : muiTableHeadCellFilterTextFieldProps;
|
1970
1998
|
var mcTableHeadCellFilterTextFieldProps = columnDef.muiTableHeadCellFilterTextFieldProps instanceof Function ? columnDef.muiTableHeadCellFilterTextFieldProps({
|
1971
1999
|
column: column,
|
1972
|
-
|
2000
|
+
table: table
|
1973
2001
|
}) : columnDef.muiTableHeadCellFilterTextFieldProps;
|
1974
2002
|
|
1975
2003
|
var textFieldProps = _extends({}, mTableHeadCellFilterTextFieldProps, mcTableHeadCellFilterTextFieldProps);
|
@@ -2032,15 +2060,15 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
2032
2060
|
if (columnDef.Filter) {
|
2033
2061
|
return React.createElement(React.Fragment, null, columnDef.Filter == null ? void 0 : columnDef.Filter({
|
2034
2062
|
header: header,
|
2035
|
-
|
2063
|
+
table: table
|
2036
2064
|
}));
|
2037
2065
|
}
|
2038
2066
|
|
2039
2067
|
var filterId = "mrt-" + tableId + "-" + header.id + "-filter-text-field" + (inputIndex != null ? inputIndex : '');
|
2040
|
-
var
|
2068
|
+
var currentFilterOption = currentFilterFns == null ? void 0 : currentFilterFns[header.id];
|
2041
2069
|
var isSelectFilter = !!columnDef.filterSelectOptions;
|
2042
|
-
var filterChipLabel =
|
2043
|
-
localization["filter" + (
|
2070
|
+
var filterChipLabel = ['empty', 'notEmpty'].includes(currentFilterOption) ? //@ts-ignore
|
2071
|
+
localization["filter" + (currentFilterOption.charAt(0).toUpperCase() + currentFilterOption.slice(1))] : '';
|
2044
2072
|
var filterPlaceholder = inputIndex === undefined ? (_localization$filterB = localization.filterByColumn) == null ? void 0 : _localization$filterB.replace('{column}', String(columnDef.header)) : inputIndex === 0 ? localization.min : inputIndex === 1 ? localization.max : '';
|
2045
2073
|
var allowedColumnFilterOptions = (_columnDef$enabledCol = columnDef == null ? void 0 : columnDef.enabledColumnFilterOptions) != null ? _columnDef$enabledCol : enabledColumnFilterOptions;
|
2046
2074
|
var showChangeModeButton = enableColumnFilterChangeMode && columnDef.enableColumnFilterChangeMode !== false && !isSelectFilter && !inputIndex && (allowedColumnFilterOptions === undefined || !!(allowedColumnFilterOptions != null && allowedColumnFilterOptions.length));
|
@@ -2057,9 +2085,8 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
2057
2085
|
},
|
2058
2086
|
helperText: showChangeModeButton ? React.createElement("label", {
|
2059
2087
|
htmlFor: filterId
|
2060
|
-
},
|
2061
|
-
|
2062
|
-
localization["filter" + (filterFn.charAt(0).toUpperCase() + filterFn.slice(1))])) : null,
|
2088
|
+
}, localization.filterMode.replace('{filterType}', // @ts-ignore
|
2089
|
+
localization["filter" + (currentFilterOption.charAt(0).toUpperCase() + currentFilterOption.slice(1))])) : null,
|
2063
2090
|
FormHelperTextProps: {
|
2064
2091
|
sx: {
|
2065
2092
|
fontSize: '0.6rem',
|
@@ -2146,13 +2173,13 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
2146
2173
|
anchorEl: anchorEl,
|
2147
2174
|
header: header,
|
2148
2175
|
setAnchorEl: setAnchorEl,
|
2149
|
-
|
2176
|
+
table: table
|
2150
2177
|
}));
|
2151
2178
|
};
|
2152
2179
|
|
2153
2180
|
var MRT_FilterRangeFields = function MRT_FilterRangeFields(_ref) {
|
2154
2181
|
var header = _ref.header,
|
2155
|
-
|
2182
|
+
table = _ref.table;
|
2156
2183
|
return React.createElement(Box, {
|
2157
2184
|
sx: {
|
2158
2185
|
display: 'grid',
|
@@ -2162,18 +2189,18 @@ var MRT_FilterRangeFields = function MRT_FilterRangeFields(_ref) {
|
|
2162
2189
|
}, React.createElement(MRT_FilterTextField, {
|
2163
2190
|
header: header,
|
2164
2191
|
inputIndex: 0,
|
2165
|
-
|
2192
|
+
table: table
|
2166
2193
|
}), React.createElement(MRT_FilterTextField, {
|
2167
2194
|
header: header,
|
2168
2195
|
inputIndex: 1,
|
2169
|
-
|
2196
|
+
table: table
|
2170
2197
|
}));
|
2171
2198
|
};
|
2172
2199
|
|
2173
2200
|
var MRT_TableHeadCellFilterContainer = function MRT_TableHeadCellFilterContainer(_ref) {
|
2174
2201
|
var header = _ref.header,
|
2175
|
-
|
2176
|
-
var getState =
|
2202
|
+
table = _ref.table;
|
2203
|
+
var getState = table.getState;
|
2177
2204
|
|
2178
2205
|
var _getState = getState(),
|
2179
2206
|
currentFilterFns = _getState.currentFilterFns,
|
@@ -2186,10 +2213,10 @@ var MRT_TableHeadCellFilterContainer = function MRT_TableHeadCellFilterContainer
|
|
2186
2213
|
unmountOnExit: true
|
2187
2214
|
}, currentFilterFns[column.id] === 'between' ? React.createElement(MRT_FilterRangeFields, {
|
2188
2215
|
header: header,
|
2189
|
-
|
2216
|
+
table: table
|
2190
2217
|
}) : React.createElement(MRT_FilterTextField, {
|
2191
2218
|
header: header,
|
2192
|
-
|
2219
|
+
table: table
|
2193
2220
|
}));
|
2194
2221
|
};
|
2195
2222
|
|
@@ -2197,23 +2224,23 @@ var MRT_TableHeadCellFilterLabel = function MRT_TableHeadCellFilterLabel(_ref) {
|
|
2197
2224
|
var _column$getFilterValu, _column$getFilterValu2;
|
2198
2225
|
|
2199
2226
|
var header = _ref.header,
|
2200
|
-
|
2201
|
-
var getState =
|
2202
|
-
|
2203
|
-
FilterAltIcon =
|
2204
|
-
localization =
|
2227
|
+
table = _ref.table;
|
2228
|
+
var getState = table.getState,
|
2229
|
+
_table$options = table.options,
|
2230
|
+
FilterAltIcon = _table$options.icons.FilterAltIcon,
|
2231
|
+
localization = _table$options.localization;
|
2205
2232
|
|
2206
2233
|
var _getState = getState(),
|
2207
2234
|
currentFilterFns = _getState.currentFilterFns;
|
2208
2235
|
|
2209
2236
|
var column = header.column;
|
2210
2237
|
var columnDef = column.columnDef;
|
2211
|
-
var
|
2212
|
-
var filterTooltip = localization.filteringByColumn.replace('{column}', String(columnDef.header)).replace('{filterType}',
|
2213
|
-
localization["filter" + (
|
2238
|
+
var currentFilterOption = currentFilterFns == null ? void 0 : currentFilterFns[header.id];
|
2239
|
+
var filterTooltip = localization.filteringByColumn.replace('{column}', String(columnDef.header)).replace('{filterType}', // @ts-ignore
|
2240
|
+
localization["filter" + (currentFilterOption.charAt(0).toUpperCase() + currentFilterOption.slice(1))]).replace('{filterValue}', "\"" + (Array.isArray(column.getFilterValue()) ? column.getFilterValue().join("\" " + localization.and + " \"") : column.getFilterValue()) + "\"").replace('" "', '');
|
2214
2241
|
return React.createElement(Grow, {
|
2215
2242
|
unmountOnExit: true,
|
2216
|
-
"in": !!column.getFilterValue() &&
|
2243
|
+
"in": !!column.getFilterValue() && currentFilterOption !== 'between' || currentFilterOption === 'between' && ( // @ts-ignore
|
2217
2244
|
!!((_column$getFilterValu = column.getFilterValue()) != null && _column$getFilterValu[0]) || !!((_column$getFilterValu2 = column.getFilterValue()) != null && _column$getFilterValu2[1]))
|
2218
2245
|
}, React.createElement("span", null, React.createElement(Tooltip, {
|
2219
2246
|
arrow: true,
|
@@ -2236,16 +2263,20 @@ var MRT_TableHeadCellFilterLabel = function MRT_TableHeadCellFilterLabel(_ref) {
|
|
2236
2263
|
};
|
2237
2264
|
|
2238
2265
|
var MRT_TableHeadCellResizeHandle = function MRT_TableHeadCellResizeHandle(_ref) {
|
2266
|
+
var _getState$columnSizin;
|
2267
|
+
|
2239
2268
|
var header = _ref.header,
|
2240
|
-
|
2241
|
-
var getState =
|
2269
|
+
table = _ref.table;
|
2270
|
+
var getState = table.getState,
|
2271
|
+
columnResizeMode = table.options.columnResizeMode;
|
2242
2272
|
|
2243
2273
|
var _getState = getState(),
|
2244
2274
|
density = _getState.density,
|
2245
2275
|
showFilters = _getState.showFilters;
|
2246
2276
|
|
2247
2277
|
var column = header.column;
|
2248
|
-
var
|
2278
|
+
var columnDef = column.columnDef;
|
2279
|
+
var columnDefType = columnDef.columnDefType;
|
2249
2280
|
return React.createElement(Divider, {
|
2250
2281
|
flexItem: true,
|
2251
2282
|
orientation: "vertical",
|
@@ -2275,15 +2306,15 @@ var MRT_TableHeadCellResizeHandle = function MRT_TableHeadCellResizeHandle(_ref)
|
|
2275
2306
|
onMouseDown: header.getResizeHandler(),
|
2276
2307
|
onTouchStart: header.getResizeHandler(),
|
2277
2308
|
style: {
|
2278
|
-
transform: column.getIsResizing() ? "translateX(" + getState().columnSizingInfo.deltaOffset + "px)" : 'none'
|
2309
|
+
transform: column.getIsResizing() ? "translateX(" + ((_getState$columnSizin = getState().columnSizingInfo.deltaOffset) != null ? _getState$columnSizin : 0) / (columnResizeMode === 'onChange' ? 16 : 1) + "px)" : 'none'
|
2279
2310
|
}
|
2280
2311
|
});
|
2281
2312
|
};
|
2282
2313
|
|
2283
2314
|
var MRT_TableHeadCellSortLabel = function MRT_TableHeadCellSortLabel(_ref) {
|
2284
2315
|
var header = _ref.header,
|
2285
|
-
|
2286
|
-
var localization =
|
2316
|
+
table = _ref.table;
|
2317
|
+
var localization = table.options.localization;
|
2287
2318
|
var column = header.column;
|
2288
2319
|
var columnDef = column.columnDef;
|
2289
2320
|
var sortTooltip = !!column.getIsSorted() ? column.getIsSorted() === 'desc' ? localization.sortedByColumnDesc.replace('{column}', columnDef.header) : localization.sortedByColumnAsc.replace('{column}', columnDef.header) : localization.unsorted;
|
@@ -2304,11 +2335,11 @@ var MRT_TableHeadCellSortLabel = function MRT_TableHeadCellSortLabel(_ref) {
|
|
2304
2335
|
|
2305
2336
|
var MRT_TableHeadCellColumnActionsButton = function MRT_TableHeadCellColumnActionsButton(_ref) {
|
2306
2337
|
var header = _ref.header,
|
2307
|
-
|
2308
|
-
var
|
2309
|
-
MoreVertIcon =
|
2310
|
-
localization =
|
2311
|
-
muiTableHeadCellColumnActionsButtonProps =
|
2338
|
+
table = _ref.table;
|
2339
|
+
var _table$options = table.options,
|
2340
|
+
MoreVertIcon = _table$options.icons.MoreVertIcon,
|
2341
|
+
localization = _table$options.localization,
|
2342
|
+
muiTableHeadCellColumnActionsButtonProps = _table$options.muiTableHeadCellColumnActionsButtonProps;
|
2312
2343
|
var column = header.column;
|
2313
2344
|
var columnDef = column.columnDef;
|
2314
2345
|
|
@@ -2324,11 +2355,11 @@ var MRT_TableHeadCellColumnActionsButton = function MRT_TableHeadCellColumnActio
|
|
2324
2355
|
|
2325
2356
|
var mTableHeadCellColumnActionsButtonProps = muiTableHeadCellColumnActionsButtonProps instanceof Function ? muiTableHeadCellColumnActionsButtonProps({
|
2326
2357
|
column: column,
|
2327
|
-
|
2358
|
+
table: table
|
2328
2359
|
}) : muiTableHeadCellColumnActionsButtonProps;
|
2329
2360
|
var mcTableHeadCellColumnActionsButtonProps = columnDef.muiTableHeadCellColumnActionsButtonProps instanceof Function ? columnDef.muiTableHeadCellColumnActionsButtonProps({
|
2330
2361
|
column: column,
|
2331
|
-
|
2362
|
+
table: table
|
2332
2363
|
}) : columnDef.muiTableHeadCellColumnActionsButtonProps;
|
2333
2364
|
|
2334
2365
|
var iconButtonProps = _extends({}, mTableHeadCellColumnActionsButtonProps, mcTableHeadCellColumnActionsButtonProps);
|
@@ -2358,53 +2389,53 @@ var MRT_TableHeadCellColumnActionsButton = function MRT_TableHeadCellColumnActio
|
|
2358
2389
|
anchorEl: anchorEl,
|
2359
2390
|
header: header,
|
2360
2391
|
setAnchorEl: setAnchorEl,
|
2361
|
-
|
2392
|
+
table: table
|
2362
2393
|
}));
|
2363
2394
|
};
|
2364
2395
|
|
2365
2396
|
var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
|
2366
|
-
var _ref2,
|
2397
|
+
var _ref2, _columnDef$header$len, _columnDef$header;
|
2367
2398
|
|
2368
2399
|
var dragRef = _ref.dragRef,
|
2369
2400
|
dropRef = _ref.dropRef,
|
2370
2401
|
header = _ref.header,
|
2371
|
-
|
2402
|
+
table = _ref.table,
|
2372
2403
|
isDragging = _ref.isDragging,
|
2373
2404
|
previewRef = _ref.previewRef;
|
2374
|
-
var getState =
|
2375
|
-
|
2376
|
-
enableColumnActions =
|
2377
|
-
enableColumnOrdering =
|
2378
|
-
enableColumnResizing =
|
2379
|
-
enableGrouping =
|
2380
|
-
enableMultiSort =
|
2381
|
-
muiTableHeadCellProps =
|
2405
|
+
var getState = table.getState,
|
2406
|
+
_table$options = table.options,
|
2407
|
+
enableColumnActions = _table$options.enableColumnActions,
|
2408
|
+
enableColumnOrdering = _table$options.enableColumnOrdering,
|
2409
|
+
enableColumnResizing = _table$options.enableColumnResizing,
|
2410
|
+
enableGrouping = _table$options.enableGrouping,
|
2411
|
+
enableMultiSort = _table$options.enableMultiSort,
|
2412
|
+
muiTableHeadCellProps = _table$options.muiTableHeadCellProps;
|
2382
2413
|
|
2383
2414
|
var _getState = getState(),
|
2384
2415
|
density = _getState.density,
|
2385
2416
|
showFilters = _getState.showFilters;
|
2386
2417
|
|
2387
2418
|
var column = header.column;
|
2388
|
-
var columnDef = column.columnDef
|
2389
|
-
|
2419
|
+
var columnDef = column.columnDef;
|
2420
|
+
var columnDefType = columnDef.columnDefType;
|
2390
2421
|
var mTableHeadCellProps = muiTableHeadCellProps instanceof Function ? muiTableHeadCellProps({
|
2391
2422
|
column: column,
|
2392
|
-
|
2423
|
+
table: table
|
2393
2424
|
}) : muiTableHeadCellProps;
|
2394
2425
|
var mcTableHeadCellProps = columnDef.muiTableHeadCellProps instanceof Function ? columnDef.muiTableHeadCellProps({
|
2395
2426
|
column: column,
|
2396
|
-
|
2427
|
+
table: table
|
2397
2428
|
}) : columnDef.muiTableHeadCellProps;
|
2398
2429
|
|
2399
2430
|
var tableCellProps = _extends({}, mTableHeadCellProps, mcTableHeadCellProps);
|
2400
2431
|
|
2401
|
-
var headerElement = (_ref2 = (
|
2432
|
+
var headerElement = (_ref2 = (columnDef == null ? void 0 : columnDef.Header) instanceof Function ? columnDef == null ? void 0 : columnDef.Header == null ? void 0 : columnDef.Header({
|
2402
2433
|
header: header,
|
2403
|
-
|
2404
|
-
}) : columnDef == null ? void 0 : columnDef.Header) != null ?
|
2434
|
+
table: table
|
2435
|
+
}) : columnDef == null ? void 0 : columnDef.Header) != null ? _ref2 : columnDef.header;
|
2405
2436
|
|
2406
2437
|
var getIsLastLeftPinnedColumn = function getIsLastLeftPinnedColumn() {
|
2407
|
-
return column.getIsPinned() === 'left' &&
|
2438
|
+
return column.getIsPinned() === 'left' && table.getLeftLeafHeaders().length - 1 === column.getPinnedIndex();
|
2408
2439
|
};
|
2409
2440
|
|
2410
2441
|
var getIsFirstRightPinnedColumn = function getIsFirstRightPinnedColumn() {
|
@@ -2412,7 +2443,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
|
|
2412
2443
|
};
|
2413
2444
|
|
2414
2445
|
var getTotalRight = function getTotalRight() {
|
2415
|
-
return (
|
2446
|
+
return (table.getRightLeafHeaders().length - 1 - column.getPinnedIndex()) * 150;
|
2416
2447
|
};
|
2417
2448
|
|
2418
2449
|
return React.createElement(TableCell, Object.assign({
|
@@ -2437,7 +2468,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
|
|
2437
2468
|
pt: columnDefType !== 'data' ? 0 : density === 'compact' ? '0.25' : density === 'comfortable' ? '.75rem' : '1.25rem',
|
2438
2469
|
right: column.getIsPinned() === 'right' ? getTotalRight() + "px" : undefined,
|
2439
2470
|
transition: "all " + (enableColumnResizing ? 0 : '0.2s') + " ease-in-out",
|
2440
|
-
userSelect: enableMultiSort ? 'none' : undefined,
|
2471
|
+
userSelect: enableMultiSort && column.getCanSort() ? 'none' : undefined,
|
2441
2472
|
verticalAlign: columnDefType === 'display' && showFilters ? 'center' : 'text-top',
|
2442
2473
|
zIndex: column.getIsResizing() ? 3 : column.getIsPinned() && columnDefType !== 'group' ? 2 : 1
|
2443
2474
|
}, tableCellProps == null ? void 0 : tableCellProps.sx, {
|
@@ -2467,34 +2498,34 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
|
|
2467
2498
|
}
|
2468
2499
|
}, headerElement, columnDefType === 'data' && column.getCanSort() && React.createElement(MRT_TableHeadCellSortLabel, {
|
2469
2500
|
header: header,
|
2470
|
-
|
2501
|
+
table: table
|
2471
2502
|
}), columnDefType === 'data' && column.getCanFilter() && React.createElement(MRT_TableHeadCellFilterLabel, {
|
2472
2503
|
header: header,
|
2473
|
-
|
2504
|
+
table: table
|
2474
2505
|
})), React.createElement(Box, {
|
2475
2506
|
sx: {
|
2476
2507
|
whiteSpace: 'nowrap'
|
2477
2508
|
}
|
2478
2509
|
}, columnDefType === 'data' && (enableColumnOrdering && columnDef.enableColumnOrdering !== false || enableGrouping && columnDef.enableGrouping !== false) && React.createElement(MRT_GrabHandleButton, {
|
2479
2510
|
ref: dragRef,
|
2480
|
-
|
2511
|
+
table: table
|
2481
2512
|
}), (enableColumnActions || columnDef.enableColumnActions) && columnDef.enableColumnActions !== false && columnDefType !== 'group' && React.createElement(MRT_TableHeadCellColumnActionsButton, {
|
2482
2513
|
header: header,
|
2483
|
-
|
2514
|
+
table: table
|
2484
2515
|
})), column.getCanResize() && React.createElement(MRT_TableHeadCellResizeHandle, {
|
2485
2516
|
header: header,
|
2486
|
-
|
2517
|
+
table: table
|
2487
2518
|
})), columnDefType === 'data' && column.getCanFilter() && React.createElement(MRT_TableHeadCellFilterContainer, {
|
2488
2519
|
header: header,
|
2489
|
-
|
2520
|
+
table: table
|
2490
2521
|
}));
|
2491
2522
|
};
|
2492
2523
|
|
2493
2524
|
var MRT_DraggableTableHeadCell = function MRT_DraggableTableHeadCell(_ref) {
|
2494
2525
|
var header = _ref.header,
|
2495
|
-
|
2496
|
-
var getState =
|
2497
|
-
setColumnOrder =
|
2526
|
+
table = _ref.table;
|
2527
|
+
var getState = table.getState,
|
2528
|
+
setColumnOrder = table.setColumnOrder;
|
2498
2529
|
|
2499
2530
|
var _getState = getState(),
|
2500
2531
|
columnOrder = _getState.columnOrder;
|
@@ -2531,20 +2562,20 @@ var MRT_DraggableTableHeadCell = function MRT_DraggableTableHeadCell(_ref) {
|
|
2531
2562
|
header: header,
|
2532
2563
|
isDragging: isDragging,
|
2533
2564
|
previewRef: previewRef,
|
2534
|
-
|
2565
|
+
table: table
|
2535
2566
|
});
|
2536
2567
|
};
|
2537
2568
|
|
2538
2569
|
var MRT_TableHeadRow = function MRT_TableHeadRow(_ref) {
|
2539
2570
|
var headerGroup = _ref.headerGroup,
|
2540
|
-
|
2541
|
-
var
|
2542
|
-
enableColumnOrdering =
|
2543
|
-
enableGrouping =
|
2544
|
-
muiTableHeadRowProps =
|
2571
|
+
table = _ref.table;
|
2572
|
+
var _table$options = table.options,
|
2573
|
+
enableColumnOrdering = _table$options.enableColumnOrdering,
|
2574
|
+
enableGrouping = _table$options.enableGrouping,
|
2575
|
+
muiTableHeadRowProps = _table$options.muiTableHeadRowProps;
|
2545
2576
|
var tableRowProps = muiTableHeadRowProps instanceof Function ? muiTableHeadRowProps({
|
2546
2577
|
headerGroup: headerGroup,
|
2547
|
-
|
2578
|
+
table: table
|
2548
2579
|
}) : muiTableHeadRowProps;
|
2549
2580
|
return React.createElement(TableRow, Object.assign({}, tableRowProps, {
|
2550
2581
|
sx: function sx(theme) {
|
@@ -2557,63 +2588,62 @@ var MRT_TableHeadRow = function MRT_TableHeadRow(_ref) {
|
|
2557
2588
|
return enableColumnOrdering || enableGrouping ? React.createElement(MRT_DraggableTableHeadCell, {
|
2558
2589
|
header: header,
|
2559
2590
|
key: header.id || index,
|
2560
|
-
|
2591
|
+
table: table
|
2561
2592
|
}) : React.createElement(MRT_TableHeadCell, {
|
2562
2593
|
header: header,
|
2563
2594
|
key: header.id || index,
|
2564
|
-
|
2595
|
+
table: table
|
2565
2596
|
});
|
2566
2597
|
}));
|
2567
2598
|
};
|
2568
2599
|
|
2569
2600
|
var MRT_TableHead = function MRT_TableHead(_ref) {
|
2570
|
-
var
|
2571
|
-
var getHeaderGroups =
|
2572
|
-
muiTableHeadProps =
|
2601
|
+
var table = _ref.table;
|
2602
|
+
var getHeaderGroups = table.getHeaderGroups,
|
2603
|
+
muiTableHeadProps = table.options.muiTableHeadProps;
|
2573
2604
|
var tableHeadProps = muiTableHeadProps instanceof Function ? muiTableHeadProps({
|
2574
|
-
|
2605
|
+
table: table
|
2575
2606
|
}) : muiTableHeadProps;
|
2576
2607
|
return React.createElement(TableHead, Object.assign({}, tableHeadProps), getHeaderGroups().map(function (headerGroup) {
|
2577
2608
|
return React.createElement(MRT_TableHeadRow, {
|
2578
2609
|
headerGroup: headerGroup,
|
2579
2610
|
key: headerGroup.id,
|
2580
|
-
|
2611
|
+
table: table
|
2581
2612
|
});
|
2582
2613
|
}));
|
2583
2614
|
};
|
2584
2615
|
|
2585
2616
|
var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
|
2586
2617
|
var cell = _ref.cell,
|
2587
|
-
|
2588
|
-
var getState =
|
2589
|
-
|
2590
|
-
tableId =
|
2591
|
-
enableEditing =
|
2592
|
-
muiTableBodyCellEditTextFieldProps =
|
2593
|
-
onCellEditBlur =
|
2594
|
-
onCellEditChange =
|
2595
|
-
setCurrentEditingCell =
|
2596
|
-
setCurrentEditingRow =
|
2618
|
+
table = _ref.table;
|
2619
|
+
var getState = table.getState,
|
2620
|
+
_table$options = table.options,
|
2621
|
+
tableId = _table$options.tableId,
|
2622
|
+
enableEditing = _table$options.enableEditing,
|
2623
|
+
muiTableBodyCellEditTextFieldProps = _table$options.muiTableBodyCellEditTextFieldProps,
|
2624
|
+
onCellEditBlur = _table$options.onCellEditBlur,
|
2625
|
+
onCellEditChange = _table$options.onCellEditChange,
|
2626
|
+
setCurrentEditingCell = table.setCurrentEditingCell,
|
2627
|
+
setCurrentEditingRow = table.setCurrentEditingRow;
|
2628
|
+
var column = cell.column,
|
2629
|
+
row = cell.row;
|
2630
|
+
var columnDef = column.columnDef;
|
2597
2631
|
|
2598
2632
|
var _useState = useState(cell.getValue()),
|
2599
2633
|
value = _useState[0],
|
2600
2634
|
setValue = _useState[1];
|
2601
2635
|
|
2602
|
-
var column = cell.column,
|
2603
|
-
row = cell.row;
|
2604
|
-
var columnDef = column.columnDef;
|
2605
|
-
|
2606
2636
|
var handleChange = function handleChange(event) {
|
2607
2637
|
setValue(event.target.value);
|
2608
2638
|
columnDef.onCellEditChange == null ? void 0 : columnDef.onCellEditChange({
|
2609
2639
|
event: event,
|
2610
2640
|
cell: cell,
|
2611
|
-
|
2641
|
+
table: table
|
2612
2642
|
});
|
2613
2643
|
onCellEditChange == null ? void 0 : onCellEditChange({
|
2614
2644
|
event: event,
|
2615
2645
|
cell: cell,
|
2616
|
-
|
2646
|
+
table: table
|
2617
2647
|
});
|
2618
2648
|
};
|
2619
2649
|
|
@@ -2628,22 +2658,22 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
|
|
2628
2658
|
columnDef.onCellEditBlur == null ? void 0 : columnDef.onCellEditBlur({
|
2629
2659
|
event: event,
|
2630
2660
|
cell: cell,
|
2631
|
-
|
2661
|
+
table: table
|
2632
2662
|
});
|
2633
2663
|
onCellEditBlur == null ? void 0 : onCellEditBlur({
|
2634
2664
|
event: event,
|
2635
2665
|
cell: cell,
|
2636
|
-
|
2666
|
+
table: table
|
2637
2667
|
});
|
2638
2668
|
};
|
2639
2669
|
|
2640
2670
|
var mTableBodyCellEditTextFieldProps = muiTableBodyCellEditTextFieldProps instanceof Function ? muiTableBodyCellEditTextFieldProps({
|
2641
2671
|
cell: cell,
|
2642
|
-
|
2672
|
+
table: table
|
2643
2673
|
}) : muiTableBodyCellEditTextFieldProps;
|
2644
2674
|
var mcTableBodyCellEditTextFieldProps = columnDef.muiTableBodyCellEditTextFieldProps instanceof Function ? columnDef.muiTableBodyCellEditTextFieldProps({
|
2645
2675
|
cell: cell,
|
2646
|
-
|
2676
|
+
table: table
|
2647
2677
|
}) : columnDef.muiTableBodyCellEditTextFieldProps;
|
2648
2678
|
|
2649
2679
|
var textFieldProps = _extends({}, mTableBodyCellEditTextFieldProps, mcTableBodyCellEditTextFieldProps);
|
@@ -2651,7 +2681,7 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
|
|
2651
2681
|
if (enableEditing && columnDef.enableEditing !== false && columnDef.Edit) {
|
2652
2682
|
return React.createElement(React.Fragment, null, columnDef.Edit == null ? void 0 : columnDef.Edit({
|
2653
2683
|
cell: cell,
|
2654
|
-
|
2684
|
+
table: table
|
2655
2685
|
}));
|
2656
2686
|
}
|
2657
2687
|
|
@@ -2672,10 +2702,10 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
|
|
2672
2702
|
var MRT_CopyButton = function MRT_CopyButton(_ref) {
|
2673
2703
|
var cell = _ref.cell,
|
2674
2704
|
children = _ref.children,
|
2675
|
-
|
2676
|
-
var
|
2677
|
-
localization =
|
2678
|
-
muiTableBodyCellCopyButtonProps =
|
2705
|
+
table = _ref.table;
|
2706
|
+
var _table$options = table.options,
|
2707
|
+
localization = _table$options.localization,
|
2708
|
+
muiTableBodyCellCopyButtonProps = _table$options.muiTableBodyCellCopyButtonProps;
|
2679
2709
|
var column = cell.column;
|
2680
2710
|
var columnDef = column.columnDef;
|
2681
2711
|
|
@@ -2693,11 +2723,11 @@ var MRT_CopyButton = function MRT_CopyButton(_ref) {
|
|
2693
2723
|
|
2694
2724
|
var mTableBodyCellCopyButtonProps = muiTableBodyCellCopyButtonProps instanceof Function ? muiTableBodyCellCopyButtonProps({
|
2695
2725
|
cell: cell,
|
2696
|
-
|
2726
|
+
table: table
|
2697
2727
|
}) : muiTableBodyCellCopyButtonProps;
|
2698
2728
|
var mcTableBodyCellCopyButtonProps = columnDef.muiTableBodyCellCopyButtonProps instanceof Function ? columnDef.muiTableBodyCellCopyButtonProps({
|
2699
2729
|
cell: cell,
|
2700
|
-
|
2730
|
+
table: table
|
2701
2731
|
}) : columnDef.muiTableBodyCellCopyButtonProps;
|
2702
2732
|
|
2703
2733
|
var buttonProps = _extends({}, mTableBodyCellCopyButtonProps, mcTableBodyCellCopyButtonProps);
|
@@ -2734,25 +2764,25 @@ var MRT_CopyButton = function MRT_CopyButton(_ref) {
|
|
2734
2764
|
};
|
2735
2765
|
|
2736
2766
|
var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
2737
|
-
var _columnDef$
|
2767
|
+
var _columnDef$Cell, _row$subRows, _columnDef$Cell2, _row$subRows$length, _row$subRows2;
|
2738
2768
|
|
2739
2769
|
var cell = _ref.cell,
|
2740
2770
|
enableHover = _ref.enableHover,
|
2741
2771
|
rowIndex = _ref.rowIndex,
|
2742
|
-
|
2743
|
-
var getState =
|
2744
|
-
|
2745
|
-
editingMode =
|
2746
|
-
enableClickToCopy =
|
2747
|
-
enableColumnOrdering =
|
2748
|
-
enableEditing =
|
2749
|
-
enableRowNumbers =
|
2750
|
-
muiTableBodyCellProps =
|
2751
|
-
muiTableBodyCellSkeletonProps =
|
2752
|
-
rowNumberMode =
|
2753
|
-
tableId =
|
2754
|
-
setColumnOrder =
|
2755
|
-
setCurrentEditingCell =
|
2772
|
+
table = _ref.table;
|
2773
|
+
var getState = table.getState,
|
2774
|
+
_table$options = table.options,
|
2775
|
+
editingMode = _table$options.editingMode,
|
2776
|
+
enableClickToCopy = _table$options.enableClickToCopy,
|
2777
|
+
enableColumnOrdering = _table$options.enableColumnOrdering,
|
2778
|
+
enableEditing = _table$options.enableEditing,
|
2779
|
+
enableRowNumbers = _table$options.enableRowNumbers,
|
2780
|
+
muiTableBodyCellProps = _table$options.muiTableBodyCellProps,
|
2781
|
+
muiTableBodyCellSkeletonProps = _table$options.muiTableBodyCellSkeletonProps,
|
2782
|
+
rowNumberMode = _table$options.rowNumberMode,
|
2783
|
+
tableId = _table$options.tableId,
|
2784
|
+
setColumnOrder = table.setColumnOrder,
|
2785
|
+
setCurrentEditingCell = table.setCurrentEditingCell;
|
2756
2786
|
|
2757
2787
|
var _getState = getState(),
|
2758
2788
|
columnOrder = _getState.columnOrder,
|
@@ -2764,8 +2794,8 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
|
2764
2794
|
|
2765
2795
|
var column = cell.column,
|
2766
2796
|
row = cell.row;
|
2767
|
-
var columnDef = column.columnDef
|
2768
|
-
|
2797
|
+
var columnDef = column.columnDef;
|
2798
|
+
var columnDefType = columnDef.columnDefType;
|
2769
2799
|
|
2770
2800
|
var _useDrop = useDrop({
|
2771
2801
|
accept: 'column',
|
@@ -2778,18 +2808,18 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
|
2778
2808
|
|
2779
2809
|
var mTableCellBodyProps = muiTableBodyCellProps instanceof Function ? muiTableBodyCellProps({
|
2780
2810
|
cell: cell,
|
2781
|
-
|
2811
|
+
table: table
|
2782
2812
|
}) : muiTableBodyCellProps;
|
2783
2813
|
var mcTableCellBodyProps = columnDef.muiTableBodyCellProps instanceof Function ? columnDef.muiTableBodyCellProps({
|
2784
2814
|
cell: cell,
|
2785
|
-
|
2815
|
+
table: table
|
2786
2816
|
}) : columnDef.muiTableBodyCellProps;
|
2787
2817
|
|
2788
2818
|
var tableCellProps = _extends({}, mTableCellBodyProps, mcTableCellBodyProps);
|
2789
2819
|
|
2790
2820
|
var skeletonWidth = useMemo(function () {
|
2791
2821
|
return columnDefType === 'display' ? column.getSize() / 2 : Math.random() * (column.getSize() - column.getSize() / 3) + column.getSize() / 3;
|
2792
|
-
}, [
|
2822
|
+
}, []);
|
2793
2823
|
var isEditable = (enableEditing || columnDef.enableEditing) && columnDef.enableEditing !== false;
|
2794
2824
|
var isEditing = isEditable && (editingMode === 'table' || (currentEditingRow == null ? void 0 : currentEditingRow.id) === row.id || (currentEditingCell == null ? void 0 : currentEditingCell.id) === cell.id);
|
2795
2825
|
|
@@ -2808,7 +2838,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
|
2808
2838
|
};
|
2809
2839
|
|
2810
2840
|
var getIsLastLeftPinnedColumn = function getIsLastLeftPinnedColumn() {
|
2811
|
-
return column.getIsPinned() === 'left' &&
|
2841
|
+
return column.getIsPinned() === 'left' && table.getLeftLeafHeaders().length - 1 === column.getPinnedIndex();
|
2812
2842
|
};
|
2813
2843
|
|
2814
2844
|
var getIsFirstRightPinnedColumn = function getIsFirstRightPinnedColumn() {
|
@@ -2816,7 +2846,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
|
2816
2846
|
};
|
2817
2847
|
|
2818
2848
|
var getTotalRight = function getTotalRight() {
|
2819
|
-
return (
|
2849
|
+
return (table.getRightLeafHeaders().length - 1 - column.getPinnedIndex()) * 150;
|
2820
2850
|
};
|
2821
2851
|
|
2822
2852
|
return React.createElement(TableCell, Object.assign({
|
@@ -2849,46 +2879,43 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
|
2849
2879
|
width: column.getSize()
|
2850
2880
|
});
|
2851
2881
|
}
|
2852
|
-
}), React.createElement(React.Fragment, null, isLoading || showSkeletons ? React.createElement(Skeleton, Object.assign({
|
2882
|
+
}), React.createElement(React.Fragment, null, cell.getIsPlaceholder() ? null : isLoading || showSkeletons ? React.createElement(Skeleton, Object.assign({
|
2853
2883
|
animation: "wave",
|
2854
2884
|
height: 20,
|
2855
2885
|
width: skeletonWidth
|
2856
2886
|
}, muiTableBodyCellSkeletonProps)) : enableRowNumbers && rowNumberMode === 'static' && column.id === 'mrt-row-numbers' ? rowIndex + 1 : columnDefType === 'display' ? columnDef.Cell == null ? void 0 : columnDef.Cell({
|
2857
2887
|
cell: cell,
|
2858
|
-
|
2859
|
-
}) :
|
2860
|
-
cell: cell,
|
2861
|
-
instance: instance
|
2862
|
-
})) != null ? _columnDef$Aggregated : cell.renderAggregatedCell() : isEditing ? React.createElement(MRT_EditCellTextField, {
|
2888
|
+
table: table
|
2889
|
+
}) : isEditing ? React.createElement(MRT_EditCellTextField, {
|
2863
2890
|
cell: cell,
|
2864
|
-
|
2891
|
+
table: table
|
2865
2892
|
}) : (enableClickToCopy || columnDef.enableClickToCopy) && columnDef.enableClickToCopy !== false ? React.createElement(React.Fragment, null, React.createElement(MRT_CopyButton, {
|
2866
2893
|
cell: cell,
|
2867
|
-
|
2894
|
+
table: table
|
2868
2895
|
}, React.createElement(React.Fragment, null, (_columnDef$Cell = columnDef == null ? void 0 : columnDef.Cell == null ? void 0 : columnDef.Cell({
|
2869
2896
|
cell: cell,
|
2870
|
-
|
2871
|
-
})) != null ? _columnDef$Cell : cell.
|
2897
|
+
table: table
|
2898
|
+
})) != null ? _columnDef$Cell : cell.renderValue())), cell.getIsGrouped() && React.createElement(React.Fragment, null, " (", (_row$subRows = row.subRows) == null ? void 0 : _row$subRows.length, ")")) : React.createElement(React.Fragment, null, (_columnDef$Cell2 = columnDef == null ? void 0 : columnDef.Cell == null ? void 0 : columnDef.Cell({
|
2872
2899
|
cell: cell,
|
2873
|
-
|
2874
|
-
})) != null ? _columnDef$Cell2 : cell.
|
2900
|
+
table: table
|
2901
|
+
})) != null ? _columnDef$Cell2 : cell.renderValue(), cell.getIsGrouped() && React.createElement(React.Fragment, null, " (", (_row$subRows$length = (_row$subRows2 = row.subRows) == null ? void 0 : _row$subRows2.length) != null ? _row$subRows$length : '', ")"))));
|
2875
2902
|
};
|
2876
2903
|
|
2877
2904
|
var MRT_TableDetailPanel = function MRT_TableDetailPanel(_ref) {
|
2878
2905
|
var row = _ref.row,
|
2879
|
-
|
2880
|
-
var getVisibleLeafColumns =
|
2881
|
-
|
2882
|
-
muiTableBodyRowProps =
|
2883
|
-
muiTableDetailPanelProps =
|
2884
|
-
renderDetailPanel =
|
2906
|
+
table = _ref.table;
|
2907
|
+
var getVisibleLeafColumns = table.getVisibleLeafColumns,
|
2908
|
+
_table$options = table.options,
|
2909
|
+
muiTableBodyRowProps = _table$options.muiTableBodyRowProps,
|
2910
|
+
muiTableDetailPanelProps = _table$options.muiTableDetailPanelProps,
|
2911
|
+
renderDetailPanel = _table$options.renderDetailPanel;
|
2885
2912
|
var tableRowProps = muiTableBodyRowProps instanceof Function ? muiTableBodyRowProps({
|
2886
2913
|
row: row,
|
2887
|
-
|
2914
|
+
table: table
|
2888
2915
|
}) : muiTableBodyRowProps;
|
2889
2916
|
var tableCellProps = muiTableDetailPanelProps instanceof Function ? muiTableDetailPanelProps({
|
2890
2917
|
row: row,
|
2891
|
-
|
2918
|
+
table: table
|
2892
2919
|
}) : muiTableDetailPanelProps;
|
2893
2920
|
return React.createElement(TableRow, Object.assign({}, tableRowProps), React.createElement(TableCell, Object.assign({
|
2894
2921
|
colSpan: getVisibleLeafColumns().length
|
@@ -2898,27 +2925,29 @@ var MRT_TableDetailPanel = function MRT_TableDetailPanel(_ref) {
|
|
2898
2925
|
pb: row.getIsExpanded() ? '1rem' : 0,
|
2899
2926
|
pt: row.getIsExpanded() ? '1rem' : 0,
|
2900
2927
|
transition: 'all 0.2s ease-in-out',
|
2901
|
-
width:
|
2928
|
+
width: table.getTotalSize() + "px"
|
2902
2929
|
}, tableCellProps == null ? void 0 : tableCellProps.sx)
|
2903
2930
|
}), renderDetailPanel && React.createElement(Collapse, {
|
2904
2931
|
"in": row.getIsExpanded()
|
2905
2932
|
}, renderDetailPanel({
|
2906
2933
|
row: row,
|
2907
|
-
|
2934
|
+
table: table
|
2908
2935
|
}))));
|
2909
2936
|
};
|
2910
2937
|
|
2911
2938
|
var MRT_TableBodyRow = function MRT_TableBodyRow(_ref) {
|
2939
|
+
var _row$getVisibleCells;
|
2940
|
+
|
2912
2941
|
var row = _ref.row,
|
2913
2942
|
rowIndex = _ref.rowIndex,
|
2914
|
-
|
2915
|
-
var getIsSomeColumnsPinned =
|
2916
|
-
|
2917
|
-
muiTableBodyRowProps =
|
2918
|
-
renderDetailPanel =
|
2943
|
+
table = _ref.table;
|
2944
|
+
var getIsSomeColumnsPinned = table.getIsSomeColumnsPinned,
|
2945
|
+
_table$options = table.options,
|
2946
|
+
muiTableBodyRowProps = _table$options.muiTableBodyRowProps,
|
2947
|
+
renderDetailPanel = _table$options.renderDetailPanel;
|
2919
2948
|
var tableRowProps = muiTableBodyRowProps instanceof Function ? muiTableBodyRowProps({
|
2920
2949
|
row: row,
|
2921
|
-
|
2950
|
+
table: table
|
2922
2951
|
}) : muiTableBodyRowProps;
|
2923
2952
|
return React.createElement(React.Fragment, null, React.createElement(TableRow, Object.assign({
|
2924
2953
|
hover: true,
|
@@ -2933,54 +2962,32 @@ var MRT_TableBodyRow = function MRT_TableBodyRow(_ref) {
|
|
2933
2962
|
}
|
2934
2963
|
}, tableRowProps == null ? void 0 : tableRowProps.sx);
|
2935
2964
|
}
|
2936
|
-
}), row.getVisibleCells().map(function (cell) {
|
2965
|
+
}), row == null ? void 0 : (_row$getVisibleCells = row.getVisibleCells()) == null ? void 0 : _row$getVisibleCells.map == null ? void 0 : _row$getVisibleCells.map(function (cell) {
|
2937
2966
|
return React.createElement(MRT_TableBodyCell, {
|
2938
2967
|
cell: cell,
|
2939
2968
|
key: cell.id,
|
2940
2969
|
enableHover: (tableRowProps == null ? void 0 : tableRowProps.hover) !== false,
|
2941
2970
|
rowIndex: rowIndex,
|
2942
|
-
|
2971
|
+
table: table
|
2943
2972
|
});
|
2944
2973
|
})), renderDetailPanel && !row.getIsGrouped() && React.createElement(MRT_TableDetailPanel, {
|
2945
2974
|
row: row,
|
2946
|
-
|
2947
|
-
}));
|
2948
|
-
};
|
2949
|
-
|
2950
|
-
var fuzzy$1 = function fuzzy(rowA, rowB, columnId) {
|
2951
|
-
var dir = 0;
|
2952
|
-
|
2953
|
-
if (rowA.columnFiltersMeta[columnId]) {
|
2954
|
-
dir = compareItems(rowA.columnFiltersMeta[columnId], rowB.columnFiltersMeta[columnId]);
|
2955
|
-
} // Provide a fallback for when the item ranks are equal
|
2956
|
-
|
2957
|
-
|
2958
|
-
return dir === 0 ? sortingFns.alphanumeric(rowA, rowB, columnId) : dir;
|
2959
|
-
};
|
2960
|
-
|
2961
|
-
var MRT_SortingFns = {
|
2962
|
-
fuzzy: fuzzy$1
|
2963
|
-
};
|
2964
|
-
var rankGlobalFuzzy = function rankGlobalFuzzy(rowA, rowB) {
|
2965
|
-
return Math.max.apply(Math, Object.values(rowB.columnFiltersMeta).map(function (v) {
|
2966
|
-
return v.rank;
|
2967
|
-
})) - Math.max.apply(Math, Object.values(rowA.columnFiltersMeta).map(function (v) {
|
2968
|
-
return v.rank;
|
2975
|
+
table: table
|
2969
2976
|
}));
|
2970
2977
|
};
|
2971
2978
|
|
2972
2979
|
var MRT_TableBody = function MRT_TableBody(_ref) {
|
2973
|
-
var
|
2980
|
+
var table = _ref.table,
|
2974
2981
|
tableContainerRef = _ref.tableContainerRef;
|
2975
|
-
var getRowModel =
|
2976
|
-
getPrePaginationRowModel =
|
2977
|
-
getState =
|
2978
|
-
|
2979
|
-
enableGlobalFilterRankedResults =
|
2980
|
-
enablePagination =
|
2981
|
-
enableRowVirtualization =
|
2982
|
-
muiTableBodyProps =
|
2983
|
-
virtualizerProps =
|
2982
|
+
var getRowModel = table.getRowModel,
|
2983
|
+
getPrePaginationRowModel = table.getPrePaginationRowModel,
|
2984
|
+
getState = table.getState,
|
2985
|
+
_table$options = table.options,
|
2986
|
+
enableGlobalFilterRankedResults = _table$options.enableGlobalFilterRankedResults,
|
2987
|
+
enablePagination = _table$options.enablePagination,
|
2988
|
+
enableRowVirtualization = _table$options.enableRowVirtualization,
|
2989
|
+
muiTableBodyProps = _table$options.muiTableBodyProps,
|
2990
|
+
virtualizerProps = _table$options.virtualizerProps;
|
2984
2991
|
|
2985
2992
|
var _getState = getState(),
|
2986
2993
|
density = _getState.density,
|
@@ -2989,7 +2996,7 @@ var MRT_TableBody = function MRT_TableBody(_ref) {
|
|
2989
2996
|
sorting = _getState.sorting;
|
2990
2997
|
|
2991
2998
|
var tableBodyProps = muiTableBodyProps instanceof Function ? muiTableBodyProps({
|
2992
|
-
|
2999
|
+
table: table
|
2993
3000
|
}) : muiTableBodyProps;
|
2994
3001
|
|
2995
3002
|
var getIsSomeColumnsSorted = function getIsSomeColumnsSorted() {
|
@@ -3029,7 +3036,7 @@ var MRT_TableBody = function MRT_TableBody(_ref) {
|
|
3029
3036
|
key: row.id,
|
3030
3037
|
row: row,
|
3031
3038
|
rowIndex: enableRowVirtualization ? rowOrVirtualRow.index : rowIndex,
|
3032
|
-
|
3039
|
+
table: table
|
3033
3040
|
});
|
3034
3041
|
}), enableRowVirtualization && paddingBottom > 0 && React.createElement("tr", null, React.createElement("td", {
|
3035
3042
|
style: {
|
@@ -3039,28 +3046,28 @@ var MRT_TableBody = function MRT_TableBody(_ref) {
|
|
3039
3046
|
};
|
3040
3047
|
|
3041
3048
|
var MRT_TableFooterCell = function MRT_TableFooterCell(_ref) {
|
3042
|
-
var _ref2, _ref3
|
3049
|
+
var _ref2, _ref3;
|
3043
3050
|
|
3044
3051
|
var footer = _ref.footer,
|
3045
|
-
|
3046
|
-
var getState =
|
3047
|
-
|
3048
|
-
muiTableFooterCellProps =
|
3049
|
-
enableColumnResizing =
|
3052
|
+
table = _ref.table;
|
3053
|
+
var getState = table.getState,
|
3054
|
+
_table$options = table.options,
|
3055
|
+
muiTableFooterCellProps = _table$options.muiTableFooterCellProps,
|
3056
|
+
enableColumnResizing = _table$options.enableColumnResizing;
|
3050
3057
|
|
3051
3058
|
var _getState = getState(),
|
3052
3059
|
density = _getState.density;
|
3053
3060
|
|
3054
3061
|
var column = footer.column;
|
3055
|
-
var columnDef = column.columnDef
|
3056
|
-
|
3062
|
+
var columnDef = column.columnDef;
|
3063
|
+
var columnDefType = columnDef.columnDefType;
|
3057
3064
|
var mTableFooterCellProps = muiTableFooterCellProps instanceof Function ? muiTableFooterCellProps({
|
3058
3065
|
column: column,
|
3059
|
-
|
3066
|
+
table: table
|
3060
3067
|
}) : muiTableFooterCellProps;
|
3061
3068
|
var mcTableFooterCellProps = columnDef.muiTableFooterCellProps instanceof Function ? columnDef.muiTableFooterCellProps({
|
3062
3069
|
column: column,
|
3063
|
-
|
3070
|
+
table: table
|
3064
3071
|
}) : columnDef.muiTableFooterCellProps;
|
3065
3072
|
|
3066
3073
|
var tableCellProps = _extends({}, mTableFooterCellProps, mcTableFooterCellProps);
|
@@ -3083,68 +3090,68 @@ var MRT_TableFooterCell = function MRT_TableFooterCell(_ref) {
|
|
3083
3090
|
verticalAlign: 'text-top'
|
3084
3091
|
}, tableCellProps == null ? void 0 : tableCellProps.sx);
|
3085
3092
|
}
|
3086
|
-
}), React.createElement(React.Fragment, null, footer.isPlaceholder ? null : (_ref2 = (_ref3 =
|
3093
|
+
}), React.createElement(React.Fragment, null, footer.isPlaceholder ? null : (_ref2 = (_ref3 = columnDef.Footer instanceof Function ? columnDef.Footer == null ? void 0 : columnDef.Footer({
|
3087
3094
|
footer: footer,
|
3088
|
-
|
3089
|
-
}) : columnDef.Footer) != null ?
|
3095
|
+
table: table
|
3096
|
+
}) : columnDef.Footer) != null ? _ref3 : columnDef.footer) != null ? _ref2 : null));
|
3090
3097
|
};
|
3091
3098
|
|
3092
3099
|
var MRT_TableFooterRow = function MRT_TableFooterRow(_ref) {
|
3093
3100
|
var _footerGroup$headers;
|
3094
3101
|
|
3095
3102
|
var footerGroup = _ref.footerGroup,
|
3096
|
-
|
3097
|
-
var muiTableFooterRowProps =
|
3103
|
+
table = _ref.table;
|
3104
|
+
var muiTableFooterRowProps = table.options.muiTableFooterRowProps; // if no content in row, skip row
|
3098
3105
|
|
3099
3106
|
if (!((_footerGroup$headers = footerGroup.headers) != null && _footerGroup$headers.some(function (header) {
|
3100
3107
|
return typeof header.column.columnDef.footer === 'string' && !!header.column.columnDef.footer || header.column.columnDef.Footer;
|
3101
3108
|
}))) return null;
|
3102
3109
|
var tableRowProps = muiTableFooterRowProps instanceof Function ? muiTableFooterRowProps({
|
3103
3110
|
footerGroup: footerGroup,
|
3104
|
-
|
3111
|
+
table: table
|
3105
3112
|
}) : muiTableFooterRowProps;
|
3106
3113
|
return React.createElement(TableRow, Object.assign({}, tableRowProps), footerGroup.headers.map(function (footer) {
|
3107
3114
|
return React.createElement(MRT_TableFooterCell, {
|
3108
3115
|
footer: footer,
|
3109
3116
|
key: footer.id,
|
3110
|
-
|
3117
|
+
table: table
|
3111
3118
|
});
|
3112
3119
|
}));
|
3113
3120
|
};
|
3114
3121
|
|
3115
3122
|
var MRT_TableFooter = function MRT_TableFooter(_ref) {
|
3116
|
-
var
|
3117
|
-
var getFooterGroups =
|
3118
|
-
muiTableFooterProps =
|
3123
|
+
var table = _ref.table;
|
3124
|
+
var getFooterGroups = table.getFooterGroups,
|
3125
|
+
muiTableFooterProps = table.options.muiTableFooterProps;
|
3119
3126
|
var tableFooterProps = muiTableFooterProps instanceof Function ? muiTableFooterProps({
|
3120
|
-
|
3127
|
+
table: table
|
3121
3128
|
}) : muiTableFooterProps;
|
3122
3129
|
return React.createElement(TableFooter, Object.assign({}, tableFooterProps), getFooterGroups().map(function (footerGroup) {
|
3123
3130
|
return React.createElement(MRT_TableFooterRow, {
|
3124
3131
|
footerGroup: footerGroup,
|
3125
3132
|
key: footerGroup.id,
|
3126
|
-
|
3133
|
+
table: table
|
3127
3134
|
});
|
3128
3135
|
}));
|
3129
3136
|
};
|
3130
3137
|
|
3131
3138
|
var MRT_Table = function MRT_Table(_ref) {
|
3132
3139
|
var tableContainerRef = _ref.tableContainerRef,
|
3133
|
-
|
3134
|
-
var getState =
|
3135
|
-
|
3136
|
-
enableColumnResizing =
|
3137
|
-
enableRowVirtualization =
|
3138
|
-
enableStickyHeader =
|
3139
|
-
enableTableFooter =
|
3140
|
-
enableTableHead =
|
3141
|
-
muiTableProps =
|
3140
|
+
table = _ref.table;
|
3141
|
+
var getState = table.getState,
|
3142
|
+
_table$options = table.options,
|
3143
|
+
enableColumnResizing = _table$options.enableColumnResizing,
|
3144
|
+
enableRowVirtualization = _table$options.enableRowVirtualization,
|
3145
|
+
enableStickyHeader = _table$options.enableStickyHeader,
|
3146
|
+
enableTableFooter = _table$options.enableTableFooter,
|
3147
|
+
enableTableHead = _table$options.enableTableHead,
|
3148
|
+
muiTableProps = _table$options.muiTableProps;
|
3142
3149
|
|
3143
3150
|
var _getState = getState(),
|
3144
3151
|
isFullScreen = _getState.isFullScreen;
|
3145
3152
|
|
3146
3153
|
var tableProps = muiTableProps instanceof Function ? muiTableProps({
|
3147
|
-
|
3154
|
+
table: table
|
3148
3155
|
}) : muiTableProps;
|
3149
3156
|
return React.createElement(Table, Object.assign({
|
3150
3157
|
stickyHeader: enableStickyHeader || enableRowVirtualization || isFullScreen
|
@@ -3153,24 +3160,24 @@ var MRT_Table = function MRT_Table(_ref) {
|
|
3153
3160
|
tableLayout: enableColumnResizing || enableRowVirtualization ? 'fixed' : 'auto'
|
3154
3161
|
}, tableProps == null ? void 0 : tableProps.sx)
|
3155
3162
|
}), enableTableHead && React.createElement(MRT_TableHead, {
|
3156
|
-
|
3163
|
+
table: table
|
3157
3164
|
}), React.createElement(MRT_TableBody, {
|
3158
3165
|
tableContainerRef: tableContainerRef,
|
3159
|
-
|
3166
|
+
table: table
|
3160
3167
|
}), enableTableFooter && React.createElement(MRT_TableFooter, {
|
3161
|
-
|
3168
|
+
table: table
|
3162
3169
|
}));
|
3163
3170
|
};
|
3164
3171
|
|
3165
3172
|
var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
|
3166
3173
|
var MRT_TableContainer = function MRT_TableContainer(_ref) {
|
3167
|
-
var
|
3168
|
-
var getState =
|
3169
|
-
|
3170
|
-
enableStickyHeader =
|
3171
|
-
enableRowVirtualization =
|
3172
|
-
muiTableContainerProps =
|
3173
|
-
tableId =
|
3174
|
+
var table = _ref.table;
|
3175
|
+
var getState = table.getState,
|
3176
|
+
_table$options = table.options,
|
3177
|
+
enableStickyHeader = _table$options.enableStickyHeader,
|
3178
|
+
enableRowVirtualization = _table$options.enableRowVirtualization,
|
3179
|
+
muiTableContainerProps = _table$options.muiTableContainerProps,
|
3180
|
+
tableId = _table$options.tableId;
|
3174
3181
|
|
3175
3182
|
var _getState = getState(),
|
3176
3183
|
isFullScreen = _getState.isFullScreen;
|
@@ -3180,7 +3187,7 @@ var MRT_TableContainer = function MRT_TableContainer(_ref) {
|
|
3180
3187
|
setTotalToolbarHeight = _useState[1];
|
3181
3188
|
|
3182
3189
|
var tableContainerProps = muiTableContainerProps instanceof Function ? muiTableContainerProps({
|
3183
|
-
|
3190
|
+
table: table
|
3184
3191
|
}) : muiTableContainerProps;
|
3185
3192
|
useIsomorphicLayoutEffect(function () {
|
3186
3193
|
var _document$getElementB, _document, _document$getElementB2, _document$getElementB3, _document2, _document2$getElement;
|
@@ -3202,17 +3209,17 @@ var MRT_TableContainer = function MRT_TableContainer(_ref) {
|
|
3202
3209
|
}, tableContainerProps == null ? void 0 : tableContainerProps.style)
|
3203
3210
|
}), React.createElement(MRT_Table, {
|
3204
3211
|
tableContainerRef: tableContainerRef,
|
3205
|
-
|
3212
|
+
table: table
|
3206
3213
|
}));
|
3207
3214
|
};
|
3208
3215
|
|
3209
3216
|
var MRT_TablePaper = function MRT_TablePaper(_ref) {
|
3210
|
-
var
|
3211
|
-
var getState =
|
3212
|
-
|
3213
|
-
enableToolbarBottom =
|
3214
|
-
enableToolbarTop =
|
3215
|
-
muiTablePaperProps =
|
3217
|
+
var table = _ref.table;
|
3218
|
+
var getState = table.getState,
|
3219
|
+
_table$options = table.options,
|
3220
|
+
enableToolbarBottom = _table$options.enableToolbarBottom,
|
3221
|
+
enableToolbarTop = _table$options.enableToolbarTop,
|
3222
|
+
muiTablePaperProps = _table$options.muiTablePaperProps;
|
3216
3223
|
|
3217
3224
|
var _getState = getState(),
|
3218
3225
|
isFullScreen = _getState.isFullScreen;
|
@@ -3227,7 +3234,7 @@ var MRT_TablePaper = function MRT_TablePaper(_ref) {
|
|
3227
3234
|
}
|
3228
3235
|
}, [isFullScreen]);
|
3229
3236
|
var tablePaperProps = muiTablePaperProps instanceof Function ? muiTablePaperProps({
|
3230
|
-
|
3237
|
+
table: table
|
3231
3238
|
}) : muiTablePaperProps;
|
3232
3239
|
return React.createElement(DndProvider, {
|
3233
3240
|
backend: HTML5Backend
|
@@ -3246,16 +3253,16 @@ var MRT_TablePaper = function MRT_TablePaper(_ref) {
|
|
3246
3253
|
width: isFullScreen ? '100vw' : undefined
|
3247
3254
|
})
|
3248
3255
|
}), enableToolbarTop && React.createElement(MRT_ToolbarTop, {
|
3249
|
-
|
3256
|
+
table: table
|
3250
3257
|
}), React.createElement(MRT_TableContainer, {
|
3251
|
-
|
3258
|
+
table: table
|
3252
3259
|
}), enableToolbarBottom && React.createElement(MRT_ToolbarBottom, {
|
3253
|
-
|
3260
|
+
table: table
|
3254
3261
|
})));
|
3255
3262
|
};
|
3256
3263
|
|
3257
3264
|
var MRT_TableRoot = function MRT_TableRoot(props) {
|
3258
|
-
var _initialState$columnO, _initialState$current, _initialState$current2, _initialState$density, _initialState$isFullS, _props$initialState$s, _props$initialState2, _initialState$showFil, _initialState$showGlo, _props$
|
3265
|
+
var _initialState$columnO, _initialState$current, _initialState$current2, _initialState$density, _initialState$isFullS, _props$initialState$s, _props$initialState2, _initialState$showFil, _initialState$showGlo, _props$state3, _props$state4, _MRT_FilterFns$curren, _props$onCurrentEditi, _props$onCurrentEditi2, _props$onCurrentFilte, _props$onCurrentGloba, _props$onDensityChang, _props$onIsFullScreen, _props$onShowAlertBan, _props$onShowFiltersC, _props$onShowGlobalFi;
|
3259
3266
|
|
3260
3267
|
var _useState = useState(props.tableId),
|
3261
3268
|
tableId = _useState[0],
|
@@ -3307,90 +3314,78 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
|
|
3307
3314
|
setShowGlobalFilter = _useState9[1];
|
3308
3315
|
|
3309
3316
|
var _useState10 = useState(function () {
|
3310
|
-
return Object.assign.apply(Object, [{}].concat(getAllLeafColumnDefs(props.columns).map(function (
|
3311
|
-
var _ref,
|
3317
|
+
return Object.assign.apply(Object, [{}].concat(getAllLeafColumnDefs(props.columns).map(function (col) {
|
3318
|
+
var _ref, _col$id$toString, _col$id, _col$accessorKey, _col$filterFn$name, _ref2, _col$filterFn, _initialState$current3, _ref3, _col$id$toString2, _col$id2, _col$accessorKey2, _col$filterSelectOpti, _ref4;
|
3312
3319
|
|
3313
|
-
return
|
3320
|
+
return _ref4 = {}, _ref4[(_ref = (_col$id$toString = (_col$id = col.id) == null ? void 0 : _col$id.toString()) != null ? _col$id$toString : (_col$accessorKey = col.accessorKey) == null ? void 0 : _col$accessorKey.toString()) != null ? _ref : ''] = col.filterFn instanceof Function ? (_col$filterFn$name = col.filterFn.name) != null ? _col$filterFn$name : 'custom' : (_ref2 = (_col$filterFn = col.filterFn) != null ? _col$filterFn : initialState == null ? void 0 : (_initialState$current3 = initialState.currentFilterFns) == null ? void 0 : _initialState$current3[(_ref3 = (_col$id$toString2 = (_col$id2 = col.id) == null ? void 0 : _col$id2.toString()) != null ? _col$id$toString2 : (_col$accessorKey2 = col.accessorKey) == null ? void 0 : _col$accessorKey2.toString()) != null ? _ref3 : '']) != null ? _ref2 : !!((_col$filterSelectOpti = col.filterSelectOptions) != null && _col$filterSelectOpti.length) ? 'equals' : 'fuzzy', _ref4;
|
3314
3321
|
})));
|
3315
3322
|
}),
|
3316
3323
|
currentFilterFns = _useState10[0],
|
3317
3324
|
setCurrentFilterFns = _useState10[1];
|
3318
3325
|
|
3319
|
-
var _useState11 = useState(
|
3326
|
+
var _useState11 = useState(props.globalFilterFn instanceof String ? props.globalFilterFn : 'fuzzy'),
|
3320
3327
|
currentGlobalFilterFn = _useState11[0],
|
3321
3328
|
setCurrentGlobalFilterFn = _useState11[1];
|
3322
3329
|
|
3323
|
-
var table = useMemo(function () {
|
3324
|
-
return (// @ts-ignore
|
3325
|
-
createTable().setOptions({
|
3326
|
-
filterFns: _extends({}, filterFns, MRT_FilterFns, props.filterFns),
|
3327
|
-
getCoreRowModel: getCoreRowModel(),
|
3328
|
-
getExpandedRowModel: getExpandedRowModel(),
|
3329
|
-
getFacetedRowModel: getFacetedRowModel(),
|
3330
|
-
getFilteredRowModel: getFilteredRowModel(),
|
3331
|
-
getGroupedRowModel: getGroupedRowModel(),
|
3332
|
-
getPaginationRowModel: getPaginationRowModel(),
|
3333
|
-
getSortedRowModel: getSortedRowModel(),
|
3334
|
-
sortingFns: _extends({}, sortingFns, MRT_SortingFns, props.sortingFns)
|
3335
|
-
})
|
3336
|
-
);
|
3337
|
-
}, []);
|
3338
3330
|
var displayColumns = useMemo(function () {
|
3339
3331
|
var _props$localization, _props$localization2, _props$localization3, _props$localization5;
|
3340
3332
|
|
3341
|
-
return [columnOrder.includes('mrt-row-actions') &&
|
3342
|
-
Cell: function Cell(
|
3343
|
-
var cell =
|
3333
|
+
return [columnOrder.includes('mrt-row-actions') && {
|
3334
|
+
Cell: function Cell(_ref5) {
|
3335
|
+
var cell = _ref5.cell;
|
3344
3336
|
return React.createElement(MRT_ToggleRowActionMenuButton, {
|
3345
3337
|
row: cell.row,
|
3346
|
-
|
3338
|
+
table: table
|
3347
3339
|
});
|
3348
3340
|
},
|
3341
|
+
columnDefType: 'display',
|
3349
3342
|
header: (_props$localization = props.localization) == null ? void 0 : _props$localization.actions,
|
3350
3343
|
id: 'mrt-row-actions',
|
3351
3344
|
muiTableBodyCellProps: props.muiTableBodyCellProps,
|
3352
3345
|
muiTableHeadCellProps: props.muiTableHeadCellProps,
|
3353
3346
|
size: 70
|
3354
|
-
}
|
3355
|
-
Cell: function Cell(
|
3356
|
-
var cell =
|
3347
|
+
}, columnOrder.includes('mrt-expand') && {
|
3348
|
+
Cell: function Cell(_ref6) {
|
3349
|
+
var cell = _ref6.cell;
|
3357
3350
|
return React.createElement(MRT_ExpandButton, {
|
3358
3351
|
row: cell.row,
|
3359
|
-
|
3352
|
+
table: table
|
3360
3353
|
});
|
3361
3354
|
},
|
3362
3355
|
Header: function Header() {
|
3363
3356
|
return props.enableExpandAll ? React.createElement(MRT_ExpandAllButton, {
|
3364
|
-
|
3357
|
+
table: table
|
3365
3358
|
}) : null;
|
3366
3359
|
},
|
3360
|
+
columnDefType: 'display',
|
3367
3361
|
header: (_props$localization2 = props.localization) == null ? void 0 : _props$localization2.expand,
|
3368
3362
|
id: 'mrt-expand',
|
3369
3363
|
muiTableBodyCellProps: props.muiTableBodyCellProps,
|
3370
3364
|
muiTableHeadCellProps: props.muiTableHeadCellProps,
|
3371
3365
|
size: 60
|
3372
|
-
}
|
3373
|
-
Cell: function Cell(
|
3374
|
-
var cell =
|
3366
|
+
}, columnOrder.includes('mrt-select') && {
|
3367
|
+
Cell: function Cell(_ref7) {
|
3368
|
+
var cell = _ref7.cell;
|
3375
3369
|
return React.createElement(MRT_SelectCheckbox, {
|
3376
3370
|
row: cell.row,
|
3377
|
-
|
3371
|
+
table: table
|
3378
3372
|
});
|
3379
3373
|
},
|
3380
3374
|
Header: function Header() {
|
3381
3375
|
return props.enableSelectAll ? React.createElement(MRT_SelectCheckbox, {
|
3382
3376
|
selectAll: true,
|
3383
|
-
|
3377
|
+
table: table
|
3384
3378
|
}) : null;
|
3385
3379
|
},
|
3380
|
+
columnDefType: 'display',
|
3386
3381
|
header: (_props$localization3 = props.localization) == null ? void 0 : _props$localization3.select,
|
3387
3382
|
id: 'mrt-select',
|
3388
3383
|
muiTableBodyCellProps: props.muiTableBodyCellProps,
|
3389
3384
|
muiTableHeadCellProps: props.muiTableHeadCellProps,
|
3390
3385
|
size: 60
|
3391
|
-
}
|
3392
|
-
Cell: function Cell(
|
3393
|
-
var cell =
|
3386
|
+
}, columnOrder.includes('mrt-row-numbers') && {
|
3387
|
+
Cell: function Cell(_ref8) {
|
3388
|
+
var cell = _ref8.cell;
|
3394
3389
|
return cell.row.index + 1;
|
3395
3390
|
},
|
3396
3391
|
Header: function Header() {
|
@@ -3398,41 +3393,47 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
|
|
3398
3393
|
|
3399
3394
|
return (_props$localization4 = props.localization) == null ? void 0 : _props$localization4.rowNumber;
|
3400
3395
|
},
|
3396
|
+
columnDefType: 'display',
|
3401
3397
|
header: (_props$localization5 = props.localization) == null ? void 0 : _props$localization5.rowNumbers,
|
3402
3398
|
id: 'mrt-row-numbers',
|
3403
3399
|
muiTableBodyCellProps: props.muiTableBodyCellProps,
|
3404
3400
|
muiTableHeadCellProps: props.muiTableHeadCellProps,
|
3405
3401
|
size: 60
|
3406
|
-
}
|
3407
|
-
}, [columnOrder, props.editingMode, props.enableEditing, props.enableExpandAll, props.enableExpanding, props.enableGrouping, props.enableRowActions, props.enableRowNumbers, props.enableRowSelection, props.enableSelectAll, props.localization, props.muiTableBodyCellProps, props.muiTableHeadCellProps, props.positionActionsColumn
|
3408
|
-
var
|
3409
|
-
return [].concat(displayColumns, props.columns
|
3410
|
-
|
3411
|
-
}));
|
3412
|
-
}, [table, props.columns, currentFilterFns]);
|
3402
|
+
}].filter(Boolean);
|
3403
|
+
}, [columnOrder, props.editingMode, props.enableEditing, props.enableExpandAll, props.enableExpanding, props.enableGrouping, props.enableRowActions, props.enableRowNumbers, props.enableRowSelection, props.enableSelectAll, props.localization, props.muiTableBodyCellProps, props.muiTableHeadCellProps, props.positionActionsColumn]);
|
3404
|
+
var columnDefs = useMemo(function () {
|
3405
|
+
return prepareColumns([].concat(displayColumns, props.columns), currentFilterFns);
|
3406
|
+
}, [currentFilterFns, displayColumns, props.columns]);
|
3413
3407
|
var data = useMemo(function () {
|
3414
3408
|
var _props$state, _props$state2;
|
3415
3409
|
|
3416
3410
|
return ((_props$state = props.state) != null && _props$state.isLoading || (_props$state2 = props.state) != null && _props$state2.showSkeletons) && !props.data.length ? [].concat(Array(10).fill(null)).map(function () {
|
3417
|
-
return Object.assign.apply(Object, [{}].concat(getAllLeafColumnDefs(props.columns).map(function (
|
3418
|
-
var
|
3411
|
+
return Object.assign.apply(Object, [{}].concat(getAllLeafColumnDefs(props.columns).map(function (col) {
|
3412
|
+
var _ref9, _col$id3, _ref10;
|
3419
3413
|
|
3420
|
-
return
|
3414
|
+
return _ref10 = {}, _ref10[(_ref9 = (_col$id3 = col.id) != null ? _col$id3 : col.accessorKey) != null ? _ref9 : ''] = null, _ref10;
|
3421
3415
|
})));
|
3422
3416
|
}) : props.data;
|
3423
3417
|
}, [props.data, (_props$state3 = props.state) == null ? void 0 : _props$state3.isLoading, (_props$state4 = props.state) == null ? void 0 : _props$state4.showSkeletons]); //@ts-ignore
|
3424
3418
|
|
3425
|
-
var
|
3419
|
+
var table = _extends({}, useReactTable(_extends({
|
3420
|
+
getCoreRowModel: getCoreRowModel(),
|
3421
|
+
getExpandedRowModel: getExpandedRowModel(),
|
3422
|
+
getFacetedRowModel: getFacetedRowModel(),
|
3423
|
+
getFilteredRowModel: getFilteredRowModel(),
|
3424
|
+
getGroupedRowModel: getGroupedRowModel(),
|
3425
|
+
getPaginationRowModel: getPaginationRowModel(),
|
3426
|
+
getSortedRowModel: getSortedRowModel(),
|
3426
3427
|
onColumnOrderChange: setColumnOrder
|
3427
3428
|
}, props, {
|
3428
3429
|
//@ts-ignore
|
3429
|
-
columns:
|
3430
|
+
columns: columnDefs,
|
3430
3431
|
data: data,
|
3431
3432
|
getSubRows: function getSubRows(row) {
|
3432
3433
|
return row == null ? void 0 : row.subRows;
|
3433
3434
|
},
|
3434
3435
|
//@ts-ignore
|
3435
|
-
globalFilterFn: currentGlobalFilterFn,
|
3436
|
+
globalFilterFn: (_MRT_FilterFns$curren = MRT_FilterFns[currentGlobalFilterFn]) != null ? _MRT_FilterFns$curren : MRT_FilterFns.fuzzy,
|
3436
3437
|
initialState: initialState,
|
3437
3438
|
state: _extends({
|
3438
3439
|
columnOrder: columnOrder,
|
@@ -3471,9 +3472,9 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
|
|
3471
3472
|
open: isFullScreen,
|
3472
3473
|
transitionDuration: 400
|
3473
3474
|
}, React.createElement(MRT_TablePaper, {
|
3474
|
-
|
3475
|
+
table: table
|
3475
3476
|
})), !isFullScreen && React.createElement(MRT_TablePaper, {
|
3476
|
-
|
3477
|
+
table: table
|
3477
3478
|
}));
|
3478
3479
|
};
|
3479
3480
|
|