material-react-table 0.40.5 → 0.40.6

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.40.5",
+  "version": "0.40.6",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",

package/src/head/MRT_TableHeadCellFilterLabel.tsx

@@ -9,13 +9,11 @@ interface Props {
 
 export const MRT_TableHeadCellFilterLabel: FC<Props> = ({ header, table }) => {
   const {
-    getState,
     options: {
       icons: { FilterAltIcon },
       localization,
     },
   } = table;
-  const { columnFilterFns } = getState();
   const { column } = header;
   const { columnDef } = column;
 
@@ -24,7 +22,7 @@ export const MRT_TableHeadCellFilterLabel: FC<Props> = ({ header, table }) => {
     'betweenInclusive',
     'inNumberRange',
   ].includes(columnDef._filterFn);
-  const currentFilterOption = columnFilterFns?.[header.id];
+  const currentFilterOption = columnDef._filterFn;
   const filterTooltip = localization.filteringByColumn
     .replace('{column}', String(columnDef.header))
     .replace(

package/src/inputs/MRT_FilterTextField.tsx

@@ -12,7 +12,6 @@ import {
   debounce,
   IconButton,
   InputAdornment,
-  ListItemText,
   MenuItem,
   TextField,
   TextFieldProps,
@@ -323,7 +322,16 @@ export const MRT_FilterTextField: FC<Props> = ({
               text = option.text;
             }
             return (
-              <MenuItem key={value} value={value}>
+              <MenuItem
+                key={value}
+                sx={{
+                  display: 'flex',
+                  m: 0,
+                  alignItems: 'center',
+                  gap: '0.5rem',
+                }}
+                value={value}
+              >
                 {isMultiSelectFilter && (
                   <Checkbox
                     checked={(
@@ -332,7 +340,7 @@ export const MRT_FilterTextField: FC<Props> = ({
                     sx={{ mr: '0.5rem' }}
                   />
                 )}
-                <ListItemText>{text}</ListItemText>
+                {text}
               </MenuItem>
             );
           },

package/src/table/MRT_TableRoot.tsx

@@ -189,6 +189,7 @@ export const MRT_TableRoot = <TData extends Record<string, any> = {}>(
       props.displayColumnDefOptions,
       props.editingMode,
       props.enableColumnDragging,
+      props.enableColumnFilterModes,
       props.enableColumnOrdering,
       props.enableEditing,
       props.enableExpandAll,