material-react-table 0.22.2 → 0.23.0

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.22.2",
+  "version": "0.23.0",
   "license": "MIT",
   "name": "material-react-table",
   "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.",
@@ -98,7 +98,7 @@
   },
   "dependencies": {
     "@tanstack/match-sorter-utils": "8.1.1",
-    "@tanstack/react-table": "8.1.4",
+    "@tanstack/react-table": "8.2.1",
     "react-virtual": "^2.10.4"
   }
 }

package/src/MaterialReactTable.tsx

@@ -338,7 +338,7 @@ export type MRT_DefinedColumnDef<TData extends Record<string, any> = {}> = Omit<
 };
 
 export type MRT_Column<TData extends Record<string, any> = {}> = Omit<
-  Column<TData>,
+  Column<TData, unknown>,
   'header' | 'footer' | 'columns' | 'columnDef' | 'filterFn'
 > & {
   columnDef: MRT_DefinedColumnDef<TData>;
@@ -349,7 +349,7 @@ export type MRT_Column<TData extends Record<string, any> = {}> = Omit<
 };
 
 export type MRT_Header<TData extends Record<string, any> = {}> = Omit<
-  Header<TData>,
+  Header<TData, unknown>,
   'column'
 > & {
   column: MRT_Column<TData>;
@@ -374,7 +374,7 @@ export type MRT_Row<TData extends Record<string, any> = {}> = Omit<
 };
 
 export type MRT_Cell<TData extends Record<string, any> = {}> = Omit<
-  Cell<TData>,
+  Cell<TData, unknown>,
   'column' | 'row'
 > & {
   column: MRT_Column<TData>;

package/src/filtersFns.ts

@@ -22,7 +22,7 @@ export const contains = <TData extends Record<string, any> = {}>(
   filterValue: string | number,
 ) =>
   row
-    .getValue(id)
+    .getValue<string | number>(id)
     .toString()
     .toLowerCase()
     .trim()
@@ -36,7 +36,7 @@ export const startsWith = <TData extends Record<string, any> = {}>(
   filterValue: string | number,
 ) =>
   row
-    .getValue(id)
+    .getValue<string | number>(id)
     .toString()
     .toLowerCase()
     .trim()
@@ -50,7 +50,7 @@ export const endsWith = <TData extends Record<string, any> = {}>(
   filterValue: string | number,
 ) =>
   row
-    .getValue(id)
+    .getValue<string | number>(id)
     .toString()
     .toLowerCase()
     .trim()
@@ -63,7 +63,7 @@ export const equals = <TData extends Record<string, any> = {}>(
   id: string,
   filterValue: string | number,
 ) =>
-  row.getValue(id).toString().toLowerCase().trim() ===
+  row.getValue<string | number>(id).toString().toLowerCase().trim() ===
   filterValue.toString().toLowerCase().trim();
 
 equals.autoRemove = (val: any) => !val;
@@ -73,7 +73,7 @@ export const notEquals = <TData extends Record<string, any> = {}>(
   id: string,
   filterValue: string | number,
 ) =>
-  row.getValue(id).toString().toLowerCase().trim() !==
+  row.getValue<string | number>(id).toString().toLowerCase().trim() !==
   filterValue.toString().toLowerCase().trim();
 
 notEquals.autoRemove = (val: any) => !val;
@@ -83,9 +83,9 @@ export const greaterThan = <TData extends Record<string, any> = {}>(
   id: string,
   filterValue: string | number,
 ) =>
-  !isNaN(+filterValue) && !isNaN(+row.getValue(id))
-    ? +row.getValue(id) >= +filterValue
-    : row.getValue(id).toString().toLowerCase().trim() >
+  !isNaN(+filterValue) && !isNaN(+row.getValue<string | number>(id))
+    ? +row.getValue<string | number>(id) >= +filterValue
+    : row.getValue<string | number>(id).toString().toLowerCase().trim() >
       filterValue.toString().toLowerCase().trim();
 
 greaterThan.autoRemove = (val: any) => !val;
@@ -95,9 +95,9 @@ export const lessThan = <TData extends Record<string, any> = {}>(
   id: string,
   filterValue: string | number,
 ) =>
-  !isNaN(+filterValue) && !isNaN(+row.getValue(id))
-    ? +row.getValue(id) <= +filterValue
-    : row.getValue(id).toString().toLowerCase().trim() <
+  !isNaN(+filterValue) && !isNaN(+row.getValue<string | number>(id))
+    ? +row.getValue<string | number>(id) <= +filterValue
+    : row.getValue<string | number>(id).toString().toLowerCase().trim() <
       filterValue.toString().toLowerCase().trim();
 
 lessThan.autoRemove = (val: any) => !val;
@@ -121,7 +121,7 @@ export const empty = <TData extends Record<string, any> = {}>(
   row: Row<TData>,
   id: string,
   _filterValue: string | number,
-) => !row.getValue(id).toString().trim();
+) => !row.getValue<string | number>(id).toString().trim();
 
 empty.autoRemove = (val: any) => !val;
 
@@ -129,7 +129,7 @@ export const notEmpty = <TData extends Record<string, any> = {}>(
   row: Row<TData>,
   id: string,
   _filterValue: string | number,
-) => !!row.getValue(id).toString().trim();
+) => !!row.getValue<string | number>(id).toString().trim();
 
 notEmpty.autoRemove = (val: any) => !val;
 

package/src/inputs/MRT_EditCellTextField.tsx

@@ -29,7 +29,7 @@ export const MRT_EditCellTextField: FC<Props> = ({ cell, table }) => {
   const { column, row } = cell;
   const { columnDef } = column;
 
-  const [value, setValue] = useState(cell.getValue());
+  const [value, setValue] = useState(cell.getValue<string>());
 
   const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
     setValue(event.target.value);