material-react-table 0.13.0 → 0.13.1
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 +10 -6
- package/dist/material-react-table.cjs.development.js +14 -10
- 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 +14 -10
- package/dist/material-react-table.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/MaterialReactTable.tsx +11 -3
- package/src/inputs/MRT_FilterTextField.tsx +4 -0
- package/src/toolbar/MRT_ToolbarInternalButtons.tsx +2 -2
|
@@ -143,15 +143,17 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
|
|
|
143
143
|
cell: MRT_Cell<D>;
|
|
144
144
|
instance: MRT_TableInstance<D>;
|
|
145
145
|
}) => void;
|
|
146
|
-
onColumnFilterValueChanged?: ({ column, event, filterValue, }: {
|
|
146
|
+
onColumnFilterValueChanged?: ({ column, event, filterValue, instance, }: {
|
|
147
147
|
column: MRT_Column<D>;
|
|
148
148
|
event: ChangeEvent<HTMLInputElement>;
|
|
149
149
|
filterValue: any;
|
|
150
|
+
instance: MRT_TableInstance<D>;
|
|
150
151
|
}) => void;
|
|
151
|
-
onColumnFilterValueChangedDebounced?: ({ column, event, filterValue, }: {
|
|
152
|
+
onColumnFilterValueChangedDebounced?: ({ column, event, filterValue, instance, }: {
|
|
152
153
|
column: MRT_Column<D>;
|
|
153
154
|
event: ChangeEvent<HTMLInputElement>;
|
|
154
155
|
filterValue: any;
|
|
156
|
+
instance: MRT_TableInstance<D>;
|
|
155
157
|
}) => void;
|
|
156
158
|
};
|
|
157
159
|
export declare type MRT_Column<D extends Record<string, any> = {}> = Omit<Column<D>, 'header' | 'footer' | 'columns' | 'columnDef'> & {
|
|
@@ -184,7 +186,7 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
|
184
186
|
enableClickToCopy?: boolean;
|
|
185
187
|
enableColumnActions?: boolean;
|
|
186
188
|
enableColumnOrdering?: boolean;
|
|
187
|
-
|
|
189
|
+
enableDensityToggle?: boolean;
|
|
188
190
|
enableEditing?: boolean;
|
|
189
191
|
enableExpandAll?: boolean;
|
|
190
192
|
enableFullScreenToggle?: boolean;
|
|
@@ -308,15 +310,17 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
|
308
310
|
cell: MRT_Cell<D>;
|
|
309
311
|
instance: MRT_TableInstance<D>;
|
|
310
312
|
}) => void;
|
|
311
|
-
onColumnFilterValueChanged?: ({ column, event, filterValue, }: {
|
|
313
|
+
onColumnFilterValueChanged?: ({ column, event, filterValue, instance, }: {
|
|
312
314
|
column: MRT_Column<D>;
|
|
313
315
|
event: ChangeEvent<HTMLInputElement>;
|
|
314
316
|
filterValue: any;
|
|
317
|
+
instance: MRT_TableInstance<D>;
|
|
315
318
|
}) => void;
|
|
316
|
-
onColumnFilterValueChangedDebounced?: ({ column, event, filterValue, }: {
|
|
319
|
+
onColumnFilterValueChangedDebounced?: ({ column, event, filterValue, instance, }: {
|
|
317
320
|
column: MRT_Column<D>;
|
|
318
321
|
event: ChangeEvent<HTMLInputElement>;
|
|
319
322
|
filterValue: any;
|
|
323
|
+
instance: MRT_TableInstance<D>;
|
|
320
324
|
}) => void;
|
|
321
325
|
onColumnVisibilityChanged?: ({ column, columnVisibility, instance, }: {
|
|
322
326
|
column: MRT_Column<D>;
|
|
@@ -436,5 +440,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
|
436
440
|
tableId?: string;
|
|
437
441
|
virtualizerProps?: VirtualizerOptions<HTMLDivElement>;
|
|
438
442
|
};
|
|
439
|
-
declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing,
|
|
443
|
+
declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGrouping, enableHiding, enableMultiRowSelection, enablePagination, enablePinning, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, persistentStateMode, positionActionsColumn, positionPagination, positionGlobalFilter, positionToolbarActions, positionToolbarAlertBanner, rowNumberMode, selectAllMode, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
|
|
440
444
|
export default _default;
|
|
@@ -5373,7 +5373,7 @@ var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons(_ref) {
|
|
|
5373
5373
|
var instance = _ref.instance;
|
|
5374
5374
|
var _instance$options = instance.options,
|
|
5375
5375
|
enableColumnFilters = _instance$options.enableColumnFilters,
|
|
5376
|
-
|
|
5376
|
+
enableDensityToggle = _instance$options.enableDensityToggle,
|
|
5377
5377
|
enableFilters = _instance$options.enableFilters,
|
|
5378
5378
|
enableFullScreenToggle = _instance$options.enableFullScreenToggle,
|
|
5379
5379
|
enableGlobalFilter = _instance$options.enableGlobalFilter,
|
|
@@ -5401,7 +5401,7 @@ var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons(_ref) {
|
|
|
5401
5401
|
instance: instance
|
|
5402
5402
|
}), enableHiding && React__default.createElement(MRT_ShowHideColumnsButton, {
|
|
5403
5403
|
instance: instance
|
|
5404
|
-
}),
|
|
5404
|
+
}), enableDensityToggle && React__default.createElement(MRT_ToggleDensePaddingButton, {
|
|
5405
5405
|
instance: instance
|
|
5406
5406
|
}), enableFullScreenToggle && React__default.createElement(MRT_FullScreenToggleButton, {
|
|
5407
5407
|
instance: instance
|
|
@@ -5747,12 +5747,14 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
|
5747
5747
|
onColumnFilterValueChangedDebounced == null ? void 0 : onColumnFilterValueChangedDebounced({
|
|
5748
5748
|
column: column,
|
|
5749
5749
|
event: event,
|
|
5750
|
-
filterValue: event.target.value
|
|
5750
|
+
filterValue: event.target.value,
|
|
5751
|
+
instance: instance
|
|
5751
5752
|
});
|
|
5752
5753
|
columnDef.onColumnFilterValueChangedDebounced == null ? void 0 : columnDef.onColumnFilterValueChangedDebounced({
|
|
5753
5754
|
column: column,
|
|
5754
5755
|
event: event,
|
|
5755
|
-
filterValue: event.target.value
|
|
5756
|
+
filterValue: event.target.value,
|
|
5757
|
+
instance: instance
|
|
5756
5758
|
});
|
|
5757
5759
|
}, 200), []);
|
|
5758
5760
|
|
|
@@ -5762,12 +5764,14 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
|
5762
5764
|
onColumnFilterValueChanged == null ? void 0 : onColumnFilterValueChanged({
|
|
5763
5765
|
column: column,
|
|
5764
5766
|
event: event,
|
|
5765
|
-
filterValue: event.target.value
|
|
5767
|
+
filterValue: event.target.value,
|
|
5768
|
+
instance: instance
|
|
5766
5769
|
});
|
|
5767
5770
|
columnDef.onColumnFilterValueChanged == null ? void 0 : columnDef.onColumnFilterValueChanged({
|
|
5768
5771
|
column: column,
|
|
5769
5772
|
event: event,
|
|
5770
|
-
filterValue: event.target.value
|
|
5773
|
+
filterValue: event.target.value,
|
|
5774
|
+
instance: instance
|
|
5771
5775
|
});
|
|
5772
5776
|
};
|
|
5773
5777
|
|
|
@@ -7772,7 +7776,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
|
|
|
7772
7776
|
}));
|
|
7773
7777
|
};
|
|
7774
7778
|
|
|
7775
|
-
var _excluded$5 = ["autoResetExpanded", "columnResizeMode", "defaultColumn", "editingMode", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnResizing", "
|
|
7779
|
+
var _excluded$5 = ["autoResetExpanded", "columnResizeMode", "defaultColumn", "editingMode", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnResizing", "enableDensityToggle", "enableExpandAll", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enablePagination", "enablePinning", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarBottom", "enableToolbarInternalActions", "enableToolbarTop", "icons", "localization", "persistentStateMode", "positionActionsColumn", "positionPagination", "positionGlobalFilter", "positionToolbarActions", "positionToolbarAlertBanner", "rowNumberMode", "selectAllMode"];
|
|
7776
7780
|
var MaterialReactTable = (function (_ref) {
|
|
7777
7781
|
var _ref$autoResetExpande = _ref.autoResetExpanded,
|
|
7778
7782
|
autoResetExpanded = _ref$autoResetExpande === void 0 ? false : _ref$autoResetExpande,
|
|
@@ -7794,8 +7798,8 @@ var MaterialReactTable = (function (_ref) {
|
|
|
7794
7798
|
enableColumnOrdering = _ref$enableColumnOrde === void 0 ? false : _ref$enableColumnOrde,
|
|
7795
7799
|
_ref$enableColumnResi = _ref.enableColumnResizing,
|
|
7796
7800
|
enableColumnResizing = _ref$enableColumnResi === void 0 ? false : _ref$enableColumnResi,
|
|
7797
|
-
_ref$
|
|
7798
|
-
|
|
7801
|
+
_ref$enableDensityTog = _ref.enableDensityToggle,
|
|
7802
|
+
enableDensityToggle = _ref$enableDensityTog === void 0 ? true : _ref$enableDensityTog,
|
|
7799
7803
|
_ref$enableExpandAll = _ref.enableExpandAll,
|
|
7800
7804
|
enableExpandAll = _ref$enableExpandAll === void 0 ? true : _ref$enableExpandAll,
|
|
7801
7805
|
_ref$enableFilters = _ref.enableFilters,
|
|
@@ -7859,7 +7863,7 @@ var MaterialReactTable = (function (_ref) {
|
|
|
7859
7863
|
enableColumnFilters: enableColumnFilters,
|
|
7860
7864
|
enableColumnOrdering: enableColumnOrdering,
|
|
7861
7865
|
enableColumnResizing: enableColumnResizing,
|
|
7862
|
-
|
|
7866
|
+
enableDensityToggle: enableDensityToggle,
|
|
7863
7867
|
enableExpandAll: enableExpandAll,
|
|
7864
7868
|
enableFilters: enableFilters,
|
|
7865
7869
|
enableFullScreenToggle: enableFullScreenToggle,
|