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.
Files changed (11) hide show
  1. package/dist/MaterialReactTable.d.ts +10 -6
  2. package/dist/material-react-table.cjs.development.js +14 -10
  3. package/dist/material-react-table.cjs.development.js.map +1 -1
  4. package/dist/material-react-table.cjs.production.min.js +1 -1
  5. package/dist/material-react-table.cjs.production.min.js.map +1 -1
  6. package/dist/material-react-table.esm.js +14 -10
  7. package/dist/material-react-table.esm.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/MaterialReactTable.tsx +11 -3
  10. package/src/inputs/MRT_FilterTextField.tsx +4 -0
  11. package/src/toolbar/MRT_ToolbarInternalButtons.tsx +2 -2
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.13.0",
2
+ "version": "0.13.1",
3
3
  "license": "MIT",
4
4
  "name": "material-react-table",
5
5
  "description": "A fully featured Material UI implementation of TanStack React Table, inspired by material-table and the MUI X DataGrid, written from the ground up in TypeScript.",
package/src/MaterialReactTable.tsx CHANGED
@@ -294,19 +294,23 @@ export type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<
294
294
  column,
295
295
  event,
296
296
  filterValue,
297
+ instance,
297
298
  }: {
298
299
  column: MRT_Column<D>;
299
300
  event: ChangeEvent<HTMLInputElement>;
300
301
  filterValue: any;
302
+ instance: MRT_TableInstance<D>;
301
303
  }) => void;
302
304
  onColumnFilterValueChangedDebounced?: ({
303
305
  column,
304
306
  event,
305
307
  filterValue,
308
+ instance,
306
309
  }: {
307
310
  column: MRT_Column<D>;
308
311
  event: ChangeEvent<HTMLInputElement>;
309
312
  filterValue: any;
313
+ instance: MRT_TableInstance<D>;
310
314
  }) => void;
311
315
  };
312
316
 
@@ -382,7 +386,7 @@ export type MaterialReactTableProps<D extends Record<string, any> = {}> =
382
386
  enableClickToCopy?: boolean;
383
387
  enableColumnActions?: boolean;
384
388
  enableColumnOrdering?: boolean;
385
- enableDensePaddingToggle?: boolean;
389
+ enableDensityToggle?: boolean;
386
390
  enableEditing?: boolean;
387
391
  enableExpandAll?: boolean;
388
392
  enableFullScreenToggle?: boolean;
@@ -600,19 +604,23 @@ export type MaterialReactTableProps<D extends Record<string, any> = {}> =
600
604
  column,
601
605
  event,
602
606
  filterValue,
607
+ instance,
603
608
  }: {
604
609
  column: MRT_Column<D>;
605
610
  event: ChangeEvent<HTMLInputElement>;
606
611
  filterValue: any;
612
+ instance: MRT_TableInstance<D>;
607
613
  }) => void;
608
614
  onColumnFilterValueChangedDebounced?: ({
609
615
  column,
610
616
  event,
611
617
  filterValue,
618
+ instance,
612
619
  }: {
613
620
  column: MRT_Column<D>;
614
621
  event: ChangeEvent<HTMLInputElement>;
615
622
  filterValue: any;
623
+ instance: MRT_TableInstance<D>;
616
624
  }) => void;
617
625
  onColumnVisibilityChanged?: ({
618
626
  column,
@@ -808,7 +816,7 @@ export default <D extends Record<string, any> = {}>({
808
816
  enableColumnFilters = true,
809
817
  enableColumnOrdering = false,
810
818
  enableColumnResizing = false,
811
- enableDensePaddingToggle = true,
819
+ enableDensityToggle = true,
812
820
  enableExpandAll = true,
813
821
  enableFilters = true,
814
822
  enableFullScreenToggle = true,
@@ -847,7 +855,7 @@ export default <D extends Record<string, any> = {}>({
847
855
  enableColumnFilters={enableColumnFilters}
848
856
  enableColumnOrdering={enableColumnOrdering}
849
857
  enableColumnResizing={enableColumnResizing}
850
- enableDensePaddingToggle={enableDensePaddingToggle}
858
+ enableDensityToggle={enableDensityToggle}
851
859
  enableExpandAll={enableExpandAll}
852
860
  enableFilters={enableFilters}
853
861
  enableFullScreenToggle={enableFullScreenToggle}
package/src/inputs/MRT_FilterTextField.tsx CHANGED
@@ -90,11 +90,13 @@ export const MRT_FilterTextField: FC<Props> = ({
90
90
  column,
91
91
  event,
92
92
  filterValue: event.target.value,
93
+ instance,
93
94
  });
94
95
  columnDef.onColumnFilterValueChangedDebounced?.({
95
96
  column,
96
97
  event,
97
98
  filterValue: event.target.value,
99
+ instance,
98
100
  });
99
101
  }, 200),
100
102
  [],
@@ -107,11 +109,13 @@ export const MRT_FilterTextField: FC<Props> = ({
107
109
  column,
108
110
  event,
109
111
  filterValue: event.target.value,
112
+ instance,
110
113
  });
111
114
  columnDef.onColumnFilterValueChanged?.({
112
115
  column,
113
116
  event,
114
117
  filterValue: event.target.value,
118
+ instance,
115
119
  });
116
120
  };
117
121
 
package/src/toolbar/MRT_ToolbarInternalButtons.tsx CHANGED
@@ -16,7 +16,7 @@ export const MRT_ToolbarInternalButtons: FC<Props> = ({ instance }) => {
16
16
  const {
17
17
  options: {
18
18
  enableColumnFilters,
19
- enableDensePaddingToggle,
19
+ enableDensityToggle,
20
20
  enableFilters,
21
21
  enableFullScreenToggle,
22
22
  enableGlobalFilter,
@@ -53,7 +53,7 @@ export const MRT_ToolbarInternalButtons: FC<Props> = ({ instance }) => {
53
53
  <MRT_ToggleFiltersButton instance={instance} />
54
54
  )}
55
55
  {enableHiding && <MRT_ShowHideColumnsButton instance={instance} />}
56
- {enableDensePaddingToggle && (
56
+ {enableDensityToggle && (
57
57
  <MRT_ToggleDensePaddingButton instance={instance} />
58
58
  )}
59
59
  {enableFullScreenToggle && (