material-react-table 0.10.0 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/MaterialReactTable.d.ts +19 -19
- package/dist/material-react-table.cjs.development.js +32 -32
- 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 +32 -32
- package/dist/material-react-table.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/MaterialReactTable.tsx +19 -19
- package/src/body/MRT_TableBodyCell.tsx +2 -2
- package/src/body/MRT_TableBodyRow.tsx +2 -2
- package/src/body/MRT_TableDetailPanel.tsx +2 -2
- package/src/buttons/MRT_EditActionButtons.tsx +2 -2
- package/src/buttons/MRT_ExpandButton.tsx +2 -2
- package/src/buttons/MRT_FullScreenToggleButton.tsx +2 -2
- package/src/buttons/MRT_ToggleDensePaddingButton.tsx +2 -2
- package/src/buttons/MRT_ToggleFiltersButton.tsx +2 -2
- package/src/buttons/MRT_ToggleGlobalFilterButton.tsx +2 -2
- package/src/inputs/MRT_EditCellTextField.tsx +6 -6
- package/src/inputs/MRT_SearchTextField.tsx +2 -2
- package/src/inputs/MRT_SelectCheckbox.tsx +4 -4
- package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +2 -2
|
@@ -188,7 +188,7 @@ var MRT_ExpandButton = function MRT_ExpandButton(_ref) {
|
|
|
188
188
|
_instance$options = instance.options,
|
|
189
189
|
ExpandMoreIcon = _instance$options.icons.ExpandMoreIcon,
|
|
190
190
|
localization = _instance$options.localization,
|
|
191
|
-
|
|
191
|
+
onHandleRowExpandChange = _instance$options.onHandleRowExpandChange,
|
|
192
192
|
renderDetailPanel = _instance$options.renderDetailPanel;
|
|
193
193
|
|
|
194
194
|
var _getState = getState(),
|
|
@@ -196,7 +196,7 @@ var MRT_ExpandButton = function MRT_ExpandButton(_ref) {
|
|
|
196
196
|
|
|
197
197
|
var handleToggleExpand = function handleToggleExpand(event) {
|
|
198
198
|
row.toggleExpanded();
|
|
199
|
-
|
|
199
|
+
onHandleRowExpandChange == null ? void 0 : onHandleRowExpandChange({
|
|
200
200
|
event: event,
|
|
201
201
|
row: row,
|
|
202
202
|
instance: instance
|
|
@@ -625,7 +625,7 @@ var MRT_ShowHideColumnsMenuItems = function MRT_ShowHideColumnsMenuItems(_ref) {
|
|
|
625
625
|
var getState = instance.getState,
|
|
626
626
|
_instance$options = instance.options,
|
|
627
627
|
enableColumnOrdering = _instance$options.enableColumnOrdering,
|
|
628
|
-
|
|
628
|
+
onHandleToggleColumnVisibility = _instance$options.onHandleToggleColumnVisibility,
|
|
629
629
|
setColumnOrder = instance.setColumnOrder;
|
|
630
630
|
|
|
631
631
|
var _getState = getState(),
|
|
@@ -672,7 +672,7 @@ var MRT_ShowHideColumnsMenuItems = function MRT_ShowHideColumnsMenuItems(_ref) {
|
|
|
672
672
|
column.toggleVisibility();
|
|
673
673
|
}
|
|
674
674
|
|
|
675
|
-
|
|
675
|
+
onHandleToggleColumnVisibility == null ? void 0 : onHandleToggleColumnVisibility({
|
|
676
676
|
column: column,
|
|
677
677
|
columnVisibility: columnVisibility,
|
|
678
678
|
instance: instance
|
|
@@ -1141,7 +1141,7 @@ var MRT_EditActionButtons = function MRT_EditActionButtons(_ref) {
|
|
|
1141
1141
|
CancelIcon = _instance$options$ico.CancelIcon,
|
|
1142
1142
|
SaveIcon = _instance$options$ico.SaveIcon,
|
|
1143
1143
|
localization = _instance$options.localization,
|
|
1144
|
-
|
|
1144
|
+
onHandleEditRowSubmit = _instance$options.onHandleEditRowSubmit,
|
|
1145
1145
|
setCurrentEditingRow = instance.setCurrentEditingRow;
|
|
1146
1146
|
|
|
1147
1147
|
var _getState = getState(),
|
|
@@ -1155,7 +1155,7 @@ var MRT_EditActionButtons = function MRT_EditActionButtons(_ref) {
|
|
|
1155
1155
|
};
|
|
1156
1156
|
|
|
1157
1157
|
var handleSave = function handleSave() {
|
|
1158
|
-
|
|
1158
|
+
onHandleEditRowSubmit == null ? void 0 : onHandleEditRowSubmit({
|
|
1159
1159
|
row: currentEditingRow != null ? currentEditingRow : row,
|
|
1160
1160
|
instance: instance
|
|
1161
1161
|
});
|
|
@@ -1267,8 +1267,8 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
|
|
|
1267
1267
|
_instance$options = instance.options,
|
|
1268
1268
|
localization = _instance$options.localization,
|
|
1269
1269
|
muiSelectCheckboxProps = _instance$options.muiSelectCheckboxProps,
|
|
1270
|
-
|
|
1271
|
-
|
|
1270
|
+
onHandleSelectRowChange = _instance$options.onHandleSelectRowChange,
|
|
1271
|
+
onHandleSelectAllChange = _instance$options.onHandleSelectAllChange,
|
|
1272
1272
|
selectAllMode = _instance$options.selectAllMode;
|
|
1273
1273
|
|
|
1274
1274
|
var _getState = getState(),
|
|
@@ -1282,14 +1282,14 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
|
|
|
1282
1282
|
instance.getToggleAllPageRowsSelectedHandler()(event);
|
|
1283
1283
|
}
|
|
1284
1284
|
|
|
1285
|
-
|
|
1285
|
+
onHandleSelectAllChange == null ? void 0 : onHandleSelectAllChange({
|
|
1286
1286
|
event: event,
|
|
1287
1287
|
selectedRows: event.target.checked ? getRowModel().flatRows : [],
|
|
1288
1288
|
instance: instance
|
|
1289
1289
|
});
|
|
1290
1290
|
} else if (row) {
|
|
1291
1291
|
row == null ? void 0 : row.getToggleSelectedHandler()(event);
|
|
1292
|
-
|
|
1292
|
+
onHandleSelectRowChange == null ? void 0 : onHandleSelectRowChange({
|
|
1293
1293
|
event: event,
|
|
1294
1294
|
row: row,
|
|
1295
1295
|
selectedRows: event.target.checked ? [].concat(getSelectedRowModel().flatRows, [row]) : getSelectedRowModel().flatRows.filter(function (selectedRow) {
|
|
@@ -1337,14 +1337,14 @@ var MRT_FullScreenToggleButton = function MRT_FullScreenToggleButton(_ref) {
|
|
|
1337
1337
|
FullscreenExitIcon = _instance$options$ico.FullscreenExitIcon,
|
|
1338
1338
|
FullscreenIcon = _instance$options$ico.FullscreenIcon,
|
|
1339
1339
|
localization = _instance$options.localization,
|
|
1340
|
-
|
|
1340
|
+
onHandleToggleFullScreen = _instance$options.onHandleToggleFullScreen,
|
|
1341
1341
|
setIsFullScreen = instance.setIsFullScreen;
|
|
1342
1342
|
|
|
1343
1343
|
var _getState = getState(),
|
|
1344
1344
|
isFullScreen = _getState.isFullScreen;
|
|
1345
1345
|
|
|
1346
1346
|
var handleToggleFullScreen = function handleToggleFullScreen(event) {
|
|
1347
|
-
|
|
1347
|
+
onHandleToggleFullScreen == null ? void 0 : onHandleToggleFullScreen({
|
|
1348
1348
|
event: event,
|
|
1349
1349
|
isFullScreen: !isFullScreen,
|
|
1350
1350
|
instance: instance
|
|
@@ -1402,14 +1402,14 @@ var MRT_ToggleDensePaddingButton = function MRT_ToggleDensePaddingButton(_ref) {
|
|
|
1402
1402
|
DensityMediumIcon = _instance$options$ico.DensityMediumIcon,
|
|
1403
1403
|
DensitySmallIcon = _instance$options$ico.DensitySmallIcon,
|
|
1404
1404
|
localization = _instance$options.localization,
|
|
1405
|
-
|
|
1405
|
+
onHandleToggleDensePadding = _instance$options.onHandleToggleDensePadding,
|
|
1406
1406
|
setIsDensePadding = instance.setIsDensePadding;
|
|
1407
1407
|
|
|
1408
1408
|
var _getState = getState(),
|
|
1409
1409
|
isDensePadding = _getState.isDensePadding;
|
|
1410
1410
|
|
|
1411
1411
|
var handleToggleDensePadding = function handleToggleDensePadding(event) {
|
|
1412
|
-
|
|
1412
|
+
onHandleToggleDensePadding == null ? void 0 : onHandleToggleDensePadding({
|
|
1413
1413
|
event: event,
|
|
1414
1414
|
isDensePadding: !isDensePadding,
|
|
1415
1415
|
instance: instance
|
|
@@ -1437,14 +1437,14 @@ var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
|
|
|
1437
1437
|
FilterListIcon = _instance$options$ico.FilterListIcon,
|
|
1438
1438
|
FilterListOffIcon = _instance$options$ico.FilterListOffIcon,
|
|
1439
1439
|
localization = _instance$options.localization,
|
|
1440
|
-
|
|
1440
|
+
onHandleToggleShowFilters = _instance$options.onHandleToggleShowFilters,
|
|
1441
1441
|
setShowFilters = instance.setShowFilters;
|
|
1442
1442
|
|
|
1443
1443
|
var _getState = getState(),
|
|
1444
1444
|
showFilters = _getState.showFilters;
|
|
1445
1445
|
|
|
1446
1446
|
var handleToggleShowFilters = function handleToggleShowFilters(event) {
|
|
1447
|
-
|
|
1447
|
+
onHandleToggleShowFilters == null ? void 0 : onHandleToggleShowFilters({
|
|
1448
1448
|
event: event,
|
|
1449
1449
|
showFilters: !showFilters,
|
|
1450
1450
|
instance: instance
|
|
@@ -1474,7 +1474,7 @@ var MRT_ToggleGlobalFilterButton = function MRT_ToggleGlobalFilterButton(_ref) {
|
|
|
1474
1474
|
tableId = _instance$options.tableId,
|
|
1475
1475
|
localization = _instance$options.localization,
|
|
1476
1476
|
muiSearchTextFieldProps = _instance$options.muiSearchTextFieldProps,
|
|
1477
|
-
|
|
1477
|
+
onHandleToggleShowGlobalFilter = _instance$options.onHandleToggleShowGlobalFilter,
|
|
1478
1478
|
setShowGlobalFilter = instance.setShowGlobalFilter;
|
|
1479
1479
|
|
|
1480
1480
|
var _getState = getState(),
|
|
@@ -1485,7 +1485,7 @@ var MRT_ToggleGlobalFilterButton = function MRT_ToggleGlobalFilterButton(_ref) {
|
|
|
1485
1485
|
}) : muiSearchTextFieldProps;
|
|
1486
1486
|
|
|
1487
1487
|
var handleToggleSearch = function handleToggleSearch(event) {
|
|
1488
|
-
|
|
1488
|
+
onHandleToggleShowGlobalFilter == null ? void 0 : onHandleToggleShowGlobalFilter({
|
|
1489
1489
|
event: event,
|
|
1490
1490
|
showGlobalFilter: !showGlobalFilter,
|
|
1491
1491
|
instance: instance
|
|
@@ -1517,7 +1517,7 @@ var MRT_SearchTextField = function MRT_SearchTextField(_ref) {
|
|
|
1517
1517
|
tableId = _instance$options.tableId,
|
|
1518
1518
|
localization = _instance$options.localization,
|
|
1519
1519
|
muiSearchTextFieldProps = _instance$options.muiSearchTextFieldProps,
|
|
1520
|
-
|
|
1520
|
+
onHandleGlobalFilterValueChange = _instance$options.onHandleGlobalFilterValueChange;
|
|
1521
1521
|
|
|
1522
1522
|
var _getState = getState(),
|
|
1523
1523
|
globalFilter = _getState.globalFilter,
|
|
@@ -1535,7 +1535,7 @@ var MRT_SearchTextField = function MRT_SearchTextField(_ref) {
|
|
|
1535
1535
|
var _event$target$value;
|
|
1536
1536
|
|
|
1537
1537
|
setGlobalFilter((_event$target$value = event.target.value) != null ? _event$target$value : undefined);
|
|
1538
|
-
|
|
1538
|
+
onHandleGlobalFilterValueChange == null ? void 0 : onHandleGlobalFilterValueChange({
|
|
1539
1539
|
event: event,
|
|
1540
1540
|
instance: instance
|
|
1541
1541
|
});
|
|
@@ -2570,8 +2570,8 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
|
|
|
2570
2570
|
tableId = _instance$options.tableId,
|
|
2571
2571
|
enableEditing = _instance$options.enableEditing,
|
|
2572
2572
|
muiTableBodyCellEditTextFieldProps = _instance$options.muiTableBodyCellEditTextFieldProps,
|
|
2573
|
-
|
|
2574
|
-
|
|
2573
|
+
onHandleCellEditBlur = _instance$options.onHandleCellEditBlur,
|
|
2574
|
+
onHandleCellEditChange = _instance$options.onHandleCellEditChange,
|
|
2575
2575
|
setCurrentEditingCell = instance.setCurrentEditingCell,
|
|
2576
2576
|
setCurrentEditingRow = instance.setCurrentEditingRow;
|
|
2577
2577
|
|
|
@@ -2585,12 +2585,12 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
|
|
|
2585
2585
|
|
|
2586
2586
|
var handleChange = function handleChange(event) {
|
|
2587
2587
|
setValue(event.target.value);
|
|
2588
|
-
columnDef.
|
|
2588
|
+
columnDef.onHandleCellEditChange == null ? void 0 : columnDef.onHandleCellEditChange({
|
|
2589
2589
|
event: event,
|
|
2590
2590
|
cell: cell,
|
|
2591
2591
|
instance: instance
|
|
2592
2592
|
});
|
|
2593
|
-
|
|
2593
|
+
onHandleCellEditChange == null ? void 0 : onHandleCellEditChange({
|
|
2594
2594
|
event: event,
|
|
2595
2595
|
cell: cell,
|
|
2596
2596
|
instance: instance
|
|
@@ -2605,12 +2605,12 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
|
|
|
2605
2605
|
}
|
|
2606
2606
|
|
|
2607
2607
|
setCurrentEditingCell(null);
|
|
2608
|
-
columnDef.
|
|
2608
|
+
columnDef.onHandleCellEditBlur == null ? void 0 : columnDef.onHandleCellEditBlur({
|
|
2609
2609
|
event: event,
|
|
2610
2610
|
cell: cell,
|
|
2611
2611
|
instance: instance
|
|
2612
2612
|
});
|
|
2613
|
-
|
|
2613
|
+
onHandleCellEditBlur == null ? void 0 : onHandleCellEditBlur({
|
|
2614
2614
|
event: event,
|
|
2615
2615
|
cell: cell,
|
|
2616
2616
|
instance: instance
|
|
@@ -2729,7 +2729,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
|
|
2729
2729
|
enableRowNumbers = _instance$options.enableRowNumbers,
|
|
2730
2730
|
muiTableBodyCellProps = _instance$options.muiTableBodyCellProps,
|
|
2731
2731
|
muiTableBodyCellSkeletonProps = _instance$options.muiTableBodyCellSkeletonProps,
|
|
2732
|
-
|
|
2732
|
+
onHandleCellClick = _instance$options.onHandleCellClick,
|
|
2733
2733
|
rowNumberMode = _instance$options.rowNumberMode,
|
|
2734
2734
|
tableId = _instance$options.tableId,
|
|
2735
2735
|
setColumnOrder = instance.setColumnOrder,
|
|
@@ -2801,7 +2801,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
|
|
|
2801
2801
|
|
|
2802
2802
|
return React.createElement(TableCell, Object.assign({
|
|
2803
2803
|
onClick: function onClick(event) {
|
|
2804
|
-
return
|
|
2804
|
+
return onHandleCellClick == null ? void 0 : onHandleCellClick({
|
|
2805
2805
|
event: event,
|
|
2806
2806
|
cell: cell,
|
|
2807
2807
|
instance: instance
|
|
@@ -2868,7 +2868,7 @@ var MRT_TableDetailPanel = function MRT_TableDetailPanel(_ref) {
|
|
|
2868
2868
|
_instance$options = instance.options,
|
|
2869
2869
|
muiTableBodyRowProps = _instance$options.muiTableBodyRowProps,
|
|
2870
2870
|
muiTableDetailPanelProps = _instance$options.muiTableDetailPanelProps,
|
|
2871
|
-
|
|
2871
|
+
onHandleDetailPanelClick = _instance$options.onHandleDetailPanelClick,
|
|
2872
2872
|
renderDetailPanel = _instance$options.renderDetailPanel;
|
|
2873
2873
|
var tableRowProps = muiTableBodyRowProps instanceof Function ? muiTableBodyRowProps({
|
|
2874
2874
|
row: row,
|
|
@@ -2881,7 +2881,7 @@ var MRT_TableDetailPanel = function MRT_TableDetailPanel(_ref) {
|
|
|
2881
2881
|
return React.createElement(TableRow, Object.assign({}, tableRowProps), React.createElement(TableCell, Object.assign({
|
|
2882
2882
|
colSpan: getVisibleLeafColumns().length,
|
|
2883
2883
|
onClick: function onClick(event) {
|
|
2884
|
-
return
|
|
2884
|
+
return onHandleDetailPanelClick == null ? void 0 : onHandleDetailPanelClick({
|
|
2885
2885
|
event: event,
|
|
2886
2886
|
row: row,
|
|
2887
2887
|
instance: instance
|
|
@@ -2910,7 +2910,7 @@ var MRT_TableBodyRow = function MRT_TableBodyRow(_ref) {
|
|
|
2910
2910
|
var getIsSomeColumnsPinned = instance.getIsSomeColumnsPinned,
|
|
2911
2911
|
_instance$options = instance.options,
|
|
2912
2912
|
muiTableBodyRowProps = _instance$options.muiTableBodyRowProps,
|
|
2913
|
-
|
|
2913
|
+
onHandleRowClick = _instance$options.onHandleRowClick,
|
|
2914
2914
|
renderDetailPanel = _instance$options.renderDetailPanel;
|
|
2915
2915
|
var tableRowProps = muiTableBodyRowProps instanceof Function ? muiTableBodyRowProps({
|
|
2916
2916
|
row: row,
|
|
@@ -2919,7 +2919,7 @@ var MRT_TableBodyRow = function MRT_TableBodyRow(_ref) {
|
|
|
2919
2919
|
return React.createElement(React.Fragment, null, React.createElement(TableRow, Object.assign({
|
|
2920
2920
|
hover: true,
|
|
2921
2921
|
onClick: function onClick(event) {
|
|
2922
|
-
return
|
|
2922
|
+
return onHandleRowClick == null ? void 0 : onHandleRowClick({
|
|
2923
2923
|
event: event,
|
|
2924
2924
|
row: row,
|
|
2925
2925
|
instance: instance
|