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
@@ -9,8 +9,8 @@ var React__default = _interopDefault(React);
|
|
9
9
|
var iconsMaterial = require('@mui/icons-material');
|
10
10
|
var reactTable = require('@tanstack/react-table');
|
11
11
|
var material = require('@mui/material');
|
12
|
-
var matchSorterUtils = require('@tanstack/match-sorter-utils');
|
13
12
|
var jsxRuntime = require('react/jsx-runtime');
|
13
|
+
var matchSorterUtils = require('@tanstack/match-sorter-utils');
|
14
14
|
|
15
15
|
function _extends() {
|
16
16
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
@@ -146,23 +146,23 @@ var MRT_Default_Icons = {
|
|
146
146
|
};
|
147
147
|
|
148
148
|
var MRT_ExpandAllButton = function MRT_ExpandAllButton(_ref) {
|
149
|
-
var
|
150
|
-
var getIsAllRowsExpanded =
|
151
|
-
getIsSomeRowsExpanded =
|
152
|
-
getCanSomeRowsExpand =
|
153
|
-
getState =
|
154
|
-
|
155
|
-
KeyboardDoubleArrowDownIcon =
|
156
|
-
localization =
|
157
|
-
muiExpandAllButtonProps =
|
158
|
-
renderDetailPanel =
|
159
|
-
toggleAllRowsExpanded =
|
149
|
+
var table = _ref.table;
|
150
|
+
var getIsAllRowsExpanded = table.getIsAllRowsExpanded,
|
151
|
+
getIsSomeRowsExpanded = table.getIsSomeRowsExpanded,
|
152
|
+
getCanSomeRowsExpand = table.getCanSomeRowsExpand,
|
153
|
+
getState = table.getState,
|
154
|
+
_table$options = table.options,
|
155
|
+
KeyboardDoubleArrowDownIcon = _table$options.icons.KeyboardDoubleArrowDownIcon,
|
156
|
+
localization = _table$options.localization,
|
157
|
+
muiExpandAllButtonProps = _table$options.muiExpandAllButtonProps,
|
158
|
+
renderDetailPanel = _table$options.renderDetailPanel,
|
159
|
+
toggleAllRowsExpanded = table.toggleAllRowsExpanded;
|
160
160
|
|
161
161
|
var _getState = getState(),
|
162
162
|
density = _getState.density;
|
163
163
|
|
164
164
|
var iconButtonProps = muiExpandAllButtonProps instanceof Function ? muiExpandAllButtonProps({
|
165
|
-
|
165
|
+
table: table
|
166
166
|
}) : muiExpandAllButtonProps;
|
167
167
|
return React__default.createElement(material.Tooltip, {
|
168
168
|
arrow: true,
|
@@ -190,19 +190,19 @@ var MRT_ExpandAllButton = function MRT_ExpandAllButton(_ref) {
|
|
190
190
|
|
191
191
|
var MRT_ExpandButton = function MRT_ExpandButton(_ref) {
|
192
192
|
var row = _ref.row,
|
193
|
-
|
194
|
-
var getState =
|
195
|
-
|
196
|
-
ExpandMoreIcon =
|
197
|
-
localization =
|
198
|
-
muiExpandButtonProps =
|
199
|
-
renderDetailPanel =
|
193
|
+
table = _ref.table;
|
194
|
+
var getState = table.getState,
|
195
|
+
_table$options = table.options,
|
196
|
+
ExpandMoreIcon = _table$options.icons.ExpandMoreIcon,
|
197
|
+
localization = _table$options.localization,
|
198
|
+
muiExpandButtonProps = _table$options.muiExpandButtonProps,
|
199
|
+
renderDetailPanel = _table$options.renderDetailPanel;
|
200
200
|
|
201
201
|
var _getState = getState(),
|
202
202
|
density = _getState.density;
|
203
203
|
|
204
204
|
var iconButtonProps = muiExpandButtonProps instanceof Function ? muiExpandButtonProps({
|
205
|
-
|
205
|
+
table: table,
|
206
206
|
row: row
|
207
207
|
}) : muiExpandButtonProps;
|
208
208
|
|
@@ -232,112 +232,6 @@ var MRT_ExpandButton = function MRT_ExpandButton(_ref) {
|
|
232
232
|
}))));
|
233
233
|
};
|
234
234
|
|
235
|
-
var fuzzy = function fuzzy(row, columnId, filterValue, addMeta) {
|
236
|
-
var itemRank = matchSorterUtils.rankItem(row.getValue(columnId), filterValue, {
|
237
|
-
threshold: matchSorterUtils.rankings.MATCHES
|
238
|
-
});
|
239
|
-
addMeta(itemRank);
|
240
|
-
return itemRank.passed;
|
241
|
-
};
|
242
|
-
|
243
|
-
fuzzy.autoRemove = function (val) {
|
244
|
-
return !val;
|
245
|
-
};
|
246
|
-
|
247
|
-
var contains = function contains(row, id, filterValue) {
|
248
|
-
return row.getValue(id).toString().toLowerCase().trim().includes(filterValue.toString().toLowerCase().trim());
|
249
|
-
};
|
250
|
-
|
251
|
-
contains.autoRemove = function (val) {
|
252
|
-
return !val;
|
253
|
-
};
|
254
|
-
|
255
|
-
var startsWith = function startsWith(row, id, filterValue) {
|
256
|
-
return row.getValue(id).toString().toLowerCase().trim().startsWith(filterValue.toString().toLowerCase().trim());
|
257
|
-
};
|
258
|
-
|
259
|
-
startsWith.autoRemove = function (val) {
|
260
|
-
return !val;
|
261
|
-
};
|
262
|
-
|
263
|
-
var endsWith = function endsWith(row, id, filterValue) {
|
264
|
-
return row.getValue(id).toString().toLowerCase().trim().endsWith(filterValue.toString().toLowerCase().trim());
|
265
|
-
};
|
266
|
-
|
267
|
-
endsWith.autoRemove = function (val) {
|
268
|
-
return !val;
|
269
|
-
};
|
270
|
-
|
271
|
-
var equals = function equals(row, id, filterValue) {
|
272
|
-
return row.getValue(id).toString().toLowerCase().trim() === filterValue.toString().toLowerCase().trim();
|
273
|
-
};
|
274
|
-
|
275
|
-
equals.autoRemove = function (val) {
|
276
|
-
return !val;
|
277
|
-
};
|
278
|
-
|
279
|
-
var notEquals = function notEquals(row, id, filterValue) {
|
280
|
-
return row.getValue(id).toString().toLowerCase().trim() !== filterValue.toString().toLowerCase().trim();
|
281
|
-
};
|
282
|
-
|
283
|
-
notEquals.autoRemove = function (val) {
|
284
|
-
return !val;
|
285
|
-
};
|
286
|
-
|
287
|
-
var greaterThan = function greaterThan(row, id, filterValue) {
|
288
|
-
return !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +row.getValue(id) >= +filterValue : row.getValue(id).toString().toLowerCase().trim() > filterValue.toString().toLowerCase().trim();
|
289
|
-
};
|
290
|
-
|
291
|
-
greaterThan.autoRemove = function (val) {
|
292
|
-
return !val;
|
293
|
-
};
|
294
|
-
|
295
|
-
var lessThan = function lessThan(row, id, filterValue) {
|
296
|
-
return !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +row.getValue(id) <= +filterValue : row.getValue(id).toString().toLowerCase().trim() < filterValue.toString().toLowerCase().trim();
|
297
|
-
};
|
298
|
-
|
299
|
-
lessThan.autoRemove = function (val) {
|
300
|
-
return !val;
|
301
|
-
};
|
302
|
-
|
303
|
-
var between = function between(row, id, filterValues) {
|
304
|
-
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]));
|
305
|
-
};
|
306
|
-
|
307
|
-
between.autoRemove = function (val) {
|
308
|
-
return !val;
|
309
|
-
};
|
310
|
-
|
311
|
-
var empty = function empty(row, id, _filterValue) {
|
312
|
-
return !row.getValue(id).toString().trim();
|
313
|
-
};
|
314
|
-
|
315
|
-
empty.autoRemove = function (val) {
|
316
|
-
return !val;
|
317
|
-
};
|
318
|
-
|
319
|
-
var notEmpty = function notEmpty(row, id, _filterValue) {
|
320
|
-
return !!row.getValue(id).toString().trim();
|
321
|
-
};
|
322
|
-
|
323
|
-
notEmpty.autoRemove = function (val) {
|
324
|
-
return !val;
|
325
|
-
};
|
326
|
-
|
327
|
-
var MRT_FilterFns = {
|
328
|
-
between: between,
|
329
|
-
contains: contains,
|
330
|
-
empty: empty,
|
331
|
-
endsWith: endsWith,
|
332
|
-
equals: equals,
|
333
|
-
fuzzy: fuzzy,
|
334
|
-
greaterThan: greaterThan,
|
335
|
-
lessThan: lessThan,
|
336
|
-
notEmpty: notEmpty,
|
337
|
-
notEquals: notEquals,
|
338
|
-
startsWith: startsWith
|
339
|
-
};
|
340
|
-
|
341
235
|
var commonMenuItemStyles = {
|
342
236
|
py: '6px',
|
343
237
|
my: 0,
|
@@ -350,19 +244,19 @@ var MRT_FilterOptionMenu = function MRT_FilterOptionMenu(_ref) {
|
|
350
244
|
header = _ref.header,
|
351
245
|
onSelect = _ref.onSelect,
|
352
246
|
setAnchorEl = _ref.setAnchorEl,
|
353
|
-
|
354
|
-
var getState =
|
355
|
-
|
356
|
-
enabledGlobalFilterOptions =
|
357
|
-
enabledColumnFilterOptions =
|
358
|
-
localization =
|
359
|
-
setCurrentFilterFns =
|
360
|
-
setCurrentGlobalFilterFn =
|
247
|
+
table = _ref.table;
|
248
|
+
var getState = table.getState,
|
249
|
+
_table$options = table.options,
|
250
|
+
enabledGlobalFilterOptions = _table$options.enabledGlobalFilterOptions,
|
251
|
+
enabledColumnFilterOptions = _table$options.enabledColumnFilterOptions,
|
252
|
+
localization = _table$options.localization,
|
253
|
+
setCurrentFilterFns = table.setCurrentFilterFns,
|
254
|
+
setCurrentGlobalFilterFn = table.setCurrentGlobalFilterFn;
|
361
255
|
|
362
256
|
var _getState = getState(),
|
363
|
-
density = _getState.density,
|
364
257
|
currentFilterFns = _getState.currentFilterFns,
|
365
|
-
currentGlobalFilterFn = _getState.currentGlobalFilterFn
|
258
|
+
currentGlobalFilterFn = _getState.currentGlobalFilterFn,
|
259
|
+
density = _getState.density;
|
366
260
|
|
367
261
|
var _ref2 = header != null ? header : {},
|
368
262
|
column = _ref2.column;
|
@@ -375,80 +269,69 @@ var MRT_FilterOptionMenu = function MRT_FilterOptionMenu(_ref) {
|
|
375
269
|
return [{
|
376
270
|
option: 'fuzzy',
|
377
271
|
label: localization.filterFuzzy,
|
378
|
-
divider: false
|
379
|
-
fn: fuzzy
|
272
|
+
divider: false
|
380
273
|
}, {
|
381
274
|
option: 'contains',
|
382
275
|
label: localization.filterContains,
|
383
|
-
divider: false
|
384
|
-
fn: contains
|
276
|
+
divider: false
|
385
277
|
}, {
|
386
278
|
option: 'startsWith',
|
387
279
|
label: localization.filterStartsWith,
|
388
|
-
divider: false
|
389
|
-
fn: startsWith
|
280
|
+
divider: false
|
390
281
|
}, {
|
391
282
|
option: 'endsWith',
|
392
283
|
label: localization.filterEndsWith,
|
393
|
-
divider: true
|
394
|
-
fn: endsWith
|
284
|
+
divider: true
|
395
285
|
}, {
|
396
286
|
option: 'equals',
|
397
287
|
label: localization.filterEquals,
|
398
|
-
divider: false
|
399
|
-
fn: equals
|
288
|
+
divider: false
|
400
289
|
}, {
|
401
290
|
option: 'notEquals',
|
402
291
|
label: localization.filterNotEquals,
|
403
|
-
divider: true
|
404
|
-
fn: notEquals
|
292
|
+
divider: true
|
405
293
|
}, {
|
406
294
|
option: 'between',
|
407
295
|
label: localization.filterBetween,
|
408
|
-
divider: false
|
409
|
-
fn: between
|
296
|
+
divider: false
|
410
297
|
}, {
|
411
298
|
option: 'greaterThan',
|
412
299
|
label: localization.filterGreaterThan,
|
413
|
-
divider: false
|
414
|
-
fn: greaterThan
|
300
|
+
divider: false
|
415
301
|
}, {
|
416
302
|
option: 'lessThan',
|
417
303
|
label: localization.filterLessThan,
|
418
|
-
divider: true
|
419
|
-
fn: lessThan
|
304
|
+
divider: true
|
420
305
|
}, {
|
421
306
|
option: 'empty',
|
422
307
|
label: localization.filterEmpty,
|
423
|
-
divider: false
|
424
|
-
fn: empty
|
308
|
+
divider: false
|
425
309
|
}, {
|
426
310
|
option: 'notEmpty',
|
427
311
|
label: localization.filterNotEmpty,
|
428
|
-
divider: false
|
429
|
-
fn: notEmpty
|
312
|
+
divider: false
|
430
313
|
}].filter(function (filterType) {
|
431
314
|
return columnDef ? allowedColumnFilterOptions === undefined || (allowedColumnFilterOptions == null ? void 0 : allowedColumnFilterOptions.includes(filterType.option)) : (!enabledGlobalFilterOptions || enabledGlobalFilterOptions.includes(filterType.option)) && ['fuzzy', 'contains'].includes(filterType.option);
|
432
315
|
});
|
433
316
|
}, []);
|
434
317
|
|
435
|
-
var handleSelectFilterType = function handleSelectFilterType(
|
318
|
+
var handleSelectFilterType = function handleSelectFilterType(option) {
|
436
319
|
if (header && column) {
|
437
320
|
setCurrentFilterFns(function (prev) {
|
438
321
|
var _extends2;
|
439
322
|
|
440
|
-
return _extends({}, prev, (_extends2 = {}, _extends2[header.id] =
|
323
|
+
return _extends({}, prev, (_extends2 = {}, _extends2[header.id] = option, _extends2));
|
441
324
|
});
|
442
325
|
|
443
|
-
if (['empty', 'notEmpty'].includes(
|
326
|
+
if (['empty', 'notEmpty'].includes(option)) {
|
444
327
|
column.setFilterValue(' ');
|
445
|
-
} else if (
|
328
|
+
} else if (option === 'between') {
|
446
329
|
column.setFilterValue(['', '']);
|
447
330
|
} else {
|
448
331
|
column.setFilterValue('');
|
449
332
|
}
|
450
333
|
} else {
|
451
|
-
setCurrentGlobalFilterFn(
|
334
|
+
setCurrentGlobalFilterFn(option);
|
452
335
|
}
|
453
336
|
|
454
337
|
setAnchorEl(null);
|
@@ -472,15 +355,14 @@ var MRT_FilterOptionMenu = function MRT_FilterOptionMenu(_ref) {
|
|
472
355
|
}, filterOptions.map(function (_ref4, index) {
|
473
356
|
var option = _ref4.option,
|
474
357
|
label = _ref4.label,
|
475
|
-
divider = _ref4.divider
|
476
|
-
fn = _ref4.fn;
|
358
|
+
divider = _ref4.divider;
|
477
359
|
return React__default.createElement(material.MenuItem, {
|
478
360
|
divider: divider,
|
479
361
|
key: index,
|
480
362
|
onClick: function onClick() {
|
481
363
|
return handleSelectFilterType(option);
|
482
364
|
},
|
483
|
-
selected: option === filterOption
|
365
|
+
selected: option === filterOption,
|
484
366
|
sx: commonMenuItemStyles,
|
485
367
|
value: option
|
486
368
|
}, label);
|
@@ -3265,10 +3147,10 @@ function useRegisteredDropTarget(spec, monitor, connector) {
|
|
3265
3147
|
|
3266
3148
|
var MRT_ColumnPinningButtons = function MRT_ColumnPinningButtons(_ref) {
|
3267
3149
|
var column = _ref.column,
|
3268
|
-
|
3269
|
-
var
|
3270
|
-
PushPinIcon =
|
3271
|
-
localization =
|
3150
|
+
table = _ref.table;
|
3151
|
+
var _table$options = table.options,
|
3152
|
+
PushPinIcon = _table$options.icons.PushPinIcon,
|
3153
|
+
localization = _table$options.localization;
|
3272
3154
|
|
3273
3155
|
var handlePinColumn = function handlePinColumn(pinDirection) {
|
3274
3156
|
column.pin(pinDirection);
|
@@ -3315,10 +3197,10 @@ var MRT_ColumnPinningButtons = function MRT_ColumnPinningButtons(_ref) {
|
|
3315
3197
|
};
|
3316
3198
|
|
3317
3199
|
var MRT_GrabHandleButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
3318
|
-
var
|
3319
|
-
var
|
3320
|
-
DragHandleIcon =
|
3321
|
-
localization =
|
3200
|
+
var table = _ref.table;
|
3201
|
+
var _table$options = table.options,
|
3202
|
+
DragHandleIcon = _table$options.icons.DragHandleIcon,
|
3203
|
+
localization = _table$options.localization;
|
3322
3204
|
return React__default.createElement(material.Tooltip, {
|
3323
3205
|
arrow: true,
|
3324
3206
|
enterDelay: 1000,
|
@@ -3346,6 +3228,140 @@ var MRT_GrabHandleButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
3346
3228
|
}, React__default.createElement(DragHandleIcon, null)));
|
3347
3229
|
});
|
3348
3230
|
|
3231
|
+
var fuzzy = function fuzzy(row, columnId, filterValue, addMeta) {
|
3232
|
+
var itemRank = matchSorterUtils.rankItem(row.getValue(columnId), filterValue, {
|
3233
|
+
threshold: matchSorterUtils.rankings.MATCHES
|
3234
|
+
});
|
3235
|
+
addMeta(itemRank);
|
3236
|
+
return itemRank.passed;
|
3237
|
+
};
|
3238
|
+
|
3239
|
+
fuzzy.autoRemove = function (val) {
|
3240
|
+
return !val;
|
3241
|
+
};
|
3242
|
+
|
3243
|
+
var contains = function contains(row, id, filterValue) {
|
3244
|
+
return row.getValue(id).toString().toLowerCase().trim().includes(filterValue.toString().toLowerCase().trim());
|
3245
|
+
};
|
3246
|
+
|
3247
|
+
contains.autoRemove = function (val) {
|
3248
|
+
return !val;
|
3249
|
+
};
|
3250
|
+
|
3251
|
+
var startsWith = function startsWith(row, id, filterValue) {
|
3252
|
+
return row.getValue(id).toString().toLowerCase().trim().startsWith(filterValue.toString().toLowerCase().trim());
|
3253
|
+
};
|
3254
|
+
|
3255
|
+
startsWith.autoRemove = function (val) {
|
3256
|
+
return !val;
|
3257
|
+
};
|
3258
|
+
|
3259
|
+
var endsWith = function endsWith(row, id, filterValue) {
|
3260
|
+
return row.getValue(id).toString().toLowerCase().trim().endsWith(filterValue.toString().toLowerCase().trim());
|
3261
|
+
};
|
3262
|
+
|
3263
|
+
endsWith.autoRemove = function (val) {
|
3264
|
+
return !val;
|
3265
|
+
};
|
3266
|
+
|
3267
|
+
var equals = function equals(row, id, filterValue) {
|
3268
|
+
return row.getValue(id).toString().toLowerCase().trim() === filterValue.toString().toLowerCase().trim();
|
3269
|
+
};
|
3270
|
+
|
3271
|
+
equals.autoRemove = function (val) {
|
3272
|
+
return !val;
|
3273
|
+
};
|
3274
|
+
|
3275
|
+
var notEquals = function notEquals(row, id, filterValue) {
|
3276
|
+
return row.getValue(id).toString().toLowerCase().trim() !== filterValue.toString().toLowerCase().trim();
|
3277
|
+
};
|
3278
|
+
|
3279
|
+
notEquals.autoRemove = function (val) {
|
3280
|
+
return !val;
|
3281
|
+
};
|
3282
|
+
|
3283
|
+
var greaterThan = function greaterThan(row, id, filterValue) {
|
3284
|
+
return !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +row.getValue(id) >= +filterValue : row.getValue(id).toString().toLowerCase().trim() > filterValue.toString().toLowerCase().trim();
|
3285
|
+
};
|
3286
|
+
|
3287
|
+
greaterThan.autoRemove = function (val) {
|
3288
|
+
return !val;
|
3289
|
+
};
|
3290
|
+
|
3291
|
+
var lessThan = function lessThan(row, id, filterValue) {
|
3292
|
+
return !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +row.getValue(id) <= +filterValue : row.getValue(id).toString().toLowerCase().trim() < filterValue.toString().toLowerCase().trim();
|
3293
|
+
};
|
3294
|
+
|
3295
|
+
lessThan.autoRemove = function (val) {
|
3296
|
+
return !val;
|
3297
|
+
};
|
3298
|
+
|
3299
|
+
var between = function between(row, id, filterValues) {
|
3300
|
+
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]));
|
3301
|
+
};
|
3302
|
+
|
3303
|
+
between.autoRemove = function (val) {
|
3304
|
+
return !val;
|
3305
|
+
};
|
3306
|
+
|
3307
|
+
var empty = function empty(row, id, _filterValue) {
|
3308
|
+
return !row.getValue(id).toString().trim();
|
3309
|
+
};
|
3310
|
+
|
3311
|
+
empty.autoRemove = function (val) {
|
3312
|
+
return !val;
|
3313
|
+
};
|
3314
|
+
|
3315
|
+
var notEmpty = function notEmpty(row, id, _filterValue) {
|
3316
|
+
return !!row.getValue(id).toString().trim();
|
3317
|
+
};
|
3318
|
+
|
3319
|
+
notEmpty.autoRemove = function (val) {
|
3320
|
+
return !val;
|
3321
|
+
};
|
3322
|
+
|
3323
|
+
var MRT_FilterFns = /*#__PURE__*/_extends({}, reactTable.filterFns, {
|
3324
|
+
between: between,
|
3325
|
+
contains: contains,
|
3326
|
+
empty: empty,
|
3327
|
+
endsWith: endsWith,
|
3328
|
+
equals: equals,
|
3329
|
+
fuzzy: fuzzy,
|
3330
|
+
greaterThan: greaterThan,
|
3331
|
+
lessThan: lessThan,
|
3332
|
+
notEmpty: notEmpty,
|
3333
|
+
notEquals: notEquals,
|
3334
|
+
startsWith: startsWith
|
3335
|
+
});
|
3336
|
+
|
3337
|
+
var fuzzy$1 = function fuzzy(rowA, rowB, columnId) {
|
3338
|
+
var dir = 0;
|
3339
|
+
|
3340
|
+
if (rowA.columnFiltersMeta[columnId]) {
|
3341
|
+
dir = matchSorterUtils.compareItems(rowA.columnFiltersMeta[columnId], rowB.columnFiltersMeta[columnId]);
|
3342
|
+
} // Provide a fallback for when the item ranks are equal
|
3343
|
+
|
3344
|
+
|
3345
|
+
return dir === 0 ? reactTable.sortingFns.alphanumeric(rowA, rowB, columnId) : dir;
|
3346
|
+
};
|
3347
|
+
|
3348
|
+
var MRT_SortingFns = /*#__PURE__*/_extends({}, reactTable.sortingFns, {
|
3349
|
+
fuzzy: fuzzy$1
|
3350
|
+
});
|
3351
|
+
var rankGlobalFuzzy = function rankGlobalFuzzy(rowA, rowB) {
|
3352
|
+
return Math.max.apply(Math, Object.values(rowB.columnFiltersMeta).map(function (v) {
|
3353
|
+
return v.rank;
|
3354
|
+
})) - Math.max.apply(Math, Object.values(rowA.columnFiltersMeta).map(function (v) {
|
3355
|
+
return v.rank;
|
3356
|
+
}));
|
3357
|
+
};
|
3358
|
+
|
3359
|
+
var getColumnId = function getColumnId(columnDef) {
|
3360
|
+
var _ref, _columnDef$id, _columnDef$accessorKe;
|
3361
|
+
|
3362
|
+
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;
|
3363
|
+
};
|
3364
|
+
|
3349
3365
|
var getAllLeafColumnDefs = function getAllLeafColumnDefs(columns) {
|
3350
3366
|
var lowestLevelColumns = columns;
|
3351
3367
|
var currentCols = columns;
|
@@ -3374,25 +3390,36 @@ var getAllLeafColumnDefs = function getAllLeafColumnDefs(columns) {
|
|
3374
3390
|
return !col.columns;
|
3375
3391
|
});
|
3376
3392
|
};
|
3377
|
-
var
|
3378
|
-
|
3393
|
+
var prepareColumns = function prepareColumns(columnDefs, currentFilterFns) {
|
3394
|
+
return columnDefs.map(function (columnDef) {
|
3395
|
+
var _columnDef$columns;
|
3379
3396
|
|
3380
|
-
|
3381
|
-
|
3382
|
-
|
3383
|
-
|
3384
|
-
|
3385
|
-
|
3386
|
-
|
3387
|
-
|
3388
|
-
|
3389
|
-
|
3390
|
-
|
3391
|
-
}
|
3392
|
-
|
3393
|
-
|
3394
|
-
|
3395
|
-
|
3397
|
+
if (!columnDef.id) columnDef.id = getColumnId(columnDef);
|
3398
|
+
|
3399
|
+
if ( !columnDef.id) {
|
3400
|
+
console.error('Column definitions must have a valid `accessorKey` or `id` property');
|
3401
|
+
}
|
3402
|
+
|
3403
|
+
if (!columnDef.columnDefType) columnDef.columnDefType = 'data';
|
3404
|
+
|
3405
|
+
if (!!((_columnDef$columns = columnDef.columns) != null && _columnDef$columns.length)) {
|
3406
|
+
columnDef.columnDefType = 'group';
|
3407
|
+
columnDef.columns = prepareColumns(columnDef.columns, currentFilterFns);
|
3408
|
+
} else if (columnDef.columnDefType === 'data') {
|
3409
|
+
if (Object.keys(MRT_FilterFns).includes(currentFilterFns[columnDef.id])) {
|
3410
|
+
var _MRT_FilterFns$curren;
|
3411
|
+
|
3412
|
+
columnDef.filterFn = (_MRT_FilterFns$curren = MRT_FilterFns[currentFilterFns[columnDef.id]]) != null ? _MRT_FilterFns$curren : MRT_FilterFns.fuzzy;
|
3413
|
+
}
|
3414
|
+
|
3415
|
+
if (Object.keys(MRT_SortingFns).includes(columnDef.sortingFn)) {
|
3416
|
+
// @ts-ignore
|
3417
|
+
columnDef.sortingFn = MRT_SortingFns[columnDef.sortingFn];
|
3418
|
+
}
|
3419
|
+
}
|
3420
|
+
|
3421
|
+
return columnDef;
|
3422
|
+
});
|
3396
3423
|
};
|
3397
3424
|
var reorderColumn = function reorderColumn(movingColumn, receivingColumn, columnOrder) {
|
3398
3425
|
if (movingColumn.getCanPin()) {
|
@@ -3409,8 +3436,8 @@ var getTrailingDisplayColumnIds = function getTrailingDisplayColumnIds(props) {
|
|
3409
3436
|
return [(props.positionActionsColumn === 'last' && props.enableRowActions || props.enableEditing && props.editingMode === 'row') && 'mrt-row-actions'];
|
3410
3437
|
};
|
3411
3438
|
var getDefaultColumnOrderIds = function getDefaultColumnOrderIds(props) {
|
3412
|
-
return [].concat(getLeadingDisplayColumnIds(props), getAllLeafColumnDefs(props.columns).map(function (
|
3413
|
-
return
|
3439
|
+
return [].concat(getLeadingDisplayColumnIds(props), getAllLeafColumnDefs(props.columns).map(function (columnDef) {
|
3440
|
+
return getColumnId(columnDef);
|
3414
3441
|
}), getTrailingDisplayColumnIds(props)).filter(Boolean);
|
3415
3442
|
};
|
3416
3443
|
|
@@ -3420,20 +3447,20 @@ var MRT_ShowHideColumnsMenuItems = function MRT_ShowHideColumnsMenuItems(_ref) {
|
|
3420
3447
|
var allColumns = _ref.allColumns,
|
3421
3448
|
column = _ref.column,
|
3422
3449
|
isSubMenu = _ref.isSubMenu,
|
3423
|
-
|
3424
|
-
var getState =
|
3425
|
-
|
3426
|
-
enableColumnOrdering =
|
3427
|
-
enableHiding =
|
3428
|
-
enablePinning =
|
3429
|
-
localization =
|
3430
|
-
setColumnOrder =
|
3450
|
+
table = _ref.table;
|
3451
|
+
var getState = table.getState,
|
3452
|
+
_table$options = table.options,
|
3453
|
+
enableColumnOrdering = _table$options.enableColumnOrdering,
|
3454
|
+
enableHiding = _table$options.enableHiding,
|
3455
|
+
enablePinning = _table$options.enablePinning,
|
3456
|
+
localization = _table$options.localization,
|
3457
|
+
setColumnOrder = table.setColumnOrder;
|
3431
3458
|
|
3432
3459
|
var _getState = getState(),
|
3433
3460
|
columnOrder = _getState.columnOrder;
|
3434
3461
|
|
3435
|
-
var columnDef = column.columnDef
|
3436
|
-
|
3462
|
+
var columnDef = column.columnDef;
|
3463
|
+
var columnDefType = columnDef.columnDefType;
|
3437
3464
|
|
3438
3465
|
var _useDrop = useDrop({
|
3439
3466
|
accept: 'column',
|
@@ -3491,17 +3518,17 @@ var MRT_ShowHideColumnsMenuItems = function MRT_ShowHideColumnsMenuItems(_ref) {
|
|
3491
3518
|
gap: '8px'
|
3492
3519
|
}
|
3493
3520
|
}, columnDefType !== 'group' && enableColumnOrdering && !allColumns.some(function (col) {
|
3494
|
-
return col.columnDefType === 'group';
|
3521
|
+
return col.columnDef.columnDefType === 'group';
|
3495
3522
|
}) && (columnDef.enableColumnOrdering !== false ? React__default.createElement(MRT_GrabHandleButton, {
|
3496
3523
|
ref: dragRef,
|
3497
|
-
|
3524
|
+
table: table
|
3498
3525
|
}) : React__default.createElement(material.Box, {
|
3499
3526
|
sx: {
|
3500
3527
|
width: '28px'
|
3501
3528
|
}
|
3502
3529
|
})), enablePinning && !isSubMenu && (column.getCanPin() ? React__default.createElement(MRT_ColumnPinningButtons, {
|
3503
3530
|
column: column,
|
3504
|
-
|
3531
|
+
table: table
|
3505
3532
|
}) : React__default.createElement(material.Box, {
|
3506
3533
|
sx: {
|
3507
3534
|
width: '70px'
|
@@ -3537,7 +3564,7 @@ var MRT_ShowHideColumnsMenuItems = function MRT_ShowHideColumnsMenuItems(_ref) {
|
|
3537
3564
|
key: i + "-" + c.id,
|
3538
3565
|
column: c,
|
3539
3566
|
isSubMenu: isSubMenu,
|
3540
|
-
|
3567
|
+
table: table
|
3541
3568
|
});
|
3542
3569
|
}));
|
3543
3570
|
};
|
@@ -3546,21 +3573,21 @@ var MRT_ShowHideColumnsMenu = function MRT_ShowHideColumnsMenu(_ref) {
|
|
3546
3573
|
var anchorEl = _ref.anchorEl,
|
3547
3574
|
isSubMenu = _ref.isSubMenu,
|
3548
3575
|
setAnchorEl = _ref.setAnchorEl,
|
3549
|
-
|
3550
|
-
var getAllColumns =
|
3551
|
-
getAllLeafColumns =
|
3552
|
-
getCenterLeafColumns =
|
3553
|
-
getIsAllColumnsVisible =
|
3554
|
-
getIsSomeColumnsPinned =
|
3555
|
-
getIsSomeColumnsVisible =
|
3556
|
-
getLeftLeafColumns =
|
3557
|
-
getRightLeafColumns =
|
3558
|
-
getState =
|
3559
|
-
toggleAllColumnsVisible =
|
3560
|
-
|
3561
|
-
localization =
|
3562
|
-
enablePinning =
|
3563
|
-
enableColumnOrdering =
|
3576
|
+
table = _ref.table;
|
3577
|
+
var getAllColumns = table.getAllColumns,
|
3578
|
+
getAllLeafColumns = table.getAllLeafColumns,
|
3579
|
+
getCenterLeafColumns = table.getCenterLeafColumns,
|
3580
|
+
getIsAllColumnsVisible = table.getIsAllColumnsVisible,
|
3581
|
+
getIsSomeColumnsPinned = table.getIsSomeColumnsPinned,
|
3582
|
+
getIsSomeColumnsVisible = table.getIsSomeColumnsVisible,
|
3583
|
+
getLeftLeafColumns = table.getLeftLeafColumns,
|
3584
|
+
getRightLeafColumns = table.getRightLeafColumns,
|
3585
|
+
getState = table.getState,
|
3586
|
+
toggleAllColumnsVisible = table.toggleAllColumnsVisible,
|
3587
|
+
_table$options = table.options,
|
3588
|
+
localization = _table$options.localization,
|
3589
|
+
enablePinning = _table$options.enablePinning,
|
3590
|
+
enableColumnOrdering = _table$options.enableColumnOrdering;
|
3564
3591
|
|
3565
3592
|
var _getState = getState(),
|
3566
3593
|
density = _getState.density,
|
@@ -3579,7 +3606,7 @@ var MRT_ShowHideColumnsMenu = function MRT_ShowHideColumnsMenu(_ref) {
|
|
3579
3606
|
var columns = getAllColumns();
|
3580
3607
|
|
3581
3608
|
if (columnOrder.length > 0 && !columns.some(function (col) {
|
3582
|
-
return col.columnDefType === 'group';
|
3609
|
+
return col.columnDef.columnDefType === 'group';
|
3583
3610
|
})) {
|
3584
3611
|
return [].concat(getLeftLeafColumns(), Array.from(new Set(columnOrder)).map(function (colId) {
|
3585
3612
|
return getCenterLeafColumns().find(function (col) {
|
@@ -3611,12 +3638,12 @@ var MRT_ShowHideColumnsMenu = function MRT_ShowHideColumnsMenu(_ref) {
|
|
3611
3638
|
onClick: hideAllColumns
|
3612
3639
|
}, localization.hideAll), !isSubMenu && enableColumnOrdering && React__default.createElement(material.Button, {
|
3613
3640
|
onClick: function onClick() {
|
3614
|
-
return
|
3641
|
+
return table.setColumnOrder(getDefaultColumnOrderIds(table.options));
|
3615
3642
|
}
|
3616
3643
|
}, localization.resetOrder), !isSubMenu && enablePinning && React__default.createElement(material.Button, {
|
3617
3644
|
disabled: !getIsSomeColumnsPinned(),
|
3618
3645
|
onClick: function onClick() {
|
3619
|
-
return
|
3646
|
+
return table.resetColumnPinning(true);
|
3620
3647
|
}
|
3621
3648
|
}, localization.unpinAll), React__default.createElement(material.Button, {
|
3622
3649
|
disabled: getIsAllColumnsVisible(),
|
@@ -3629,7 +3656,7 @@ var MRT_ShowHideColumnsMenu = function MRT_ShowHideColumnsMenu(_ref) {
|
|
3629
3656
|
column: column,
|
3630
3657
|
isSubMenu: isSubMenu,
|
3631
3658
|
key: index + "-" + column.id,
|
3632
|
-
|
3659
|
+
table: table
|
3633
3660
|
});
|
3634
3661
|
}));
|
3635
3662
|
};
|
@@ -3650,33 +3677,33 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
3650
3677
|
var anchorEl = _ref.anchorEl,
|
3651
3678
|
header = _ref.header,
|
3652
3679
|
setAnchorEl = _ref.setAnchorEl,
|
3653
|
-
|
3654
|
-
var getState =
|
3655
|
-
toggleAllColumnsVisible =
|
3656
|
-
setColumnOrder =
|
3657
|
-
|
3658
|
-
enableColumnFilterChangeMode =
|
3659
|
-
enableColumnFilters =
|
3660
|
-
enableColumnResizing =
|
3661
|
-
enableGrouping =
|
3662
|
-
enableHiding =
|
3663
|
-
enablePinning =
|
3664
|
-
enableSorting =
|
3665
|
-
enabledColumnFilterOptions =
|
3666
|
-
|
3667
|
-
ArrowRightIcon =
|
3668
|
-
ClearAllIcon =
|
3669
|
-
ViewColumnIcon =
|
3670
|
-
DynamicFeedIcon =
|
3671
|
-
FilterListIcon =
|
3672
|
-
FilterListOffIcon =
|
3673
|
-
PushPinIcon =
|
3674
|
-
SortIcon =
|
3675
|
-
RestartAltIcon =
|
3676
|
-
VisibilityOffIcon =
|
3677
|
-
tableId =
|
3678
|
-
localization =
|
3679
|
-
setShowFilters =
|
3680
|
+
table = _ref.table;
|
3681
|
+
var getState = table.getState,
|
3682
|
+
toggleAllColumnsVisible = table.toggleAllColumnsVisible,
|
3683
|
+
setColumnOrder = table.setColumnOrder,
|
3684
|
+
_table$options = table.options,
|
3685
|
+
enableColumnFilterChangeMode = _table$options.enableColumnFilterChangeMode,
|
3686
|
+
enableColumnFilters = _table$options.enableColumnFilters,
|
3687
|
+
enableColumnResizing = _table$options.enableColumnResizing,
|
3688
|
+
enableGrouping = _table$options.enableGrouping,
|
3689
|
+
enableHiding = _table$options.enableHiding,
|
3690
|
+
enablePinning = _table$options.enablePinning,
|
3691
|
+
enableSorting = _table$options.enableSorting,
|
3692
|
+
enabledColumnFilterOptions = _table$options.enabledColumnFilterOptions,
|
3693
|
+
_table$options$icons = _table$options.icons,
|
3694
|
+
ArrowRightIcon = _table$options$icons.ArrowRightIcon,
|
3695
|
+
ClearAllIcon = _table$options$icons.ClearAllIcon,
|
3696
|
+
ViewColumnIcon = _table$options$icons.ViewColumnIcon,
|
3697
|
+
DynamicFeedIcon = _table$options$icons.DynamicFeedIcon,
|
3698
|
+
FilterListIcon = _table$options$icons.FilterListIcon,
|
3699
|
+
FilterListOffIcon = _table$options$icons.FilterListOffIcon,
|
3700
|
+
PushPinIcon = _table$options$icons.PushPinIcon,
|
3701
|
+
SortIcon = _table$options$icons.SortIcon,
|
3702
|
+
RestartAltIcon = _table$options$icons.RestartAltIcon,
|
3703
|
+
VisibilityOffIcon = _table$options$icons.VisibilityOffIcon,
|
3704
|
+
tableId = _table$options.tableId,
|
3705
|
+
localization = _table$options.localization,
|
3706
|
+
setShowFilters = table.setShowFilters;
|
3680
3707
|
var column = header.column;
|
3681
3708
|
var columnDef = column.columnDef;
|
3682
3709
|
|
@@ -3827,7 +3854,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
3827
3854
|
key: 2,
|
3828
3855
|
onSelect: handleFilterByColumn,
|
3829
3856
|
setAnchorEl: setFilterMenuAnchorEl,
|
3830
|
-
|
3857
|
+
table: table
|
3831
3858
|
})].filter(Boolean), enableGrouping && column.getCanGroup() && [React__default.createElement(material.MenuItem, {
|
3832
3859
|
divider: enablePinning,
|
3833
3860
|
key: 0,
|
@@ -3906,7 +3933,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
3906
3933
|
isSubMenu: true,
|
3907
3934
|
key: 2,
|
3908
3935
|
setAnchorEl: setShowHideColumnsMenuAnchorEl,
|
3909
|
-
|
3936
|
+
table: table
|
3910
3937
|
})]);
|
3911
3938
|
};
|
3912
3939
|
|
@@ -3915,13 +3942,13 @@ var MRT_RowActionMenu = function MRT_RowActionMenu(_ref) {
|
|
3915
3942
|
handleEdit = _ref.handleEdit,
|
3916
3943
|
row = _ref.row,
|
3917
3944
|
setAnchorEl = _ref.setAnchorEl,
|
3918
|
-
|
3919
|
-
var getState =
|
3920
|
-
|
3921
|
-
EditIcon =
|
3922
|
-
enableEditing =
|
3923
|
-
localization =
|
3924
|
-
renderRowActionMenuItems =
|
3945
|
+
table = _ref.table;
|
3946
|
+
var getState = table.getState,
|
3947
|
+
_table$options = table.options,
|
3948
|
+
EditIcon = _table$options.icons.EditIcon,
|
3949
|
+
enableEditing = _table$options.enableEditing,
|
3950
|
+
localization = _table$options.localization,
|
3951
|
+
renderRowActionMenuItems = _table$options.renderRowActionMenuItems;
|
3925
3952
|
|
3926
3953
|
var _getState = getState(),
|
3927
3954
|
density = _getState.density;
|
@@ -3942,7 +3969,7 @@ var MRT_RowActionMenu = function MRT_RowActionMenu(_ref) {
|
|
3942
3969
|
sx: commonListItemStyles
|
3943
3970
|
}, React__default.createElement(material.ListItemIcon, null, React__default.createElement(EditIcon, null)), localization.edit)), renderRowActionMenuItems == null ? void 0 : renderRowActionMenuItems({
|
3944
3971
|
row: row,
|
3945
|
-
|
3972
|
+
table: table,
|
3946
3973
|
closeMenu: function closeMenu() {
|
3947
3974
|
return setAnchorEl(null);
|
3948
3975
|
}
|
@@ -3951,15 +3978,15 @@ var MRT_RowActionMenu = function MRT_RowActionMenu(_ref) {
|
|
3951
3978
|
|
3952
3979
|
var MRT_EditActionButtons = function MRT_EditActionButtons(_ref) {
|
3953
3980
|
var row = _ref.row,
|
3954
|
-
|
3955
|
-
var getState =
|
3956
|
-
|
3957
|
-
|
3958
|
-
CancelIcon =
|
3959
|
-
SaveIcon =
|
3960
|
-
localization =
|
3961
|
-
onEditRowSubmit =
|
3962
|
-
setCurrentEditingRow =
|
3981
|
+
table = _ref.table;
|
3982
|
+
var getState = table.getState,
|
3983
|
+
_table$options = table.options,
|
3984
|
+
_table$options$icons = _table$options.icons,
|
3985
|
+
CancelIcon = _table$options$icons.CancelIcon,
|
3986
|
+
SaveIcon = _table$options$icons.SaveIcon,
|
3987
|
+
localization = _table$options.localization,
|
3988
|
+
onEditRowSubmit = _table$options.onEditRowSubmit,
|
3989
|
+
setCurrentEditingRow = table.setCurrentEditingRow;
|
3963
3990
|
|
3964
3991
|
var _getState = getState(),
|
3965
3992
|
currentEditingRow = _getState.currentEditingRow;
|
@@ -3974,7 +4001,7 @@ var MRT_EditActionButtons = function MRT_EditActionButtons(_ref) {
|
|
3974
4001
|
var handleSave = function handleSave() {
|
3975
4002
|
onEditRowSubmit == null ? void 0 : onEditRowSubmit({
|
3976
4003
|
row: currentEditingRow != null ? currentEditingRow : row,
|
3977
|
-
|
4004
|
+
table: table
|
3978
4005
|
});
|
3979
4006
|
setCurrentEditingRow(null);
|
3980
4007
|
};
|
@@ -4012,17 +4039,17 @@ var commonIconButtonStyles = {
|
|
4012
4039
|
};
|
4013
4040
|
var MRT_ToggleRowActionMenuButton = function MRT_ToggleRowActionMenuButton(_ref) {
|
4014
4041
|
var row = _ref.row,
|
4015
|
-
|
4016
|
-
var getState =
|
4017
|
-
|
4018
|
-
enableEditing =
|
4019
|
-
|
4020
|
-
EditIcon =
|
4021
|
-
MoreHorizIcon =
|
4022
|
-
localization =
|
4023
|
-
renderRowActionMenuItems =
|
4024
|
-
renderRowActions =
|
4025
|
-
setCurrentEditingRow =
|
4042
|
+
table = _ref.table;
|
4043
|
+
var getState = table.getState,
|
4044
|
+
_table$options = table.options,
|
4045
|
+
enableEditing = _table$options.enableEditing,
|
4046
|
+
_table$options$icons = _table$options.icons,
|
4047
|
+
EditIcon = _table$options$icons.EditIcon,
|
4048
|
+
MoreHorizIcon = _table$options$icons.MoreHorizIcon,
|
4049
|
+
localization = _table$options.localization,
|
4050
|
+
renderRowActionMenuItems = _table$options.renderRowActionMenuItems,
|
4051
|
+
renderRowActions = _table$options.renderRowActions,
|
4052
|
+
setCurrentEditingRow = table.setCurrentEditingRow;
|
4026
4053
|
|
4027
4054
|
var _getState = getState(),
|
4028
4055
|
currentEditingRow = _getState.currentEditingRow;
|
@@ -4044,10 +4071,10 @@ var MRT_ToggleRowActionMenuButton = function MRT_ToggleRowActionMenuButton(_ref)
|
|
4044
4071
|
|
4045
4072
|
return React__default.createElement(React__default.Fragment, null, renderRowActions ? React__default.createElement(React__default.Fragment, null, renderRowActions({
|
4046
4073
|
row: row,
|
4047
|
-
|
4074
|
+
table: table
|
4048
4075
|
})) : row.id === (currentEditingRow == null ? void 0 : currentEditingRow.id) ? React__default.createElement(MRT_EditActionButtons, {
|
4049
4076
|
row: row,
|
4050
|
-
|
4077
|
+
table: table
|
4051
4078
|
}) : !renderRowActionMenuItems && enableEditing ? React__default.createElement(material.Tooltip, {
|
4052
4079
|
placement: "right",
|
4053
4080
|
arrow: true,
|
@@ -4070,20 +4097,20 @@ var MRT_ToggleRowActionMenuButton = function MRT_ToggleRowActionMenuButton(_ref)
|
|
4070
4097
|
handleEdit: handleStartEditMode,
|
4071
4098
|
row: row,
|
4072
4099
|
setAnchorEl: setAnchorEl,
|
4073
|
-
|
4100
|
+
table: table
|
4074
4101
|
})) : null);
|
4075
4102
|
};
|
4076
4103
|
|
4077
4104
|
var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
|
4078
4105
|
var row = _ref.row,
|
4079
4106
|
selectAll = _ref.selectAll,
|
4080
|
-
|
4081
|
-
var getState =
|
4082
|
-
|
4083
|
-
localization =
|
4084
|
-
muiSelectCheckboxProps =
|
4085
|
-
muiSelectAllCheckboxProps =
|
4086
|
-
selectAllMode =
|
4107
|
+
table = _ref.table;
|
4108
|
+
var getState = table.getState,
|
4109
|
+
_table$options = table.options,
|
4110
|
+
localization = _table$options.localization,
|
4111
|
+
muiSelectCheckboxProps = _table$options.muiSelectCheckboxProps,
|
4112
|
+
muiSelectAllCheckboxProps = _table$options.muiSelectAllCheckboxProps,
|
4113
|
+
selectAllMode = _table$options.selectAllMode;
|
4087
4114
|
|
4088
4115
|
var _getState = getState(),
|
4089
4116
|
density = _getState.density;
|
@@ -4091,9 +4118,9 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
|
|
4091
4118
|
var handleSelectChange = function handleSelectChange(event) {
|
4092
4119
|
if (selectAll) {
|
4093
4120
|
if (selectAllMode === 'all') {
|
4094
|
-
|
4121
|
+
table.getToggleAllRowsSelectedHandler()(event);
|
4095
4122
|
} else if (selectAllMode === 'page') {
|
4096
|
-
|
4123
|
+
table.getToggleAllPageRowsSelectedHandler()(event);
|
4097
4124
|
}
|
4098
4125
|
} else if (row) {
|
4099
4126
|
row == null ? void 0 : row.getToggleSelectedHandler()(event);
|
@@ -4101,10 +4128,10 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
|
|
4101
4128
|
};
|
4102
4129
|
|
4103
4130
|
var checkboxProps = selectAll ? muiSelectAllCheckboxProps instanceof Function ? muiSelectAllCheckboxProps({
|
4104
|
-
|
4131
|
+
table: table
|
4105
4132
|
}) : muiSelectAllCheckboxProps : muiSelectCheckboxProps instanceof Function ? muiSelectCheckboxProps({
|
4106
4133
|
row: row,
|
4107
|
-
|
4134
|
+
table: table
|
4108
4135
|
}) : muiSelectCheckboxProps;
|
4109
4136
|
return React__default.createElement(material.Tooltip, {
|
4110
4137
|
arrow: true,
|
@@ -4112,8 +4139,8 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
|
|
4112
4139
|
enterNextDelay: 1000,
|
4113
4140
|
title: selectAll ? localization.toggleSelectAll : localization.toggleSelectRow
|
4114
4141
|
}, React__default.createElement(material.Checkbox, Object.assign({
|
4115
|
-
checked: selectAll ?
|
4116
|
-
indeterminate: selectAll ?
|
4142
|
+
checked: selectAll ? table.getIsAllRowsSelected() : row == null ? void 0 : row.getIsSelected(),
|
4143
|
+
indeterminate: selectAll ? table.getIsSomeRowsSelected() : row == null ? void 0 : row.getIsSomeSelected(),
|
4117
4144
|
inputProps: {
|
4118
4145
|
'aria-label': selectAll ? localization.toggleSelectAll : localization.toggleSelectRow
|
4119
4146
|
},
|
@@ -5098,18 +5125,18 @@ const HTML5Backend = function createBackend(manager, context, options) {
|
|
5098
5125
|
return new HTML5BackendImpl(manager, context, options);
|
5099
5126
|
};
|
5100
5127
|
|
5101
|
-
var _excluded = ["
|
5128
|
+
var _excluded = ["table"];
|
5102
5129
|
var MRT_FullScreenToggleButton = function MRT_FullScreenToggleButton(_ref) {
|
5103
|
-
var
|
5130
|
+
var table = _ref.table,
|
5104
5131
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
5105
5132
|
|
5106
|
-
var getState =
|
5107
|
-
|
5108
|
-
|
5109
|
-
FullscreenExitIcon =
|
5110
|
-
FullscreenIcon =
|
5111
|
-
localization =
|
5112
|
-
setIsFullScreen =
|
5133
|
+
var getState = table.getState,
|
5134
|
+
_table$options = table.options,
|
5135
|
+
_table$options$icons = _table$options.icons,
|
5136
|
+
FullscreenExitIcon = _table$options$icons.FullscreenExitIcon,
|
5137
|
+
FullscreenIcon = _table$options$icons.FullscreenIcon,
|
5138
|
+
localization = _table$options.localization,
|
5139
|
+
setIsFullScreen = table.setIsFullScreen;
|
5113
5140
|
|
5114
5141
|
var _getState = getState(),
|
5115
5142
|
isFullScreen = _getState.isFullScreen;
|
@@ -5127,14 +5154,14 @@ var MRT_FullScreenToggleButton = function MRT_FullScreenToggleButton(_ref) {
|
|
5127
5154
|
}, rest), isFullScreen ? React__default.createElement(FullscreenExitIcon, null) : React__default.createElement(FullscreenIcon, null)));
|
5128
5155
|
};
|
5129
5156
|
|
5130
|
-
var _excluded$1 = ["
|
5157
|
+
var _excluded$1 = ["table"];
|
5131
5158
|
var MRT_ShowHideColumnsButton = function MRT_ShowHideColumnsButton(_ref) {
|
5132
|
-
var
|
5159
|
+
var table = _ref.table,
|
5133
5160
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
|
5134
5161
|
|
5135
|
-
var
|
5136
|
-
ViewColumnIcon =
|
5137
|
-
localization =
|
5162
|
+
var _table$options = table.options,
|
5163
|
+
ViewColumnIcon = _table$options.icons.ViewColumnIcon,
|
5164
|
+
localization = _table$options.localization;
|
5138
5165
|
|
5139
5166
|
var _useState = React.useState(null),
|
5140
5167
|
anchorEl = _useState[0],
|
@@ -5153,23 +5180,23 @@ var MRT_ShowHideColumnsButton = function MRT_ShowHideColumnsButton(_ref) {
|
|
5153
5180
|
}, rest), React__default.createElement(ViewColumnIcon, null))), React__default.createElement(MRT_ShowHideColumnsMenu, {
|
5154
5181
|
anchorEl: anchorEl,
|
5155
5182
|
setAnchorEl: setAnchorEl,
|
5156
|
-
|
5183
|
+
table: table
|
5157
5184
|
}));
|
5158
5185
|
};
|
5159
5186
|
|
5160
|
-
var _excluded$2 = ["
|
5187
|
+
var _excluded$2 = ["table"];
|
5161
5188
|
var MRT_ToggleDensePaddingButton = function MRT_ToggleDensePaddingButton(_ref) {
|
5162
|
-
var
|
5189
|
+
var table = _ref.table,
|
5163
5190
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
5164
5191
|
|
5165
|
-
var getState =
|
5166
|
-
|
5167
|
-
|
5168
|
-
DensityLargeIcon =
|
5169
|
-
DensityMediumIcon =
|
5170
|
-
DensitySmallIcon =
|
5171
|
-
localization =
|
5172
|
-
setDensity =
|
5192
|
+
var getState = table.getState,
|
5193
|
+
_table$options = table.options,
|
5194
|
+
_table$options$icons = _table$options.icons,
|
5195
|
+
DensityLargeIcon = _table$options$icons.DensityLargeIcon,
|
5196
|
+
DensityMediumIcon = _table$options$icons.DensityMediumIcon,
|
5197
|
+
DensitySmallIcon = _table$options$icons.DensitySmallIcon,
|
5198
|
+
localization = _table$options.localization,
|
5199
|
+
setDensity = table.setDensity;
|
5173
5200
|
|
5174
5201
|
var _getState = getState(),
|
5175
5202
|
density = _getState.density;
|
@@ -5188,18 +5215,18 @@ var MRT_ToggleDensePaddingButton = function MRT_ToggleDensePaddingButton(_ref) {
|
|
5188
5215
|
}, rest), density === 'compact' ? React__default.createElement(DensitySmallIcon, null) : density === 'comfortable' ? React__default.createElement(DensityMediumIcon, null) : React__default.createElement(DensityLargeIcon, null)));
|
5189
5216
|
};
|
5190
5217
|
|
5191
|
-
var _excluded$3 = ["
|
5218
|
+
var _excluded$3 = ["table"];
|
5192
5219
|
var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
|
5193
|
-
var
|
5220
|
+
var table = _ref.table,
|
5194
5221
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
5195
5222
|
|
5196
|
-
var getState =
|
5197
|
-
|
5198
|
-
|
5199
|
-
FilterListIcon =
|
5200
|
-
FilterListOffIcon =
|
5201
|
-
localization =
|
5202
|
-
setShowFilters =
|
5223
|
+
var getState = table.getState,
|
5224
|
+
_table$options = table.options,
|
5225
|
+
_table$options$icons = _table$options.icons,
|
5226
|
+
FilterListIcon = _table$options$icons.FilterListIcon,
|
5227
|
+
FilterListOffIcon = _table$options$icons.FilterListOffIcon,
|
5228
|
+
localization = _table$options.localization,
|
5229
|
+
setShowFilters = table.setShowFilters;
|
5203
5230
|
|
5204
5231
|
var _getState = getState(),
|
5205
5232
|
showFilters = _getState.showFilters;
|
@@ -5217,26 +5244,26 @@ var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
|
|
5217
5244
|
}, rest), showFilters ? React__default.createElement(FilterListOffIcon, null) : React__default.createElement(FilterListIcon, null)));
|
5218
5245
|
};
|
5219
5246
|
|
5220
|
-
var _excluded$4 = ["
|
5247
|
+
var _excluded$4 = ["table"];
|
5221
5248
|
var MRT_ToggleGlobalFilterButton = function MRT_ToggleGlobalFilterButton(_ref) {
|
5222
|
-
var
|
5249
|
+
var table = _ref.table,
|
5223
5250
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
5224
5251
|
|
5225
|
-
var getState =
|
5226
|
-
|
5227
|
-
|
5228
|
-
SearchIcon =
|
5229
|
-
SearchOffIcon =
|
5230
|
-
tableId =
|
5231
|
-
localization =
|
5232
|
-
muiSearchTextFieldProps =
|
5233
|
-
setShowGlobalFilter =
|
5252
|
+
var getState = table.getState,
|
5253
|
+
_table$options = table.options,
|
5254
|
+
_table$options$icons = _table$options.icons,
|
5255
|
+
SearchIcon = _table$options$icons.SearchIcon,
|
5256
|
+
SearchOffIcon = _table$options$icons.SearchOffIcon,
|
5257
|
+
tableId = _table$options.tableId,
|
5258
|
+
localization = _table$options.localization,
|
5259
|
+
muiSearchTextFieldProps = _table$options.muiSearchTextFieldProps,
|
5260
|
+
setShowGlobalFilter = table.setShowGlobalFilter;
|
5234
5261
|
|
5235
5262
|
var _getState = getState(),
|
5236
5263
|
showGlobalFilter = _getState.showGlobalFilter;
|
5237
5264
|
|
5238
5265
|
var textFieldProps = muiSearchTextFieldProps instanceof Function ? muiSearchTextFieldProps({
|
5239
|
-
|
5266
|
+
table: table
|
5240
5267
|
}) : muiSearchTextFieldProps;
|
5241
5268
|
|
5242
5269
|
var handleToggleSearch = function handleToggleSearch() {
|
@@ -5259,17 +5286,17 @@ var MRT_ToggleGlobalFilterButton = function MRT_ToggleGlobalFilterButton(_ref) {
|
|
5259
5286
|
var MRT_GlobalFilterTextField = function MRT_GlobalFilterTextField(_ref) {
|
5260
5287
|
var _localization$clearSe;
|
5261
5288
|
|
5262
|
-
var
|
5263
|
-
var getState =
|
5264
|
-
setGlobalFilter =
|
5265
|
-
|
5266
|
-
enableGlobalFilterChangeMode =
|
5267
|
-
|
5268
|
-
SearchIcon =
|
5269
|
-
CloseIcon =
|
5270
|
-
localization =
|
5271
|
-
muiSearchTextFieldProps =
|
5272
|
-
tableId =
|
5289
|
+
var table = _ref.table;
|
5290
|
+
var getState = table.getState,
|
5291
|
+
setGlobalFilter = table.setGlobalFilter,
|
5292
|
+
_table$options = table.options,
|
5293
|
+
enableGlobalFilterChangeMode = _table$options.enableGlobalFilterChangeMode,
|
5294
|
+
_table$options$icons = _table$options.icons,
|
5295
|
+
SearchIcon = _table$options$icons.SearchIcon,
|
5296
|
+
CloseIcon = _table$options$icons.CloseIcon,
|
5297
|
+
localization = _table$options.localization,
|
5298
|
+
muiSearchTextFieldProps = _table$options.muiSearchTextFieldProps,
|
5299
|
+
tableId = _table$options.tableId;
|
5273
5300
|
|
5274
5301
|
var _getState = getState(),
|
5275
5302
|
globalFilter = _getState.globalFilter,
|
@@ -5304,7 +5331,7 @@ var MRT_GlobalFilterTextField = function MRT_GlobalFilterTextField(_ref) {
|
|
5304
5331
|
};
|
5305
5332
|
|
5306
5333
|
var textFieldProps = muiSearchTextFieldProps instanceof Function ? muiSearchTextFieldProps({
|
5307
|
-
|
5334
|
+
table: table
|
5308
5335
|
}) : muiSearchTextFieldProps;
|
5309
5336
|
return React__default.createElement(material.Collapse, {
|
5310
5337
|
"in": showGlobalFilter,
|
@@ -5345,25 +5372,25 @@ var MRT_GlobalFilterTextField = function MRT_GlobalFilterTextField(_ref) {
|
|
5345
5372
|
}, textFieldProps)), React__default.createElement(MRT_FilterOptionMenu, {
|
5346
5373
|
anchorEl: anchorEl,
|
5347
5374
|
setAnchorEl: setAnchorEl,
|
5348
|
-
|
5375
|
+
table: table
|
5349
5376
|
}));
|
5350
5377
|
};
|
5351
5378
|
|
5352
5379
|
var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons(_ref) {
|
5353
5380
|
var _renderToolbarInterna;
|
5354
5381
|
|
5355
|
-
var
|
5356
|
-
var
|
5357
|
-
enableColumnFilters =
|
5358
|
-
enableColumnOrdering =
|
5359
|
-
enableDensityToggle =
|
5360
|
-
enableFilters =
|
5361
|
-
enableFullScreenToggle =
|
5362
|
-
enableGlobalFilter =
|
5363
|
-
enableHiding =
|
5364
|
-
enablePinning =
|
5365
|
-
positionGlobalFilter =
|
5366
|
-
renderToolbarInternalActions =
|
5382
|
+
var table = _ref.table;
|
5383
|
+
var _table$options = table.options,
|
5384
|
+
enableColumnFilters = _table$options.enableColumnFilters,
|
5385
|
+
enableColumnOrdering = _table$options.enableColumnOrdering,
|
5386
|
+
enableDensityToggle = _table$options.enableDensityToggle,
|
5387
|
+
enableFilters = _table$options.enableFilters,
|
5388
|
+
enableFullScreenToggle = _table$options.enableFullScreenToggle,
|
5389
|
+
enableGlobalFilter = _table$options.enableGlobalFilter,
|
5390
|
+
enableHiding = _table$options.enableHiding,
|
5391
|
+
enablePinning = _table$options.enablePinning,
|
5392
|
+
positionGlobalFilter = _table$options.positionGlobalFilter,
|
5393
|
+
renderToolbarInternalActions = _table$options.renderToolbarInternalActions;
|
5367
5394
|
return React__default.createElement(material.Box, {
|
5368
5395
|
sx: {
|
5369
5396
|
alignItems: 'center',
|
@@ -5376,33 +5403,33 @@ var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons(_ref) {
|
|
5376
5403
|
MRT_ToggleDensePaddingButton: MRT_ToggleDensePaddingButton,
|
5377
5404
|
MRT_ToggleFiltersButton: MRT_ToggleFiltersButton,
|
5378
5405
|
MRT_ToggleGlobalFilterButton: MRT_ToggleGlobalFilterButton,
|
5379
|
-
|
5406
|
+
table: table
|
5380
5407
|
})) != null ? _renderToolbarInterna : React__default.createElement(React__default.Fragment, null, enableGlobalFilter && positionGlobalFilter === 'right' && React__default.createElement(MRT_GlobalFilterTextField, {
|
5381
|
-
|
5408
|
+
table: table
|
5382
5409
|
}), enableFilters && enableGlobalFilter && React__default.createElement(MRT_ToggleGlobalFilterButton, {
|
5383
|
-
|
5410
|
+
table: table
|
5384
5411
|
}), enableFilters && enableColumnFilters && React__default.createElement(MRT_ToggleFiltersButton, {
|
5385
|
-
|
5412
|
+
table: table
|
5386
5413
|
}), (enableHiding || enableColumnOrdering || enablePinning) && React__default.createElement(MRT_ShowHideColumnsButton, {
|
5387
|
-
|
5414
|
+
table: table
|
5388
5415
|
}), enableDensityToggle && React__default.createElement(MRT_ToggleDensePaddingButton, {
|
5389
|
-
|
5416
|
+
table: table
|
5390
5417
|
}), enableFullScreenToggle && React__default.createElement(MRT_FullScreenToggleButton, {
|
5391
|
-
|
5418
|
+
table: table
|
5392
5419
|
})));
|
5393
5420
|
};
|
5394
5421
|
|
5395
5422
|
var MRT_TablePagination = function MRT_TablePagination(_ref) {
|
5396
|
-
var
|
5423
|
+
var table = _ref.table,
|
5397
5424
|
position = _ref.position;
|
5398
|
-
var getPrePaginationRowModel =
|
5399
|
-
getState =
|
5400
|
-
setPageIndex =
|
5401
|
-
setPageSize =
|
5402
|
-
|
5403
|
-
muiTablePaginationProps =
|
5404
|
-
enableToolbarInternalActions =
|
5405
|
-
rowCount =
|
5425
|
+
var getPrePaginationRowModel = table.getPrePaginationRowModel,
|
5426
|
+
getState = table.getState,
|
5427
|
+
setPageIndex = table.setPageIndex,
|
5428
|
+
setPageSize = table.setPageSize,
|
5429
|
+
_table$options = table.options,
|
5430
|
+
muiTablePaginationProps = _table$options.muiTablePaginationProps,
|
5431
|
+
enableToolbarInternalActions = _table$options.enableToolbarInternalActions,
|
5432
|
+
rowCount = _table$options.rowCount;
|
5406
5433
|
|
5407
5434
|
var _getState = getState(),
|
5408
5435
|
_getState$pagination = _getState.pagination,
|
@@ -5412,16 +5439,16 @@ var MRT_TablePagination = function MRT_TablePagination(_ref) {
|
|
5412
5439
|
pageIndex = _getState$pagination$2 === void 0 ? 0 : _getState$pagination$2,
|
5413
5440
|
showGlobalFilter = _getState.showGlobalFilter;
|
5414
5441
|
|
5442
|
+
var totalRowCount = rowCount != null ? rowCount : getPrePaginationRowModel().rows.length;
|
5443
|
+
var showFirstLastPageButtons = totalRowCount / pageSize > 2;
|
5415
5444
|
var tablePaginationProps = muiTablePaginationProps instanceof Function ? muiTablePaginationProps({
|
5416
|
-
|
5445
|
+
table: table
|
5417
5446
|
}) : muiTablePaginationProps;
|
5418
5447
|
|
5419
5448
|
var handleChangeRowsPerPage = function handleChangeRowsPerPage(event) {
|
5420
5449
|
setPageSize(+event.target.value);
|
5421
5450
|
};
|
5422
5451
|
|
5423
|
-
var totalRowCount = rowCount != null ? rowCount : getPrePaginationRowModel().rows.length;
|
5424
|
-
var showFirstLastPageButtons = totalRowCount / pageSize > 2;
|
5425
5452
|
return React__default.createElement(material.TablePagination, Object.assign({
|
5426
5453
|
SelectProps: {
|
5427
5454
|
sx: {
|
@@ -5458,20 +5485,20 @@ var MRT_ToolbarAlertBanner = function MRT_ToolbarAlertBanner(_ref) {
|
|
5458
5485
|
var _localization$selecte, _localization$selecte2;
|
5459
5486
|
|
5460
5487
|
var stackAlertBanner = _ref.stackAlertBanner,
|
5461
|
-
|
5462
|
-
var getPrePaginationRowModel =
|
5463
|
-
getSelectedRowModel =
|
5464
|
-
getState =
|
5465
|
-
|
5466
|
-
localization =
|
5467
|
-
muiTableToolbarAlertBannerProps =
|
5488
|
+
table = _ref.table;
|
5489
|
+
var getPrePaginationRowModel = table.getPrePaginationRowModel,
|
5490
|
+
getSelectedRowModel = table.getSelectedRowModel,
|
5491
|
+
getState = table.getState,
|
5492
|
+
_table$options = table.options,
|
5493
|
+
localization = _table$options.localization,
|
5494
|
+
muiTableToolbarAlertBannerProps = _table$options.muiTableToolbarAlertBannerProps;
|
5468
5495
|
|
5469
5496
|
var _getState = getState(),
|
5470
5497
|
grouping = _getState.grouping,
|
5471
5498
|
showAlertBanner = _getState.showAlertBanner;
|
5472
5499
|
|
5473
5500
|
var alertProps = muiTableToolbarAlertBannerProps instanceof Function ? muiTableToolbarAlertBannerProps({
|
5474
|
-
|
5501
|
+
table: table
|
5475
5502
|
}) : muiTableToolbarAlertBannerProps;
|
5476
5503
|
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;
|
5477
5504
|
var groupedByMessage = grouping.length > 0 ? React__default.createElement("span", null, localization.groupedBy, ' ', grouping.map(function (columnId, index) {
|
@@ -5479,9 +5506,9 @@ var MRT_ToolbarAlertBanner = function MRT_ToolbarAlertBanner(_ref) {
|
|
5479
5506
|
key: index + "-" + columnId
|
5480
5507
|
}, index > 0 ? localization.thenBy : '', React__default.createElement(material.Chip, {
|
5481
5508
|
color: "secondary",
|
5482
|
-
label:
|
5509
|
+
label: table.getColumn(columnId).columnDef.header,
|
5483
5510
|
onDelete: function onDelete() {
|
5484
|
-
return
|
5511
|
+
return table.getColumn(columnId).toggleGrouping();
|
5485
5512
|
}
|
5486
5513
|
}));
|
5487
5514
|
})) : null;
|
@@ -5490,7 +5517,8 @@ var MRT_ToolbarAlertBanner = function MRT_ToolbarAlertBanner(_ref) {
|
|
5490
5517
|
timeout: stackAlertBanner ? 200 : 0
|
5491
5518
|
}, React__default.createElement(material.Alert, Object.assign({
|
5492
5519
|
color: "info",
|
5493
|
-
icon: false
|
5520
|
+
icon: false
|
5521
|
+
}, alertProps, {
|
5494
5522
|
sx: _extends({
|
5495
5523
|
borderRadius: 0,
|
5496
5524
|
fontSize: '1rem',
|
@@ -5502,25 +5530,25 @@ var MRT_ToolbarAlertBanner = function MRT_ToolbarAlertBanner(_ref) {
|
|
5502
5530
|
width: '100%',
|
5503
5531
|
zIndex: 2
|
5504
5532
|
}, alertProps == null ? void 0 : alertProps.sx)
|
5505
|
-
}, alertProps), React__default.createElement(material.Box, {
|
5533
|
+
}), (alertProps == null ? void 0 : alertProps.title) && React__default.createElement(material.AlertTitle, null, alertProps.title), React__default.createElement(material.Box, {
|
5506
5534
|
sx: {
|
5507
5535
|
p: '0.5rem 1rem'
|
5508
5536
|
}
|
5509
|
-
}, selectMessage, selectMessage && groupedByMessage && React__default.createElement("br", null), groupedByMessage)));
|
5537
|
+
}, alertProps == null ? void 0 : alertProps.children, (alertProps == null ? void 0 : alertProps.children) && (selectMessage || groupedByMessage) && React__default.createElement("br", null), selectMessage, selectMessage && groupedByMessage && React__default.createElement("br", null), groupedByMessage)));
|
5510
5538
|
};
|
5511
5539
|
|
5512
5540
|
var MRT_LinearProgressBar = function MRT_LinearProgressBar(_ref) {
|
5513
5541
|
var alignTo = _ref.alignTo,
|
5514
|
-
|
5515
|
-
var muiLinearProgressProps =
|
5516
|
-
getState =
|
5542
|
+
table = _ref.table;
|
5543
|
+
var muiLinearProgressProps = table.options.muiLinearProgressProps,
|
5544
|
+
getState = table.getState;
|
5517
5545
|
|
5518
5546
|
var _getState = getState(),
|
5519
5547
|
isLoading = _getState.isLoading,
|
5520
5548
|
showProgressBars = _getState.showProgressBars;
|
5521
5549
|
|
5522
5550
|
var linearProgressProps = muiLinearProgressProps instanceof Function ? muiLinearProgressProps({
|
5523
|
-
|
5551
|
+
table: table
|
5524
5552
|
}) : muiLinearProgressProps;
|
5525
5553
|
return React__default.createElement(material.Collapse, {
|
5526
5554
|
"in": isLoading || showProgressBars,
|
@@ -5557,18 +5585,18 @@ var commonToolbarStyles = function commonToolbarStyles(_ref) {
|
|
5557
5585
|
var MRT_ToolbarTop = function MRT_ToolbarTop(_ref2) {
|
5558
5586
|
var _renderToolbarTopCust;
|
5559
5587
|
|
5560
|
-
var
|
5561
|
-
var getState =
|
5562
|
-
|
5563
|
-
enableGlobalFilter =
|
5564
|
-
enablePagination =
|
5565
|
-
enableToolbarInternalActions =
|
5566
|
-
muiTableToolbarTopProps =
|
5567
|
-
positionGlobalFilter =
|
5568
|
-
positionPagination =
|
5569
|
-
positionToolbarAlertBanner =
|
5570
|
-
renderToolbarTopCustomActions =
|
5571
|
-
tableId =
|
5588
|
+
var table = _ref2.table;
|
5589
|
+
var getState = table.getState,
|
5590
|
+
_table$options = table.options,
|
5591
|
+
enableGlobalFilter = _table$options.enableGlobalFilter,
|
5592
|
+
enablePagination = _table$options.enablePagination,
|
5593
|
+
enableToolbarInternalActions = _table$options.enableToolbarInternalActions,
|
5594
|
+
muiTableToolbarTopProps = _table$options.muiTableToolbarTopProps,
|
5595
|
+
positionGlobalFilter = _table$options.positionGlobalFilter,
|
5596
|
+
positionPagination = _table$options.positionPagination,
|
5597
|
+
positionToolbarAlertBanner = _table$options.positionToolbarAlertBanner,
|
5598
|
+
renderToolbarTopCustomActions = _table$options.renderToolbarTopCustomActions,
|
5599
|
+
tableId = _table$options.tableId;
|
5572
5600
|
|
5573
5601
|
var _getState = getState(),
|
5574
5602
|
isFullScreen = _getState.isFullScreen,
|
@@ -5576,7 +5604,7 @@ var MRT_ToolbarTop = function MRT_ToolbarTop(_ref2) {
|
|
5576
5604
|
|
5577
5605
|
var isMobile = material.useMediaQuery('(max-width:720px)');
|
5578
5606
|
var toolbarProps = muiTableToolbarTopProps instanceof Function ? muiTableToolbarTopProps({
|
5579
|
-
|
5607
|
+
table: table
|
5580
5608
|
}) : muiTableToolbarTopProps;
|
5581
5609
|
var stackAlertBanner = isMobile || positionToolbarAlertBanner === 'top' && (!!renderToolbarTopCustomActions || showGlobalFilter);
|
5582
5610
|
return React__default.createElement(material.Toolbar, Object.assign({
|
@@ -5593,7 +5621,7 @@ var MRT_ToolbarTop = function MRT_ToolbarTop(_ref2) {
|
|
5593
5621
|
}
|
5594
5622
|
}), positionToolbarAlertBanner === 'top' && React__default.createElement(MRT_ToolbarAlertBanner, {
|
5595
5623
|
stackAlertBanner: stackAlertBanner,
|
5596
|
-
|
5624
|
+
table: table
|
5597
5625
|
}), React__default.createElement(material.Box, {
|
5598
5626
|
sx: {
|
5599
5627
|
alignItems: 'flex-start',
|
@@ -5607,39 +5635,39 @@ var MRT_ToolbarTop = function MRT_ToolbarTop(_ref2) {
|
|
5607
5635
|
width: '100%'
|
5608
5636
|
}
|
5609
5637
|
}, enableGlobalFilter && positionGlobalFilter === 'left' && React__default.createElement(MRT_GlobalFilterTextField, {
|
5610
|
-
|
5638
|
+
table: table
|
5611
5639
|
}), (_renderToolbarTopCust = renderToolbarTopCustomActions == null ? void 0 : renderToolbarTopCustomActions({
|
5612
|
-
|
5640
|
+
table: table
|
5613
5641
|
})) != null ? _renderToolbarTopCust : React__default.createElement("span", null), enableToolbarInternalActions ? React__default.createElement(MRT_ToolbarInternalButtons, {
|
5614
|
-
|
5642
|
+
table: table
|
5615
5643
|
}) : enableGlobalFilter && positionGlobalFilter === 'right' && React__default.createElement(MRT_GlobalFilterTextField, {
|
5616
|
-
|
5644
|
+
table: table
|
5617
5645
|
})), enablePagination && ['top', 'both'].includes(positionPagination != null ? positionPagination : '') && React__default.createElement(MRT_TablePagination, {
|
5618
|
-
|
5646
|
+
table: table,
|
5619
5647
|
position: "top"
|
5620
5648
|
}), React__default.createElement(MRT_LinearProgressBar, {
|
5621
5649
|
alignTo: "bottom",
|
5622
|
-
|
5650
|
+
table: table
|
5623
5651
|
}));
|
5624
5652
|
};
|
5625
5653
|
|
5626
5654
|
var MRT_ToolbarBottom = function MRT_ToolbarBottom(_ref) {
|
5627
|
-
var
|
5628
|
-
var getState =
|
5629
|
-
|
5630
|
-
enablePagination =
|
5631
|
-
muiTableToolbarBottomProps =
|
5632
|
-
positionPagination =
|
5633
|
-
positionToolbarAlertBanner =
|
5634
|
-
renderToolbarBottomCustomActions =
|
5635
|
-
tableId =
|
5655
|
+
var table = _ref.table;
|
5656
|
+
var getState = table.getState,
|
5657
|
+
_table$options = table.options,
|
5658
|
+
enablePagination = _table$options.enablePagination,
|
5659
|
+
muiTableToolbarBottomProps = _table$options.muiTableToolbarBottomProps,
|
5660
|
+
positionPagination = _table$options.positionPagination,
|
5661
|
+
positionToolbarAlertBanner = _table$options.positionToolbarAlertBanner,
|
5662
|
+
renderToolbarBottomCustomActions = _table$options.renderToolbarBottomCustomActions,
|
5663
|
+
tableId = _table$options.tableId;
|
5636
5664
|
|
5637
5665
|
var _getState = getState(),
|
5638
5666
|
isFullScreen = _getState.isFullScreen;
|
5639
5667
|
|
5640
5668
|
var isMobile = material.useMediaQuery('(max-width:720px)');
|
5641
5669
|
var toolbarProps = muiTableToolbarBottomProps instanceof Function ? muiTableToolbarBottomProps({
|
5642
|
-
|
5670
|
+
table: table
|
5643
5671
|
}) : muiTableToolbarBottomProps;
|
5644
5672
|
var stackAlertBanner = isMobile || positionToolbarAlertBanner === 'bottom' && !!renderToolbarBottomCustomActions;
|
5645
5673
|
return React__default.createElement(material.Toolbar, Object.assign({
|
@@ -5659,9 +5687,9 @@ var MRT_ToolbarBottom = function MRT_ToolbarBottom(_ref) {
|
|
5659
5687
|
}
|
5660
5688
|
}), React__default.createElement(MRT_LinearProgressBar, {
|
5661
5689
|
alignTo: "top",
|
5662
|
-
|
5690
|
+
table: table
|
5663
5691
|
}), positionToolbarAlertBanner === 'bottom' && React__default.createElement(MRT_ToolbarAlertBanner, {
|
5664
|
-
|
5692
|
+
table: table
|
5665
5693
|
}), React__default.createElement(material.Box, {
|
5666
5694
|
sx: {
|
5667
5695
|
display: 'flex',
|
@@ -5673,7 +5701,7 @@ var MRT_ToolbarBottom = function MRT_ToolbarBottom(_ref) {
|
|
5673
5701
|
p: '0.5rem'
|
5674
5702
|
}
|
5675
5703
|
}, renderToolbarBottomCustomActions({
|
5676
|
-
|
5704
|
+
table: table
|
5677
5705
|
})) : React__default.createElement("span", null), React__default.createElement(material.Box, {
|
5678
5706
|
sx: {
|
5679
5707
|
display: 'flex',
|
@@ -5683,28 +5711,28 @@ var MRT_ToolbarBottom = function MRT_ToolbarBottom(_ref) {
|
|
5683
5711
|
top: 0
|
5684
5712
|
}
|
5685
5713
|
}, enablePagination && ['bottom', 'both'].includes(positionPagination != null ? positionPagination : '') && React__default.createElement(MRT_TablePagination, {
|
5686
|
-
|
5714
|
+
table: table,
|
5687
5715
|
position: "bottom"
|
5688
5716
|
}))));
|
5689
5717
|
};
|
5690
5718
|
|
5691
5719
|
var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
5692
|
-
var _localization$filterB, _columnDef$enabledCol, _localization$
|
5720
|
+
var _localization$filterB, _columnDef$enabledCol, _localization$clearFi, _columnDef$filterSele;
|
5693
5721
|
|
5694
5722
|
var header = _ref.header,
|
5695
5723
|
inputIndex = _ref.inputIndex,
|
5696
|
-
|
5697
|
-
var getState =
|
5698
|
-
|
5699
|
-
enableColumnFilterChangeMode =
|
5700
|
-
enabledColumnFilterOptions =
|
5701
|
-
|
5702
|
-
FilterListIcon =
|
5703
|
-
CloseIcon =
|
5704
|
-
localization =
|
5705
|
-
muiTableHeadCellFilterTextFieldProps =
|
5706
|
-
tableId =
|
5707
|
-
setCurrentFilterFns =
|
5724
|
+
table = _ref.table;
|
5725
|
+
var getState = table.getState,
|
5726
|
+
_table$options = table.options,
|
5727
|
+
enableColumnFilterChangeMode = _table$options.enableColumnFilterChangeMode,
|
5728
|
+
enabledColumnFilterOptions = _table$options.enabledColumnFilterOptions,
|
5729
|
+
_table$options$icons = _table$options.icons,
|
5730
|
+
FilterListIcon = _table$options$icons.FilterListIcon,
|
5731
|
+
CloseIcon = _table$options$icons.CloseIcon,
|
5732
|
+
localization = _table$options.localization,
|
5733
|
+
muiTableHeadCellFilterTextFieldProps = _table$options.muiTableHeadCellFilterTextFieldProps,
|
5734
|
+
tableId = _table$options.tableId,
|
5735
|
+
setCurrentFilterFns = table.setCurrentFilterFns;
|
5708
5736
|
var column = header.column;
|
5709
5737
|
var columnDef = column.columnDef;
|
5710
5738
|
|
@@ -5717,11 +5745,11 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
5717
5745
|
|
5718
5746
|
var mTableHeadCellFilterTextFieldProps = muiTableHeadCellFilterTextFieldProps instanceof Function ? muiTableHeadCellFilterTextFieldProps({
|
5719
5747
|
column: column,
|
5720
|
-
|
5748
|
+
table: table
|
5721
5749
|
}) : muiTableHeadCellFilterTextFieldProps;
|
5722
5750
|
var mcTableHeadCellFilterTextFieldProps = columnDef.muiTableHeadCellFilterTextFieldProps instanceof Function ? columnDef.muiTableHeadCellFilterTextFieldProps({
|
5723
5751
|
column: column,
|
5724
|
-
|
5752
|
+
table: table
|
5725
5753
|
}) : columnDef.muiTableHeadCellFilterTextFieldProps;
|
5726
5754
|
|
5727
5755
|
var textFieldProps = _extends({}, mTableHeadCellFilterTextFieldProps, mcTableHeadCellFilterTextFieldProps);
|
@@ -5784,15 +5812,15 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
5784
5812
|
if (columnDef.Filter) {
|
5785
5813
|
return React__default.createElement(React__default.Fragment, null, columnDef.Filter == null ? void 0 : columnDef.Filter({
|
5786
5814
|
header: header,
|
5787
|
-
|
5815
|
+
table: table
|
5788
5816
|
}));
|
5789
5817
|
}
|
5790
5818
|
|
5791
5819
|
var filterId = "mrt-" + tableId + "-" + header.id + "-filter-text-field" + (inputIndex != null ? inputIndex : '');
|
5792
|
-
var
|
5820
|
+
var currentFilterOption = currentFilterFns == null ? void 0 : currentFilterFns[header.id];
|
5793
5821
|
var isSelectFilter = !!columnDef.filterSelectOptions;
|
5794
|
-
var filterChipLabel =
|
5795
|
-
localization["filter" + (
|
5822
|
+
var filterChipLabel = ['empty', 'notEmpty'].includes(currentFilterOption) ? //@ts-ignore
|
5823
|
+
localization["filter" + (currentFilterOption.charAt(0).toUpperCase() + currentFilterOption.slice(1))] : '';
|
5796
5824
|
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 : '';
|
5797
5825
|
var allowedColumnFilterOptions = (_columnDef$enabledCol = columnDef == null ? void 0 : columnDef.enabledColumnFilterOptions) != null ? _columnDef$enabledCol : enabledColumnFilterOptions;
|
5798
5826
|
var showChangeModeButton = enableColumnFilterChangeMode && columnDef.enableColumnFilterChangeMode !== false && !isSelectFilter && !inputIndex && (allowedColumnFilterOptions === undefined || !!(allowedColumnFilterOptions != null && allowedColumnFilterOptions.length));
|
@@ -5809,9 +5837,8 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
5809
5837
|
},
|
5810
5838
|
helperText: showChangeModeButton ? React__default.createElement("label", {
|
5811
5839
|
htmlFor: filterId
|
5812
|
-
},
|
5813
|
-
|
5814
|
-
localization["filter" + (filterFn.charAt(0).toUpperCase() + filterFn.slice(1))])) : null,
|
5840
|
+
}, localization.filterMode.replace('{filterType}', // @ts-ignore
|
5841
|
+
localization["filter" + (currentFilterOption.charAt(0).toUpperCase() + currentFilterOption.slice(1))])) : null,
|
5815
5842
|
FormHelperTextProps: {
|
5816
5843
|
sx: {
|
5817
5844
|
fontSize: '0.6rem',
|
@@ -5898,13 +5925,13 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
5898
5925
|
anchorEl: anchorEl,
|
5899
5926
|
header: header,
|
5900
5927
|
setAnchorEl: setAnchorEl,
|
5901
|
-
|
5928
|
+
table: table
|
5902
5929
|
}));
|
5903
5930
|
};
|
5904
5931
|
|
5905
5932
|
var MRT_FilterRangeFields = function MRT_FilterRangeFields(_ref) {
|
5906
5933
|
var header = _ref.header,
|
5907
|
-
|
5934
|
+
table = _ref.table;
|
5908
5935
|
return React__default.createElement(material.Box, {
|
5909
5936
|
sx: {
|
5910
5937
|
display: 'grid',
|
@@ -5914,18 +5941,18 @@ var MRT_FilterRangeFields = function MRT_FilterRangeFields(_ref) {
|
|
5914
5941
|
}, React__default.createElement(MRT_FilterTextField, {
|
5915
5942
|
header: header,
|
5916
5943
|
inputIndex: 0,
|
5917
|
-
|
5944
|
+
table: table
|
5918
5945
|
}), React__default.createElement(MRT_FilterTextField, {
|
5919
5946
|
header: header,
|
5920
5947
|
inputIndex: 1,
|
5921
|
-
|
5948
|
+
table: table
|
5922
5949
|
}));
|
5923
5950
|
};
|
5924
5951
|
|
5925
5952
|
var MRT_TableHeadCellFilterContainer = function MRT_TableHeadCellFilterContainer(_ref) {
|
5926
5953
|
var header = _ref.header,
|
5927
|
-
|
5928
|
-
var getState =
|
5954
|
+
table = _ref.table;
|
5955
|
+
var getState = table.getState;
|
5929
5956
|
|
5930
5957
|
var _getState = getState(),
|
5931
5958
|
currentFilterFns = _getState.currentFilterFns,
|
@@ -5938,10 +5965,10 @@ var MRT_TableHeadCellFilterContainer = function MRT_TableHeadCellFilterContainer
|
|
5938
5965
|
unmountOnExit: true
|
5939
5966
|
}, currentFilterFns[column.id] === 'between' ? React__default.createElement(MRT_FilterRangeFields, {
|
5940
5967
|
header: header,
|
5941
|
-
|
5968
|
+
table: table
|
5942
5969
|
}) : React__default.createElement(MRT_FilterTextField, {
|
5943
5970
|
header: header,
|
5944
|
-
|
5971
|
+
table: table
|
5945
5972
|
}));
|
5946
5973
|
};
|
5947
5974
|
|
@@ -5949,23 +5976,23 @@ var MRT_TableHeadCellFilterLabel = function MRT_TableHeadCellFilterLabel(_ref) {
|
|
5949
5976
|
var _column$getFilterValu, _column$getFilterValu2;
|
5950
5977
|
|
5951
5978
|
var header = _ref.header,
|
5952
|
-
|
5953
|
-
var getState =
|
5954
|
-
|
5955
|
-
FilterAltIcon =
|
5956
|
-
localization =
|
5979
|
+
table = _ref.table;
|
5980
|
+
var getState = table.getState,
|
5981
|
+
_table$options = table.options,
|
5982
|
+
FilterAltIcon = _table$options.icons.FilterAltIcon,
|
5983
|
+
localization = _table$options.localization;
|
5957
5984
|
|
5958
5985
|
var _getState = getState(),
|
5959
5986
|
currentFilterFns = _getState.currentFilterFns;
|
5960
5987
|
|
5961
5988
|
var column = header.column;
|
5962
5989
|
var columnDef = column.columnDef;
|
5963
|
-
var
|
5964
|
-
var filterTooltip = localization.filteringByColumn.replace('{column}', String(columnDef.header)).replace('{filterType}',
|
5965
|
-
localization["filter" + (
|
5990
|
+
var currentFilterOption = currentFilterFns == null ? void 0 : currentFilterFns[header.id];
|
5991
|
+
var filterTooltip = localization.filteringByColumn.replace('{column}', String(columnDef.header)).replace('{filterType}', // @ts-ignore
|
5992
|
+
localization["filter" + (currentFilterOption.charAt(0).toUpperCase() + currentFilterOption.slice(1))]).replace('{filterValue}', "\"" + (Array.isArray(column.getFilterValue()) ? column.getFilterValue().join("\" " + localization.and + " \"") : column.getFilterValue()) + "\"").replace('" "', '');
|
5966
5993
|
return React__default.createElement(material.Grow, {
|
5967
5994
|
unmountOnExit: true,
|
5968
|
-
"in": !!column.getFilterValue() &&
|
5995
|
+
"in": !!column.getFilterValue() && currentFilterOption !== 'between' || currentFilterOption === 'between' && ( // @ts-ignore
|
5969
5996
|
!!((_column$getFilterValu = column.getFilterValue()) != null && _column$getFilterValu[0]) || !!((_column$getFilterValu2 = column.getFilterValue()) != null && _column$getFilterValu2[1]))
|
5970
5997
|
}, React__default.createElement("span", null, React__default.createElement(material.Tooltip, {
|
5971
5998
|
arrow: true,
|
@@ -5988,16 +6015,20 @@ var MRT_TableHeadCellFilterLabel = function MRT_TableHeadCellFilterLabel(_ref) {
|
|
5988
6015
|
};
|
5989
6016
|
|
5990
6017
|
var MRT_TableHeadCellResizeHandle = function MRT_TableHeadCellResizeHandle(_ref) {
|
6018
|
+
var _getState$columnSizin;
|
6019
|
+
|
5991
6020
|
var header = _ref.header,
|
5992
|
-
|
5993
|
-
var getState =
|
6021
|
+
table = _ref.table;
|
6022
|
+
var getState = table.getState,
|
6023
|
+
columnResizeMode = table.options.columnResizeMode;
|
5994
6024
|
|
5995
6025
|
var _getState = getState(),
|
5996
6026
|
density = _getState.density,
|
5997
6027
|
showFilters = _getState.showFilters;
|
5998
6028
|
|
5999
6029
|
var column = header.column;
|
6000
|
-
var
|
6030
|
+
var columnDef = column.columnDef;
|
6031
|
+
var columnDefType = columnDef.columnDefType;
|
6001
6032
|
return React__default.createElement(material.Divider, {
|
6002
6033
|
flexItem: true,
|
6003
6034
|
orientation: "vertical",
|
@@ -6027,15 +6058,15 @@ var MRT_TableHeadCellResizeHandle = function MRT_TableHeadCellResizeHandle(_ref)
|
|
6027
6058
|
onMouseDown: header.getResizeHandler(),
|
6028
6059
|
onTouchStart: header.getResizeHandler(),
|
6029
6060
|
style: {
|
6030
|
-
transform: column.getIsResizing() ? "translateX(" + getState().columnSizingInfo.deltaOffset + "px)" : 'none'
|
6061
|
+
transform: column.getIsResizing() ? "translateX(" + ((_getState$columnSizin = getState().columnSizingInfo.deltaOffset) != null ? _getState$columnSizin : 0) / (columnResizeMode === 'onChange' ? 16 : 1) + "px)" : 'none'
|
6031
6062
|
}
|
6032
6063
|
});
|
6033
6064
|
};
|
6034
6065
|
|
6035
6066
|
var MRT_TableHeadCellSortLabel = function MRT_TableHeadCellSortLabel(_ref) {
|
6036
6067
|
var header = _ref.header,
|
6037
|
-
|
6038
|
-
var localization =
|
6068
|
+
table = _ref.table;
|
6069
|
+
var localization = table.options.localization;
|
6039
6070
|
var column = header.column;
|
6040
6071
|
var columnDef = column.columnDef;
|
6041
6072
|
var sortTooltip = !!column.getIsSorted() ? column.getIsSorted() === 'desc' ? localization.sortedByColumnDesc.replace('{column}', columnDef.header) : localization.sortedByColumnAsc.replace('{column}', columnDef.header) : localization.unsorted;
|
@@ -6056,11 +6087,11 @@ var MRT_TableHeadCellSortLabel = function MRT_TableHeadCellSortLabel(_ref) {
|
|
6056
6087
|
|
6057
6088
|
var MRT_TableHeadCellColumnActionsButton = function MRT_TableHeadCellColumnActionsButton(_ref) {
|
6058
6089
|
var header = _ref.header,
|
6059
|
-
|
6060
|
-
var
|
6061
|
-
MoreVertIcon =
|
6062
|
-
localization =
|
6063
|
-
muiTableHeadCellColumnActionsButtonProps =
|
6090
|
+
table = _ref.table;
|
6091
|
+
var _table$options = table.options,
|
6092
|
+
MoreVertIcon = _table$options.icons.MoreVertIcon,
|
6093
|
+
localization = _table$options.localization,
|
6094
|
+
muiTableHeadCellColumnActionsButtonProps = _table$options.muiTableHeadCellColumnActionsButtonProps;
|
6064
6095
|
var column = header.column;
|
6065
6096
|
var columnDef = column.columnDef;
|
6066
6097
|
|
@@ -6076,11 +6107,11 @@ var MRT_TableHeadCellColumnActionsButton = function MRT_TableHeadCellColumnActio
|
|
6076
6107
|
|
6077
6108
|
var mTableHeadCellColumnActionsButtonProps = muiTableHeadCellColumnActionsButtonProps instanceof Function ? muiTableHeadCellColumnActionsButtonProps({
|
6078
6109
|
column: column,
|
6079
|
-
|
6110
|
+
table: table
|
6080
6111
|
}) : muiTableHeadCellColumnActionsButtonProps;
|
6081
6112
|
var mcTableHeadCellColumnActionsButtonProps = columnDef.muiTableHeadCellColumnActionsButtonProps instanceof Function ? columnDef.muiTableHeadCellColumnActionsButtonProps({
|
6082
6113
|
column: column,
|
6083
|
-
|
6114
|
+
table: table
|
6084
6115
|
}) : columnDef.muiTableHeadCellColumnActionsButtonProps;
|
6085
6116
|
|
6086
6117
|
var iconButtonProps = _extends({}, mTableHeadCellColumnActionsButtonProps, mcTableHeadCellColumnActionsButtonProps);
|
@@ -6110,53 +6141,53 @@ var MRT_TableHeadCellColumnActionsButton = function MRT_TableHeadCellColumnActio
|
|
6110
6141
|
anchorEl: anchorEl,
|
6111
6142
|
header: header,
|
6112
6143
|
setAnchorEl: setAnchorEl,
|
6113
|
-
|
6144
|
+
table: table
|
6114
6145
|
}));
|
6115
6146
|
};
|
6116
6147
|
|
6117
6148
|
var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
|
6118
|
-
var _ref2,
|
6149
|
+
var _ref2, _columnDef$header$len, _columnDef$header;
|
6119
6150
|
|
6120
6151
|
var dragRef = _ref.dragRef,
|
6121
6152
|
dropRef = _ref.dropRef,
|
6122
6153
|
header = _ref.header,
|
6123
|
-
|
6154
|
+
table = _ref.table,
|
6124
6155
|
isDragging = _ref.isDragging,
|
6125
6156
|
previewRef = _ref.previewRef;
|
6126
|
-
var getState =
|
6127
|
-
|
6128
|
-
enableColumnActions =
|
6129
|
-
enableColumnOrdering =
|
6130
|
-
enableColumnResizing =
|
6131
|
-
enableGrouping =
|
6132
|
-
enableMultiSort =
|
6133
|
-
muiTableHeadCellProps =
|
6157
|
+
var getState = table.getState,
|
6158
|
+
_table$options = table.options,
|
6159
|
+
enableColumnActions = _table$options.enableColumnActions,
|
6160
|
+
enableColumnOrdering = _table$options.enableColumnOrdering,
|
6161
|
+
enableColumnResizing = _table$options.enableColumnResizing,
|
6162
|
+
enableGrouping = _table$options.enableGrouping,
|
6163
|
+
enableMultiSort = _table$options.enableMultiSort,
|
6164
|
+
muiTableHeadCellProps = _table$options.muiTableHeadCellProps;
|
6134
6165
|
|
6135
6166
|
var _getState = getState(),
|
6136
6167
|
density = _getState.density,
|
6137
6168
|
showFilters = _getState.showFilters;
|
6138
6169
|
|
6139
6170
|
var column = header.column;
|
6140
|
-
var columnDef = column.columnDef
|
6141
|
-
|
6171
|
+
var columnDef = column.columnDef;
|
6172
|
+
var columnDefType = columnDef.columnDefType;
|
6142
6173
|
var mTableHeadCellProps = muiTableHeadCellProps instanceof Function ? muiTableHeadCellProps({
|
6143
6174
|
column: column,
|
6144
|
-
|
6175
|
+
table: table
|
6145
6176
|
}) : muiTableHeadCellProps;
|
6146
6177
|
var mcTableHeadCellProps = columnDef.muiTableHeadCellProps instanceof Function ? columnDef.muiTableHeadCellProps({
|
6147
6178
|
column: column,
|
6148
|
-
|
6179
|
+
table: table
|
6149
6180
|
}) : columnDef.muiTableHeadCellProps;
|
6150
6181
|
|
6151
6182
|
var tableCellProps = _extends({}, mTableHeadCellProps, mcTableHeadCellProps);
|
6152
6183
|
|
6153
|
-
var headerElement = (_ref2 = (
|
6184
|
+
var headerElement = (_ref2 = (columnDef == null ? void 0 : columnDef.Header) instanceof Function ? columnDef == null ? void 0 : columnDef.Header == null ? void 0 : columnDef.Header({
|
6154
6185
|
header: header,
|
6155
|
-
|
6156
|
-
}) : columnDef == null ? void 0 : columnDef.Header) != null ?
|
6186
|
+
table: table
|
6187
|
+
}) : columnDef == null ? void 0 : columnDef.Header) != null ? _ref2 : columnDef.header;
|
6157
6188
|
|
6158
6189
|
var getIsLastLeftPinnedColumn = function getIsLastLeftPinnedColumn() {
|
6159
|
-
return column.getIsPinned() === 'left' &&
|
6190
|
+
return column.getIsPinned() === 'left' && table.getLeftLeafHeaders().length - 1 === column.getPinnedIndex();
|
6160
6191
|
};
|
6161
6192
|
|
6162
6193
|
var getIsFirstRightPinnedColumn = function getIsFirstRightPinnedColumn() {
|
@@ -6164,7 +6195,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
|
|
6164
6195
|
};
|
6165
6196
|
|
6166
6197
|
var getTotalRight = function getTotalRight() {
|
6167
|
-
return (
|
6198
|
+
return (table.getRightLeafHeaders().length - 1 - column.getPinnedIndex()) * 150;
|
6168
6199
|
};
|
6169
6200
|
|
6170
6201
|
return React__default.createElement(material.TableCell, Object.assign({
|
@@ -6189,7 +6220,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
|
|
6189
6220
|
pt: columnDefType !== 'data' ? 0 : density === 'compact' ? '0.25' : density === 'comfortable' ? '.75rem' : '1.25rem',
|
6190
6221
|
right: column.getIsPinned() === 'right' ? getTotalRight() + "px" : undefined,
|
6191
6222
|
transition: "all " + (enableColumnResizing ? 0 : '0.2s') + " ease-in-out",
|
6192
|
-
userSelect: enableMultiSort ? 'none' : undefined,
|
6223
|
+
userSelect: enableMultiSort && column.getCanSort() ? 'none' : undefined,
|
6193
6224
|
verticalAlign: columnDefType === 'display' && showFilters ? 'center' : 'text-top',
|
6194
6225
|
zIndex: column.getIsResizing() ? 3 : column.getIsPinned() && columnDefType !== 'group' ? 2 : 1
|
6195
6226
|
}, tableCellProps == null ? void 0 : tableCellProps.sx, {
|
@@ -6219,34 +6250,34 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
|
|
6219
6250
|
}
|
6220
6251
|
}, headerElement, columnDefType === 'data' && column.getCanSort() && React__default.createElement(MRT_TableHeadCellSortLabel, {
|
6221
6252
|
header: header,
|
6222
|
-
|
6253
|
+
table: table
|
6223
6254
|
}), columnDefType === 'data' && column.getCanFilter() && React__default.createElement(MRT_TableHeadCellFilterLabel, {
|
6224
6255
|
header: header,
|
6225
|
-
|
6256
|
+
table: table
|
6226
6257
|
})), React__default.createElement(material.Box, {
|
6227
6258
|
sx: {
|
6228
6259
|
whiteSpace: 'nowrap'
|
6229
6260
|
}
|
6230
6261
|
}, columnDefType === 'data' && (enableColumnOrdering && columnDef.enableColumnOrdering !== false || enableGrouping && columnDef.enableGrouping !== false) && React__default.createElement(MRT_GrabHandleButton, {
|
6231
6262
|
ref: dragRef,
|
6232
|
-
|
6263
|
+
table: table
|
6233
6264
|
}), (enableColumnActions || columnDef.enableColumnActions) && columnDef.enableColumnActions !== false && columnDefType !== 'group' && React__default.createElement(MRT_TableHeadCellColumnActionsButton, {
|
6234
6265
|
header: header,
|
6235
|
-
|
6266
|
+
table: table
|
6236
6267
|
})), column.getCanResize() && React__default.createElement(MRT_TableHeadCellResizeHandle, {
|
6237
6268
|
header: header,
|
6238
|
-
|
6269
|
+
table: table
|
6239
6270
|
})), columnDefType === 'data' && column.getCanFilter() && React__default.createElement(MRT_TableHeadCellFilterContainer, {
|
6240
6271
|
header: header,
|
6241
|
-
|
6272
|
+
table: table
|
6242
6273
|
}));
|
6243
6274
|
};
|
6244
6275
|
|
6245
6276
|
var MRT_DraggableTableHeadCell = function MRT_DraggableTableHeadCell(_ref) {
|
6246
6277
|
var header = _ref.header,
|
6247
|
-
|
6248
|
-
var getState =
|
6249
|
-
setColumnOrder =
|
6278
|
+
table = _ref.table;
|
6279
|
+
var getState = table.getState,
|
6280
|
+
setColumnOrder = table.setColumnOrder;
|
6250
6281
|
|
6251
6282
|
var _getState = getState(),
|
6252
6283
|
columnOrder = _getState.columnOrder;
|
@@ -6283,20 +6314,20 @@ var MRT_DraggableTableHeadCell = function MRT_DraggableTableHeadCell(_ref) {
|
|
6283
6314
|
header: header,
|
6284
6315
|
isDragging: isDragging,
|
6285
6316
|
previewRef: previewRef,
|
6286
|
-
|
6317
|
+
table: table
|
6287
6318
|
});
|
6288
6319
|
};
|
6289
6320
|
|
6290
6321
|
var MRT_TableHeadRow = function MRT_TableHeadRow(_ref) {
|
6291
6322
|
var headerGroup = _ref.headerGroup,
|
6292
|
-
|
6293
|
-
var
|
6294
|
-
enableColumnOrdering =
|
6295
|
-
enableGrouping =
|
6296
|
-
muiTableHeadRowProps =
|
6323
|
+
table = _ref.table;
|
6324
|
+
var _table$options = table.options,
|
6325
|
+
enableColumnOrdering = _table$options.enableColumnOrdering,
|
6326
|
+
enableGrouping = _table$options.enableGrouping,
|
6327
|
+
muiTableHeadRowProps = _table$options.muiTableHeadRowProps;
|
6297
6328
|
var tableRowProps = muiTableHeadRowProps instanceof Function ? muiTableHeadRowProps({
|
6298
6329
|
headerGroup: headerGroup,
|
6299
|
-
|
6330
|
+
table: table
|
6300
6331
|
}) : muiTableHeadRowProps;
|
6301
6332
|
return React__default.createElement(material.TableRow, Object.assign({}, tableRowProps, {
|
6302
6333
|
sx: function sx(theme) {
|
@@ -6309,27 +6340,27 @@ var MRT_TableHeadRow = function MRT_TableHeadRow(_ref) {
|
|
6309
6340
|
return enableColumnOrdering || enableGrouping ? React__default.createElement(MRT_DraggableTableHeadCell, {
|
6310
6341
|
header: header,
|
6311
6342
|
key: header.id || index,
|
6312
|
-
|
6343
|
+
table: table
|
6313
6344
|
}) : React__default.createElement(MRT_TableHeadCell, {
|
6314
6345
|
header: header,
|
6315
6346
|
key: header.id || index,
|
6316
|
-
|
6347
|
+
table: table
|
6317
6348
|
});
|
6318
6349
|
}));
|
6319
6350
|
};
|
6320
6351
|
|
6321
6352
|
var MRT_TableHead = function MRT_TableHead(_ref) {
|
6322
|
-
var
|
6323
|
-
var getHeaderGroups =
|
6324
|
-
muiTableHeadProps =
|
6353
|
+
var table = _ref.table;
|
6354
|
+
var getHeaderGroups = table.getHeaderGroups,
|
6355
|
+
muiTableHeadProps = table.options.muiTableHeadProps;
|
6325
6356
|
var tableHeadProps = muiTableHeadProps instanceof Function ? muiTableHeadProps({
|
6326
|
-
|
6357
|
+
table: table
|
6327
6358
|
}) : muiTableHeadProps;
|
6328
6359
|
return React__default.createElement(material.TableHead, Object.assign({}, tableHeadProps), getHeaderGroups().map(function (headerGroup) {
|
6329
6360
|
return React__default.createElement(MRT_TableHeadRow, {
|
6330
6361
|
headerGroup: headerGroup,
|
6331
6362
|
key: headerGroup.id,
|
6332
|
-
|
6363
|
+
table: table
|
6333
6364
|
});
|
6334
6365
|
}));
|
6335
6366
|
};
|
@@ -6828,36 +6859,35 @@ function calculateRange(_ref4) {
|
|
6828
6859
|
|
6829
6860
|
var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
|
6830
6861
|
var cell = _ref.cell,
|
6831
|
-
|
6832
|
-
var getState =
|
6833
|
-
|
6834
|
-
tableId =
|
6835
|
-
enableEditing =
|
6836
|
-
muiTableBodyCellEditTextFieldProps =
|
6837
|
-
onCellEditBlur =
|
6838
|
-
onCellEditChange =
|
6839
|
-
setCurrentEditingCell =
|
6840
|
-
setCurrentEditingRow =
|
6862
|
+
table = _ref.table;
|
6863
|
+
var getState = table.getState,
|
6864
|
+
_table$options = table.options,
|
6865
|
+
tableId = _table$options.tableId,
|
6866
|
+
enableEditing = _table$options.enableEditing,
|
6867
|
+
muiTableBodyCellEditTextFieldProps = _table$options.muiTableBodyCellEditTextFieldProps,
|
6868
|
+
onCellEditBlur = _table$options.onCellEditBlur,
|
6869
|
+
onCellEditChange = _table$options.onCellEditChange,
|
6870
|
+
setCurrentEditingCell = table.setCurrentEditingCell,
|
6871
|
+
setCurrentEditingRow = table.setCurrentEditingRow;
|
6872
|
+
var column = cell.column,
|
6873
|
+
row = cell.row;
|
6874
|
+
var columnDef = column.columnDef;
|
6841
6875
|
|
6842
6876
|
var _useState = React.useState(cell.getValue()),
|
6843
6877
|
value = _useState[0],
|
6844
6878
|
setValue = _useState[1];
|
6845
6879
|
|
6846
|
-
var column = cell.column,
|
6847
|
-
row = cell.row;
|
6848
|
-
var columnDef = column.columnDef;
|
6849
|
-
|
6850
6880
|
var handleChange = function handleChange(event) {
|
6851
6881
|
setValue(event.target.value);
|
6852
6882
|
columnDef.onCellEditChange == null ? void 0 : columnDef.onCellEditChange({
|
6853
6883
|
event: event,
|
6854
6884
|
cell: cell,
|
6855
|
-
|
6885
|
+
table: table
|
6856
6886
|
});
|
6857
6887
|
onCellEditChange == null ? void 0 : onCellEditChange({
|
6858
6888
|
event: event,
|
6859
6889
|
cell: cell,
|
6860
|
-
|
6890
|
+
table: table
|
6861
6891
|
});
|
6862
6892
|
};
|
6863
6893
|
|
@@ -6872,22 +6902,22 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
|
|
6872
6902
|
columnDef.onCellEditBlur == null ? void 0 : columnDef.onCellEditBlur({
|
6873
6903
|
event: event,
|
6874
6904
|
cell: cell,
|
6875
|
-
|
6905
|
+
table: table
|
6876
6906
|
});
|
6877
6907
|
onCellEditBlur == null ? void 0 : onCellEditBlur({
|
6878
6908
|
event: event,
|
6879
6909
|
cell: cell,
|
6880
|
-
|
6910
|
+
table: table
|
6881
6911
|
});
|
6882
6912
|
};
|
6883
6913
|
|
6884
6914
|
var mTableBodyCellEditTextFieldProps = muiTableBodyCellEditTextFieldProps instanceof Function ? muiTableBodyCellEditTextFieldProps({
|
6885
6915
|
cell: cell,
|
6886
|
-
|
6916
|
+
table: table
|
6887
6917
|
}) : muiTableBodyCellEditTextFieldProps;
|
6888
6918
|
var mcTableBodyCellEditTextFieldProps = columnDef.muiTableBodyCellEditTextFieldProps instanceof Function ? columnDef.muiTableBodyCellEditTextFieldProps({
|
6889
6919
|
cell: cell,
|
6890
|
-
|
6920
|
+
table: table
|
6891
6921
|
}) : columnDef.muiTableBodyCellEditTextFieldProps;
|
6892
6922
|
|
6893
6923
|
var textFieldProps = _extends({}, mTableBodyCellEditTextFieldProps, mcTableBodyCellEditTextFieldProps);
|
@@ -6895,7 +6925,7 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
|
|
6895
6925
|
if (enableEditing && columnDef.enableEditing !== false && columnDef.Edit) {
|
6896
6926
|
return React__default.createElement(React__default.Fragment, null, columnDef.Edit == null ? void 0 : columnDef.Edit({
|
6897
6927
|
cell: cell,
|
6898
|
-
|
6928
|
+
table: table
|
6899
6929
|
}));
|
6900
6930
|
}
|
6901
6931
|
|
@@ -6916,10 +6946,10 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
|
|
6916
6946
|
var MRT_CopyButton = function MRT_CopyButton(_ref) {
|
6917
6947
|
var cell = _ref.cell,
|
6918
6948
|
children = _ref.children,
|
6919
|
-
|
6920
|
-
var
|
6921
|
-
localization =
|
6922
|
-
muiTableBodyCellCopyButtonProps =
|
6949
|
+
table = _ref.table;
|
6950
|
+
var _table$options = table.options,
|
6951
|
+
localization = _table$options.localization,
|
6952
|
+
muiTableBodyCellCopyButtonProps = _table$options.muiTableBodyCellCopyButtonProps;
|
6923
6953
|
var column = cell.column;
|
6924
6954
|
var columnDef = column.columnDef;
|
6925
6955
|
|
@@ -6937,11 +6967,11 @@ var MRT_CopyButton = function MRT_CopyButton(_ref) {
|
|
6937
6967
|
|
6938
6968
|
var mTableBodyCellCopyButtonProps = muiTableBodyCellCopyButtonProps instanceof Function ? muiTableBodyCellCopyButtonProps({
|
6939
6969
|
cell: cell,
|
6940
|
-
|
6970
|
+
table: table
|
6941
6971
|
}) : muiTableBodyCellCopyButtonProps;
|
6942
6972
|
var mcTableBodyCellCopyButtonProps = columnDef.muiTableBodyCellCopyButtonProps instanceof Function ? columnDef.muiTableBodyCellCopyButtonProps({
|
6943
6973
|
cell: cell,
|
6944
|
-
|
6974
|
+
table: table
|
6945
6975
|
}) : columnDef.muiTableBodyCellCopyButtonProps;
|
6946
6976
|
|
6947
6977
|
var buttonProps = _extends({}, mTableBodyCellCopyButtonProps, mcTableBodyCellCopyButtonProps);
|
@@ -6978,25 +7008,25 @@ var MRT_CopyButton = function MRT_CopyButton(_ref) {
|
|
6978
7008
|
};
|
6979
7009
|
|
6980
7010
|
var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
6981
|
-
var _columnDef$
|
7011
|
+
var _columnDef$Cell, _row$subRows, _columnDef$Cell2, _row$subRows$length, _row$subRows2;
|
6982
7012
|
|
6983
7013
|
var cell = _ref.cell,
|
6984
7014
|
enableHover = _ref.enableHover,
|
6985
7015
|
rowIndex = _ref.rowIndex,
|
6986
|
-
|
6987
|
-
var getState =
|
6988
|
-
|
6989
|
-
editingMode =
|
6990
|
-
enableClickToCopy =
|
6991
|
-
enableColumnOrdering =
|
6992
|
-
enableEditing =
|
6993
|
-
enableRowNumbers =
|
6994
|
-
muiTableBodyCellProps =
|
6995
|
-
muiTableBodyCellSkeletonProps =
|
6996
|
-
rowNumberMode =
|
6997
|
-
tableId =
|
6998
|
-
setColumnOrder =
|
6999
|
-
setCurrentEditingCell =
|
7016
|
+
table = _ref.table;
|
7017
|
+
var getState = table.getState,
|
7018
|
+
_table$options = table.options,
|
7019
|
+
editingMode = _table$options.editingMode,
|
7020
|
+
enableClickToCopy = _table$options.enableClickToCopy,
|
7021
|
+
enableColumnOrdering = _table$options.enableColumnOrdering,
|
7022
|
+
enableEditing = _table$options.enableEditing,
|
7023
|
+
enableRowNumbers = _table$options.enableRowNumbers,
|
7024
|
+
muiTableBodyCellProps = _table$options.muiTableBodyCellProps,
|
7025
|
+
muiTableBodyCellSkeletonProps = _table$options.muiTableBodyCellSkeletonProps,
|
7026
|
+
rowNumberMode = _table$options.rowNumberMode,
|
7027
|
+
tableId = _table$options.tableId,
|
7028
|
+
setColumnOrder = table.setColumnOrder,
|
7029
|
+
setCurrentEditingCell = table.setCurrentEditingCell;
|
7000
7030
|
|
7001
7031
|
var _getState = getState(),
|
7002
7032
|
columnOrder = _getState.columnOrder,
|
@@ -7008,8 +7038,8 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
|
7008
7038
|
|
7009
7039
|
var column = cell.column,
|
7010
7040
|
row = cell.row;
|
7011
|
-
var columnDef = column.columnDef
|
7012
|
-
|
7041
|
+
var columnDef = column.columnDef;
|
7042
|
+
var columnDefType = columnDef.columnDefType;
|
7013
7043
|
|
7014
7044
|
var _useDrop = useDrop({
|
7015
7045
|
accept: 'column',
|
@@ -7022,18 +7052,18 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
|
7022
7052
|
|
7023
7053
|
var mTableCellBodyProps = muiTableBodyCellProps instanceof Function ? muiTableBodyCellProps({
|
7024
7054
|
cell: cell,
|
7025
|
-
|
7055
|
+
table: table
|
7026
7056
|
}) : muiTableBodyCellProps;
|
7027
7057
|
var mcTableCellBodyProps = columnDef.muiTableBodyCellProps instanceof Function ? columnDef.muiTableBodyCellProps({
|
7028
7058
|
cell: cell,
|
7029
|
-
|
7059
|
+
table: table
|
7030
7060
|
}) : columnDef.muiTableBodyCellProps;
|
7031
7061
|
|
7032
7062
|
var tableCellProps = _extends({}, mTableCellBodyProps, mcTableCellBodyProps);
|
7033
7063
|
|
7034
7064
|
var skeletonWidth = React.useMemo(function () {
|
7035
7065
|
return columnDefType === 'display' ? column.getSize() / 2 : Math.random() * (column.getSize() - column.getSize() / 3) + column.getSize() / 3;
|
7036
|
-
}, [
|
7066
|
+
}, []);
|
7037
7067
|
var isEditable = (enableEditing || columnDef.enableEditing) && columnDef.enableEditing !== false;
|
7038
7068
|
var isEditing = isEditable && (editingMode === 'table' || (currentEditingRow == null ? void 0 : currentEditingRow.id) === row.id || (currentEditingCell == null ? void 0 : currentEditingCell.id) === cell.id);
|
7039
7069
|
|
@@ -7052,7 +7082,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
|
7052
7082
|
};
|
7053
7083
|
|
7054
7084
|
var getIsLastLeftPinnedColumn = function getIsLastLeftPinnedColumn() {
|
7055
|
-
return column.getIsPinned() === 'left' &&
|
7085
|
+
return column.getIsPinned() === 'left' && table.getLeftLeafHeaders().length - 1 === column.getPinnedIndex();
|
7056
7086
|
};
|
7057
7087
|
|
7058
7088
|
var getIsFirstRightPinnedColumn = function getIsFirstRightPinnedColumn() {
|
@@ -7060,7 +7090,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
|
7060
7090
|
};
|
7061
7091
|
|
7062
7092
|
var getTotalRight = function getTotalRight() {
|
7063
|
-
return (
|
7093
|
+
return (table.getRightLeafHeaders().length - 1 - column.getPinnedIndex()) * 150;
|
7064
7094
|
};
|
7065
7095
|
|
7066
7096
|
return React__default.createElement(material.TableCell, Object.assign({
|
@@ -7093,46 +7123,43 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
|
7093
7123
|
width: column.getSize()
|
7094
7124
|
});
|
7095
7125
|
}
|
7096
|
-
}), React__default.createElement(React__default.Fragment, null, isLoading || showSkeletons ? React__default.createElement(material.Skeleton, Object.assign({
|
7126
|
+
}), React__default.createElement(React__default.Fragment, null, cell.getIsPlaceholder() ? null : isLoading || showSkeletons ? React__default.createElement(material.Skeleton, Object.assign({
|
7097
7127
|
animation: "wave",
|
7098
7128
|
height: 20,
|
7099
7129
|
width: skeletonWidth
|
7100
7130
|
}, muiTableBodyCellSkeletonProps)) : enableRowNumbers && rowNumberMode === 'static' && column.id === 'mrt-row-numbers' ? rowIndex + 1 : columnDefType === 'display' ? columnDef.Cell == null ? void 0 : columnDef.Cell({
|
7101
7131
|
cell: cell,
|
7102
|
-
|
7103
|
-
}) :
|
7132
|
+
table: table
|
7133
|
+
}) : isEditing ? React__default.createElement(MRT_EditCellTextField, {
|
7104
7134
|
cell: cell,
|
7105
|
-
|
7106
|
-
})) != null ? _columnDef$Aggregated : cell.renderAggregatedCell() : isEditing ? React__default.createElement(MRT_EditCellTextField, {
|
7107
|
-
cell: cell,
|
7108
|
-
instance: instance
|
7135
|
+
table: table
|
7109
7136
|
}) : (enableClickToCopy || columnDef.enableClickToCopy) && columnDef.enableClickToCopy !== false ? React__default.createElement(React__default.Fragment, null, React__default.createElement(MRT_CopyButton, {
|
7110
7137
|
cell: cell,
|
7111
|
-
|
7138
|
+
table: table
|
7112
7139
|
}, React__default.createElement(React__default.Fragment, null, (_columnDef$Cell = columnDef == null ? void 0 : columnDef.Cell == null ? void 0 : columnDef.Cell({
|
7113
7140
|
cell: cell,
|
7114
|
-
|
7115
|
-
})) != null ? _columnDef$Cell : cell.
|
7141
|
+
table: table
|
7142
|
+
})) != null ? _columnDef$Cell : cell.renderValue())), cell.getIsGrouped() && React__default.createElement(React__default.Fragment, null, " (", (_row$subRows = row.subRows) == null ? void 0 : _row$subRows.length, ")")) : React__default.createElement(React__default.Fragment, null, (_columnDef$Cell2 = columnDef == null ? void 0 : columnDef.Cell == null ? void 0 : columnDef.Cell({
|
7116
7143
|
cell: cell,
|
7117
|
-
|
7118
|
-
})) != null ? _columnDef$Cell2 : cell.
|
7144
|
+
table: table
|
7145
|
+
})) != null ? _columnDef$Cell2 : cell.renderValue(), cell.getIsGrouped() && React__default.createElement(React__default.Fragment, null, " (", (_row$subRows$length = (_row$subRows2 = row.subRows) == null ? void 0 : _row$subRows2.length) != null ? _row$subRows$length : '', ")"))));
|
7119
7146
|
};
|
7120
7147
|
|
7121
7148
|
var MRT_TableDetailPanel = function MRT_TableDetailPanel(_ref) {
|
7122
7149
|
var row = _ref.row,
|
7123
|
-
|
7124
|
-
var getVisibleLeafColumns =
|
7125
|
-
|
7126
|
-
muiTableBodyRowProps =
|
7127
|
-
muiTableDetailPanelProps =
|
7128
|
-
renderDetailPanel =
|
7150
|
+
table = _ref.table;
|
7151
|
+
var getVisibleLeafColumns = table.getVisibleLeafColumns,
|
7152
|
+
_table$options = table.options,
|
7153
|
+
muiTableBodyRowProps = _table$options.muiTableBodyRowProps,
|
7154
|
+
muiTableDetailPanelProps = _table$options.muiTableDetailPanelProps,
|
7155
|
+
renderDetailPanel = _table$options.renderDetailPanel;
|
7129
7156
|
var tableRowProps = muiTableBodyRowProps instanceof Function ? muiTableBodyRowProps({
|
7130
7157
|
row: row,
|
7131
|
-
|
7158
|
+
table: table
|
7132
7159
|
}) : muiTableBodyRowProps;
|
7133
7160
|
var tableCellProps = muiTableDetailPanelProps instanceof Function ? muiTableDetailPanelProps({
|
7134
7161
|
row: row,
|
7135
|
-
|
7162
|
+
table: table
|
7136
7163
|
}) : muiTableDetailPanelProps;
|
7137
7164
|
return React__default.createElement(material.TableRow, Object.assign({}, tableRowProps), React__default.createElement(material.TableCell, Object.assign({
|
7138
7165
|
colSpan: getVisibleLeafColumns().length
|
@@ -7142,27 +7169,29 @@ var MRT_TableDetailPanel = function MRT_TableDetailPanel(_ref) {
|
|
7142
7169
|
pb: row.getIsExpanded() ? '1rem' : 0,
|
7143
7170
|
pt: row.getIsExpanded() ? '1rem' : 0,
|
7144
7171
|
transition: 'all 0.2s ease-in-out',
|
7145
|
-
width:
|
7172
|
+
width: table.getTotalSize() + "px"
|
7146
7173
|
}, tableCellProps == null ? void 0 : tableCellProps.sx)
|
7147
7174
|
}), renderDetailPanel && React__default.createElement(material.Collapse, {
|
7148
7175
|
"in": row.getIsExpanded()
|
7149
7176
|
}, renderDetailPanel({
|
7150
7177
|
row: row,
|
7151
|
-
|
7178
|
+
table: table
|
7152
7179
|
}))));
|
7153
7180
|
};
|
7154
7181
|
|
7155
7182
|
var MRT_TableBodyRow = function MRT_TableBodyRow(_ref) {
|
7183
|
+
var _row$getVisibleCells;
|
7184
|
+
|
7156
7185
|
var row = _ref.row,
|
7157
7186
|
rowIndex = _ref.rowIndex,
|
7158
|
-
|
7159
|
-
var getIsSomeColumnsPinned =
|
7160
|
-
|
7161
|
-
muiTableBodyRowProps =
|
7162
|
-
renderDetailPanel =
|
7187
|
+
table = _ref.table;
|
7188
|
+
var getIsSomeColumnsPinned = table.getIsSomeColumnsPinned,
|
7189
|
+
_table$options = table.options,
|
7190
|
+
muiTableBodyRowProps = _table$options.muiTableBodyRowProps,
|
7191
|
+
renderDetailPanel = _table$options.renderDetailPanel;
|
7163
7192
|
var tableRowProps = muiTableBodyRowProps instanceof Function ? muiTableBodyRowProps({
|
7164
7193
|
row: row,
|
7165
|
-
|
7194
|
+
table: table
|
7166
7195
|
}) : muiTableBodyRowProps;
|
7167
7196
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(material.TableRow, Object.assign({
|
7168
7197
|
hover: true,
|
@@ -7177,54 +7206,32 @@ var MRT_TableBodyRow = function MRT_TableBodyRow(_ref) {
|
|
7177
7206
|
}
|
7178
7207
|
}, tableRowProps == null ? void 0 : tableRowProps.sx);
|
7179
7208
|
}
|
7180
|
-
}), row.getVisibleCells().map(function (cell) {
|
7209
|
+
}), row == null ? void 0 : (_row$getVisibleCells = row.getVisibleCells()) == null ? void 0 : _row$getVisibleCells.map == null ? void 0 : _row$getVisibleCells.map(function (cell) {
|
7181
7210
|
return React__default.createElement(MRT_TableBodyCell, {
|
7182
7211
|
cell: cell,
|
7183
7212
|
key: cell.id,
|
7184
7213
|
enableHover: (tableRowProps == null ? void 0 : tableRowProps.hover) !== false,
|
7185
7214
|
rowIndex: rowIndex,
|
7186
|
-
|
7215
|
+
table: table
|
7187
7216
|
});
|
7188
7217
|
})), renderDetailPanel && !row.getIsGrouped() && React__default.createElement(MRT_TableDetailPanel, {
|
7189
7218
|
row: row,
|
7190
|
-
|
7191
|
-
}));
|
7192
|
-
};
|
7193
|
-
|
7194
|
-
var fuzzy$1 = function fuzzy(rowA, rowB, columnId) {
|
7195
|
-
var dir = 0;
|
7196
|
-
|
7197
|
-
if (rowA.columnFiltersMeta[columnId]) {
|
7198
|
-
dir = matchSorterUtils.compareItems(rowA.columnFiltersMeta[columnId], rowB.columnFiltersMeta[columnId]);
|
7199
|
-
} // Provide a fallback for when the item ranks are equal
|
7200
|
-
|
7201
|
-
|
7202
|
-
return dir === 0 ? reactTable.sortingFns.alphanumeric(rowA, rowB, columnId) : dir;
|
7203
|
-
};
|
7204
|
-
|
7205
|
-
var MRT_SortingFns = {
|
7206
|
-
fuzzy: fuzzy$1
|
7207
|
-
};
|
7208
|
-
var rankGlobalFuzzy = function rankGlobalFuzzy(rowA, rowB) {
|
7209
|
-
return Math.max.apply(Math, Object.values(rowB.columnFiltersMeta).map(function (v) {
|
7210
|
-
return v.rank;
|
7211
|
-
})) - Math.max.apply(Math, Object.values(rowA.columnFiltersMeta).map(function (v) {
|
7212
|
-
return v.rank;
|
7219
|
+
table: table
|
7213
7220
|
}));
|
7214
7221
|
};
|
7215
7222
|
|
7216
7223
|
var MRT_TableBody = function MRT_TableBody(_ref) {
|
7217
|
-
var
|
7224
|
+
var table = _ref.table,
|
7218
7225
|
tableContainerRef = _ref.tableContainerRef;
|
7219
|
-
var getRowModel =
|
7220
|
-
getPrePaginationRowModel =
|
7221
|
-
getState =
|
7222
|
-
|
7223
|
-
enableGlobalFilterRankedResults =
|
7224
|
-
enablePagination =
|
7225
|
-
enableRowVirtualization =
|
7226
|
-
muiTableBodyProps =
|
7227
|
-
virtualizerProps =
|
7226
|
+
var getRowModel = table.getRowModel,
|
7227
|
+
getPrePaginationRowModel = table.getPrePaginationRowModel,
|
7228
|
+
getState = table.getState,
|
7229
|
+
_table$options = table.options,
|
7230
|
+
enableGlobalFilterRankedResults = _table$options.enableGlobalFilterRankedResults,
|
7231
|
+
enablePagination = _table$options.enablePagination,
|
7232
|
+
enableRowVirtualization = _table$options.enableRowVirtualization,
|
7233
|
+
muiTableBodyProps = _table$options.muiTableBodyProps,
|
7234
|
+
virtualizerProps = _table$options.virtualizerProps;
|
7228
7235
|
|
7229
7236
|
var _getState = getState(),
|
7230
7237
|
density = _getState.density,
|
@@ -7233,7 +7240,7 @@ var MRT_TableBody = function MRT_TableBody(_ref) {
|
|
7233
7240
|
sorting = _getState.sorting;
|
7234
7241
|
|
7235
7242
|
var tableBodyProps = muiTableBodyProps instanceof Function ? muiTableBodyProps({
|
7236
|
-
|
7243
|
+
table: table
|
7237
7244
|
}) : muiTableBodyProps;
|
7238
7245
|
|
7239
7246
|
var getIsSomeColumnsSorted = function getIsSomeColumnsSorted() {
|
@@ -7273,7 +7280,7 @@ var MRT_TableBody = function MRT_TableBody(_ref) {
|
|
7273
7280
|
key: row.id,
|
7274
7281
|
row: row,
|
7275
7282
|
rowIndex: enableRowVirtualization ? rowOrVirtualRow.index : rowIndex,
|
7276
|
-
|
7283
|
+
table: table
|
7277
7284
|
});
|
7278
7285
|
}), enableRowVirtualization && paddingBottom > 0 && React__default.createElement("tr", null, React__default.createElement("td", {
|
7279
7286
|
style: {
|
@@ -7283,28 +7290,28 @@ var MRT_TableBody = function MRT_TableBody(_ref) {
|
|
7283
7290
|
};
|
7284
7291
|
|
7285
7292
|
var MRT_TableFooterCell = function MRT_TableFooterCell(_ref) {
|
7286
|
-
var _ref2, _ref3
|
7293
|
+
var _ref2, _ref3;
|
7287
7294
|
|
7288
7295
|
var footer = _ref.footer,
|
7289
|
-
|
7290
|
-
var getState =
|
7291
|
-
|
7292
|
-
muiTableFooterCellProps =
|
7293
|
-
enableColumnResizing =
|
7296
|
+
table = _ref.table;
|
7297
|
+
var getState = table.getState,
|
7298
|
+
_table$options = table.options,
|
7299
|
+
muiTableFooterCellProps = _table$options.muiTableFooterCellProps,
|
7300
|
+
enableColumnResizing = _table$options.enableColumnResizing;
|
7294
7301
|
|
7295
7302
|
var _getState = getState(),
|
7296
7303
|
density = _getState.density;
|
7297
7304
|
|
7298
7305
|
var column = footer.column;
|
7299
|
-
var columnDef = column.columnDef
|
7300
|
-
|
7306
|
+
var columnDef = column.columnDef;
|
7307
|
+
var columnDefType = columnDef.columnDefType;
|
7301
7308
|
var mTableFooterCellProps = muiTableFooterCellProps instanceof Function ? muiTableFooterCellProps({
|
7302
7309
|
column: column,
|
7303
|
-
|
7310
|
+
table: table
|
7304
7311
|
}) : muiTableFooterCellProps;
|
7305
7312
|
var mcTableFooterCellProps = columnDef.muiTableFooterCellProps instanceof Function ? columnDef.muiTableFooterCellProps({
|
7306
7313
|
column: column,
|
7307
|
-
|
7314
|
+
table: table
|
7308
7315
|
}) : columnDef.muiTableFooterCellProps;
|
7309
7316
|
|
7310
7317
|
var tableCellProps = _extends({}, mTableFooterCellProps, mcTableFooterCellProps);
|
@@ -7327,68 +7334,68 @@ var MRT_TableFooterCell = function MRT_TableFooterCell(_ref) {
|
|
7327
7334
|
verticalAlign: 'text-top'
|
7328
7335
|
}, tableCellProps == null ? void 0 : tableCellProps.sx);
|
7329
7336
|
}
|
7330
|
-
}), React__default.createElement(React__default.Fragment, null, footer.isPlaceholder ? null : (_ref2 = (_ref3 =
|
7337
|
+
}), React__default.createElement(React__default.Fragment, null, footer.isPlaceholder ? null : (_ref2 = (_ref3 = columnDef.Footer instanceof Function ? columnDef.Footer == null ? void 0 : columnDef.Footer({
|
7331
7338
|
footer: footer,
|
7332
|
-
|
7333
|
-
}) : columnDef.Footer) != null ?
|
7339
|
+
table: table
|
7340
|
+
}) : columnDef.Footer) != null ? _ref3 : columnDef.footer) != null ? _ref2 : null));
|
7334
7341
|
};
|
7335
7342
|
|
7336
7343
|
var MRT_TableFooterRow = function MRT_TableFooterRow(_ref) {
|
7337
7344
|
var _footerGroup$headers;
|
7338
7345
|
|
7339
7346
|
var footerGroup = _ref.footerGroup,
|
7340
|
-
|
7341
|
-
var muiTableFooterRowProps =
|
7347
|
+
table = _ref.table;
|
7348
|
+
var muiTableFooterRowProps = table.options.muiTableFooterRowProps; // if no content in row, skip row
|
7342
7349
|
|
7343
7350
|
if (!((_footerGroup$headers = footerGroup.headers) != null && _footerGroup$headers.some(function (header) {
|
7344
7351
|
return typeof header.column.columnDef.footer === 'string' && !!header.column.columnDef.footer || header.column.columnDef.Footer;
|
7345
7352
|
}))) return null;
|
7346
7353
|
var tableRowProps = muiTableFooterRowProps instanceof Function ? muiTableFooterRowProps({
|
7347
7354
|
footerGroup: footerGroup,
|
7348
|
-
|
7355
|
+
table: table
|
7349
7356
|
}) : muiTableFooterRowProps;
|
7350
7357
|
return React__default.createElement(material.TableRow, Object.assign({}, tableRowProps), footerGroup.headers.map(function (footer) {
|
7351
7358
|
return React__default.createElement(MRT_TableFooterCell, {
|
7352
7359
|
footer: footer,
|
7353
7360
|
key: footer.id,
|
7354
|
-
|
7361
|
+
table: table
|
7355
7362
|
});
|
7356
7363
|
}));
|
7357
7364
|
};
|
7358
7365
|
|
7359
7366
|
var MRT_TableFooter = function MRT_TableFooter(_ref) {
|
7360
|
-
var
|
7361
|
-
var getFooterGroups =
|
7362
|
-
muiTableFooterProps =
|
7367
|
+
var table = _ref.table;
|
7368
|
+
var getFooterGroups = table.getFooterGroups,
|
7369
|
+
muiTableFooterProps = table.options.muiTableFooterProps;
|
7363
7370
|
var tableFooterProps = muiTableFooterProps instanceof Function ? muiTableFooterProps({
|
7364
|
-
|
7371
|
+
table: table
|
7365
7372
|
}) : muiTableFooterProps;
|
7366
7373
|
return React__default.createElement(material.TableFooter, Object.assign({}, tableFooterProps), getFooterGroups().map(function (footerGroup) {
|
7367
7374
|
return React__default.createElement(MRT_TableFooterRow, {
|
7368
7375
|
footerGroup: footerGroup,
|
7369
7376
|
key: footerGroup.id,
|
7370
|
-
|
7377
|
+
table: table
|
7371
7378
|
});
|
7372
7379
|
}));
|
7373
7380
|
};
|
7374
7381
|
|
7375
7382
|
var MRT_Table = function MRT_Table(_ref) {
|
7376
7383
|
var tableContainerRef = _ref.tableContainerRef,
|
7377
|
-
|
7378
|
-
var getState =
|
7379
|
-
|
7380
|
-
enableColumnResizing =
|
7381
|
-
enableRowVirtualization =
|
7382
|
-
enableStickyHeader =
|
7383
|
-
enableTableFooter =
|
7384
|
-
enableTableHead =
|
7385
|
-
muiTableProps =
|
7384
|
+
table = _ref.table;
|
7385
|
+
var getState = table.getState,
|
7386
|
+
_table$options = table.options,
|
7387
|
+
enableColumnResizing = _table$options.enableColumnResizing,
|
7388
|
+
enableRowVirtualization = _table$options.enableRowVirtualization,
|
7389
|
+
enableStickyHeader = _table$options.enableStickyHeader,
|
7390
|
+
enableTableFooter = _table$options.enableTableFooter,
|
7391
|
+
enableTableHead = _table$options.enableTableHead,
|
7392
|
+
muiTableProps = _table$options.muiTableProps;
|
7386
7393
|
|
7387
7394
|
var _getState = getState(),
|
7388
7395
|
isFullScreen = _getState.isFullScreen;
|
7389
7396
|
|
7390
7397
|
var tableProps = muiTableProps instanceof Function ? muiTableProps({
|
7391
|
-
|
7398
|
+
table: table
|
7392
7399
|
}) : muiTableProps;
|
7393
7400
|
return React__default.createElement(material.Table, Object.assign({
|
7394
7401
|
stickyHeader: enableStickyHeader || enableRowVirtualization || isFullScreen
|
@@ -7397,24 +7404,24 @@ var MRT_Table = function MRT_Table(_ref) {
|
|
7397
7404
|
tableLayout: enableColumnResizing || enableRowVirtualization ? 'fixed' : 'auto'
|
7398
7405
|
}, tableProps == null ? void 0 : tableProps.sx)
|
7399
7406
|
}), enableTableHead && React__default.createElement(MRT_TableHead, {
|
7400
|
-
|
7407
|
+
table: table
|
7401
7408
|
}), React__default.createElement(MRT_TableBody, {
|
7402
7409
|
tableContainerRef: tableContainerRef,
|
7403
|
-
|
7410
|
+
table: table
|
7404
7411
|
}), enableTableFooter && React__default.createElement(MRT_TableFooter, {
|
7405
|
-
|
7412
|
+
table: table
|
7406
7413
|
}));
|
7407
7414
|
};
|
7408
7415
|
|
7409
7416
|
var useIsomorphicLayoutEffect$2 = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
|
7410
7417
|
var MRT_TableContainer = function MRT_TableContainer(_ref) {
|
7411
|
-
var
|
7412
|
-
var getState =
|
7413
|
-
|
7414
|
-
enableStickyHeader =
|
7415
|
-
enableRowVirtualization =
|
7416
|
-
muiTableContainerProps =
|
7417
|
-
tableId =
|
7418
|
+
var table = _ref.table;
|
7419
|
+
var getState = table.getState,
|
7420
|
+
_table$options = table.options,
|
7421
|
+
enableStickyHeader = _table$options.enableStickyHeader,
|
7422
|
+
enableRowVirtualization = _table$options.enableRowVirtualization,
|
7423
|
+
muiTableContainerProps = _table$options.muiTableContainerProps,
|
7424
|
+
tableId = _table$options.tableId;
|
7418
7425
|
|
7419
7426
|
var _getState = getState(),
|
7420
7427
|
isFullScreen = _getState.isFullScreen;
|
@@ -7424,7 +7431,7 @@ var MRT_TableContainer = function MRT_TableContainer(_ref) {
|
|
7424
7431
|
setTotalToolbarHeight = _useState[1];
|
7425
7432
|
|
7426
7433
|
var tableContainerProps = muiTableContainerProps instanceof Function ? muiTableContainerProps({
|
7427
|
-
|
7434
|
+
table: table
|
7428
7435
|
}) : muiTableContainerProps;
|
7429
7436
|
useIsomorphicLayoutEffect$2(function () {
|
7430
7437
|
var _document$getElementB, _document, _document$getElementB2, _document$getElementB3, _document2, _document2$getElement;
|
@@ -7446,17 +7453,17 @@ var MRT_TableContainer = function MRT_TableContainer(_ref) {
|
|
7446
7453
|
}, tableContainerProps == null ? void 0 : tableContainerProps.style)
|
7447
7454
|
}), React__default.createElement(MRT_Table, {
|
7448
7455
|
tableContainerRef: tableContainerRef,
|
7449
|
-
|
7456
|
+
table: table
|
7450
7457
|
}));
|
7451
7458
|
};
|
7452
7459
|
|
7453
7460
|
var MRT_TablePaper = function MRT_TablePaper(_ref) {
|
7454
|
-
var
|
7455
|
-
var getState =
|
7456
|
-
|
7457
|
-
enableToolbarBottom =
|
7458
|
-
enableToolbarTop =
|
7459
|
-
muiTablePaperProps =
|
7461
|
+
var table = _ref.table;
|
7462
|
+
var getState = table.getState,
|
7463
|
+
_table$options = table.options,
|
7464
|
+
enableToolbarBottom = _table$options.enableToolbarBottom,
|
7465
|
+
enableToolbarTop = _table$options.enableToolbarTop,
|
7466
|
+
muiTablePaperProps = _table$options.muiTablePaperProps;
|
7460
7467
|
|
7461
7468
|
var _getState = getState(),
|
7462
7469
|
isFullScreen = _getState.isFullScreen;
|
@@ -7471,7 +7478,7 @@ var MRT_TablePaper = function MRT_TablePaper(_ref) {
|
|
7471
7478
|
}
|
7472
7479
|
}, [isFullScreen]);
|
7473
7480
|
var tablePaperProps = muiTablePaperProps instanceof Function ? muiTablePaperProps({
|
7474
|
-
|
7481
|
+
table: table
|
7475
7482
|
}) : muiTablePaperProps;
|
7476
7483
|
return React__default.createElement(DndProvider, {
|
7477
7484
|
backend: HTML5Backend
|
@@ -7490,16 +7497,16 @@ var MRT_TablePaper = function MRT_TablePaper(_ref) {
|
|
7490
7497
|
width: isFullScreen ? '100vw' : undefined
|
7491
7498
|
})
|
7492
7499
|
}), enableToolbarTop && React__default.createElement(MRT_ToolbarTop, {
|
7493
|
-
|
7500
|
+
table: table
|
7494
7501
|
}), React__default.createElement(MRT_TableContainer, {
|
7495
|
-
|
7502
|
+
table: table
|
7496
7503
|
}), enableToolbarBottom && React__default.createElement(MRT_ToolbarBottom, {
|
7497
|
-
|
7504
|
+
table: table
|
7498
7505
|
})));
|
7499
7506
|
};
|
7500
7507
|
|
7501
7508
|
var MRT_TableRoot = function MRT_TableRoot(props) {
|
7502
|
-
var _initialState$columnO, _initialState$current, _initialState$current2, _initialState$density, _initialState$isFullS, _props$initialState$s, _props$initialState2, _initialState$showFil, _initialState$showGlo, _props$
|
7509
|
+
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;
|
7503
7510
|
|
7504
7511
|
var _useState = React.useState(props.tableId),
|
7505
7512
|
tableId = _useState[0],
|
@@ -7551,90 +7558,78 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
|
|
7551
7558
|
setShowGlobalFilter = _useState9[1];
|
7552
7559
|
|
7553
7560
|
var _useState10 = React.useState(function () {
|
7554
|
-
return Object.assign.apply(Object, [{}].concat(getAllLeafColumnDefs(props.columns).map(function (
|
7555
|
-
var _ref,
|
7561
|
+
return Object.assign.apply(Object, [{}].concat(getAllLeafColumnDefs(props.columns).map(function (col) {
|
7562
|
+
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;
|
7556
7563
|
|
7557
|
-
return
|
7564
|
+
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;
|
7558
7565
|
})));
|
7559
7566
|
}),
|
7560
7567
|
currentFilterFns = _useState10[0],
|
7561
7568
|
setCurrentFilterFns = _useState10[1];
|
7562
7569
|
|
7563
|
-
var _useState11 = React.useState(
|
7570
|
+
var _useState11 = React.useState(props.globalFilterFn instanceof String ? props.globalFilterFn : 'fuzzy'),
|
7564
7571
|
currentGlobalFilterFn = _useState11[0],
|
7565
7572
|
setCurrentGlobalFilterFn = _useState11[1];
|
7566
7573
|
|
7567
|
-
var table = React.useMemo(function () {
|
7568
|
-
return (// @ts-ignore
|
7569
|
-
reactTable.createTable().setOptions({
|
7570
|
-
filterFns: _extends({}, reactTable.filterFns, MRT_FilterFns, props.filterFns),
|
7571
|
-
getCoreRowModel: reactTable.getCoreRowModel(),
|
7572
|
-
getExpandedRowModel: reactTable.getExpandedRowModel(),
|
7573
|
-
getFacetedRowModel: reactTable.getFacetedRowModel(),
|
7574
|
-
getFilteredRowModel: reactTable.getFilteredRowModel(),
|
7575
|
-
getGroupedRowModel: reactTable.getGroupedRowModel(),
|
7576
|
-
getPaginationRowModel: reactTable.getPaginationRowModel(),
|
7577
|
-
getSortedRowModel: reactTable.getSortedRowModel(),
|
7578
|
-
sortingFns: _extends({}, reactTable.sortingFns, MRT_SortingFns, props.sortingFns)
|
7579
|
-
})
|
7580
|
-
);
|
7581
|
-
}, []);
|
7582
7574
|
var displayColumns = React.useMemo(function () {
|
7583
7575
|
var _props$localization, _props$localization2, _props$localization3, _props$localization5;
|
7584
7576
|
|
7585
|
-
return [columnOrder.includes('mrt-row-actions') &&
|
7586
|
-
Cell: function Cell(
|
7587
|
-
var cell =
|
7577
|
+
return [columnOrder.includes('mrt-row-actions') && {
|
7578
|
+
Cell: function Cell(_ref5) {
|
7579
|
+
var cell = _ref5.cell;
|
7588
7580
|
return React__default.createElement(MRT_ToggleRowActionMenuButton, {
|
7589
7581
|
row: cell.row,
|
7590
|
-
|
7582
|
+
table: table
|
7591
7583
|
});
|
7592
7584
|
},
|
7585
|
+
columnDefType: 'display',
|
7593
7586
|
header: (_props$localization = props.localization) == null ? void 0 : _props$localization.actions,
|
7594
7587
|
id: 'mrt-row-actions',
|
7595
7588
|
muiTableBodyCellProps: props.muiTableBodyCellProps,
|
7596
7589
|
muiTableHeadCellProps: props.muiTableHeadCellProps,
|
7597
7590
|
size: 70
|
7598
|
-
}
|
7599
|
-
Cell: function Cell(
|
7600
|
-
var cell =
|
7591
|
+
}, columnOrder.includes('mrt-expand') && {
|
7592
|
+
Cell: function Cell(_ref6) {
|
7593
|
+
var cell = _ref6.cell;
|
7601
7594
|
return React__default.createElement(MRT_ExpandButton, {
|
7602
7595
|
row: cell.row,
|
7603
|
-
|
7596
|
+
table: table
|
7604
7597
|
});
|
7605
7598
|
},
|
7606
7599
|
Header: function Header() {
|
7607
7600
|
return props.enableExpandAll ? React__default.createElement(MRT_ExpandAllButton, {
|
7608
|
-
|
7601
|
+
table: table
|
7609
7602
|
}) : null;
|
7610
7603
|
},
|
7604
|
+
columnDefType: 'display',
|
7611
7605
|
header: (_props$localization2 = props.localization) == null ? void 0 : _props$localization2.expand,
|
7612
7606
|
id: 'mrt-expand',
|
7613
7607
|
muiTableBodyCellProps: props.muiTableBodyCellProps,
|
7614
7608
|
muiTableHeadCellProps: props.muiTableHeadCellProps,
|
7615
7609
|
size: 60
|
7616
|
-
}
|
7617
|
-
Cell: function Cell(
|
7618
|
-
var cell =
|
7610
|
+
}, columnOrder.includes('mrt-select') && {
|
7611
|
+
Cell: function Cell(_ref7) {
|
7612
|
+
var cell = _ref7.cell;
|
7619
7613
|
return React__default.createElement(MRT_SelectCheckbox, {
|
7620
7614
|
row: cell.row,
|
7621
|
-
|
7615
|
+
table: table
|
7622
7616
|
});
|
7623
7617
|
},
|
7624
7618
|
Header: function Header() {
|
7625
7619
|
return props.enableSelectAll ? React__default.createElement(MRT_SelectCheckbox, {
|
7626
7620
|
selectAll: true,
|
7627
|
-
|
7621
|
+
table: table
|
7628
7622
|
}) : null;
|
7629
7623
|
},
|
7624
|
+
columnDefType: 'display',
|
7630
7625
|
header: (_props$localization3 = props.localization) == null ? void 0 : _props$localization3.select,
|
7631
7626
|
id: 'mrt-select',
|
7632
7627
|
muiTableBodyCellProps: props.muiTableBodyCellProps,
|
7633
7628
|
muiTableHeadCellProps: props.muiTableHeadCellProps,
|
7634
7629
|
size: 60
|
7635
|
-
}
|
7636
|
-
Cell: function Cell(
|
7637
|
-
var cell =
|
7630
|
+
}, columnOrder.includes('mrt-row-numbers') && {
|
7631
|
+
Cell: function Cell(_ref8) {
|
7632
|
+
var cell = _ref8.cell;
|
7638
7633
|
return cell.row.index + 1;
|
7639
7634
|
},
|
7640
7635
|
Header: function Header() {
|
@@ -7642,41 +7637,47 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
|
|
7642
7637
|
|
7643
7638
|
return (_props$localization4 = props.localization) == null ? void 0 : _props$localization4.rowNumber;
|
7644
7639
|
},
|
7640
|
+
columnDefType: 'display',
|
7645
7641
|
header: (_props$localization5 = props.localization) == null ? void 0 : _props$localization5.rowNumbers,
|
7646
7642
|
id: 'mrt-row-numbers',
|
7647
7643
|
muiTableBodyCellProps: props.muiTableBodyCellProps,
|
7648
7644
|
muiTableHeadCellProps: props.muiTableHeadCellProps,
|
7649
7645
|
size: 60
|
7650
|
-
}
|
7651
|
-
}, [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
|
7652
|
-
var
|
7653
|
-
return [].concat(displayColumns, props.columns
|
7654
|
-
|
7655
|
-
}));
|
7656
|
-
}, [table, props.columns, currentFilterFns]);
|
7646
|
+
}].filter(Boolean);
|
7647
|
+
}, [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]);
|
7648
|
+
var columnDefs = React.useMemo(function () {
|
7649
|
+
return prepareColumns([].concat(displayColumns, props.columns), currentFilterFns);
|
7650
|
+
}, [currentFilterFns, displayColumns, props.columns]);
|
7657
7651
|
var data = React.useMemo(function () {
|
7658
7652
|
var _props$state, _props$state2;
|
7659
7653
|
|
7660
7654
|
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 () {
|
7661
|
-
return Object.assign.apply(Object, [{}].concat(getAllLeafColumnDefs(props.columns).map(function (
|
7662
|
-
var
|
7655
|
+
return Object.assign.apply(Object, [{}].concat(getAllLeafColumnDefs(props.columns).map(function (col) {
|
7656
|
+
var _ref9, _col$id3, _ref10;
|
7663
7657
|
|
7664
|
-
return
|
7658
|
+
return _ref10 = {}, _ref10[(_ref9 = (_col$id3 = col.id) != null ? _col$id3 : col.accessorKey) != null ? _ref9 : ''] = null, _ref10;
|
7665
7659
|
})));
|
7666
7660
|
}) : props.data;
|
7667
7661
|
}, [props.data, (_props$state3 = props.state) == null ? void 0 : _props$state3.isLoading, (_props$state4 = props.state) == null ? void 0 : _props$state4.showSkeletons]); //@ts-ignore
|
7668
7662
|
|
7669
|
-
var
|
7663
|
+
var table = _extends({}, reactTable.useReactTable(_extends({
|
7664
|
+
getCoreRowModel: reactTable.getCoreRowModel(),
|
7665
|
+
getExpandedRowModel: reactTable.getExpandedRowModel(),
|
7666
|
+
getFacetedRowModel: reactTable.getFacetedRowModel(),
|
7667
|
+
getFilteredRowModel: reactTable.getFilteredRowModel(),
|
7668
|
+
getGroupedRowModel: reactTable.getGroupedRowModel(),
|
7669
|
+
getPaginationRowModel: reactTable.getPaginationRowModel(),
|
7670
|
+
getSortedRowModel: reactTable.getSortedRowModel(),
|
7670
7671
|
onColumnOrderChange: setColumnOrder
|
7671
7672
|
}, props, {
|
7672
7673
|
//@ts-ignore
|
7673
|
-
columns:
|
7674
|
+
columns: columnDefs,
|
7674
7675
|
data: data,
|
7675
7676
|
getSubRows: function getSubRows(row) {
|
7676
7677
|
return row == null ? void 0 : row.subRows;
|
7677
7678
|
},
|
7678
7679
|
//@ts-ignore
|
7679
|
-
globalFilterFn: currentGlobalFilterFn,
|
7680
|
+
globalFilterFn: (_MRT_FilterFns$curren = MRT_FilterFns[currentGlobalFilterFn]) != null ? _MRT_FilterFns$curren : MRT_FilterFns.fuzzy,
|
7680
7681
|
initialState: initialState,
|
7681
7682
|
state: _extends({
|
7682
7683
|
columnOrder: columnOrder,
|
@@ -7715,9 +7716,9 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
|
|
7715
7716
|
open: isFullScreen,
|
7716
7717
|
transitionDuration: 400
|
7717
7718
|
}, React__default.createElement(MRT_TablePaper, {
|
7718
|
-
|
7719
|
+
table: table
|
7719
7720
|
})), !isFullScreen && React__default.createElement(MRT_TablePaper, {
|
7720
|
-
|
7721
|
+
table: table
|
7721
7722
|
}));
|
7722
7723
|
};
|
7723
7724
|
|