material-react-table 0.40.5 → 0.40.6

package/dist/cjs/index.js

@@ -1511,9 +1511,14 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
                     value = option.value;
                     text = option.text;
                 }
-                return (React__default["default"].createElement(material.MenuItem, { key: value, value: value },
+                return (React__default["default"].createElement(material.MenuItem, { key: value, sx: {
+                        display: 'flex',
+                        m: 0,
+                        alignItems: 'center',
+                        gap: '0.5rem',
+                    }, value: value },
                     isMultiSelectFilter && (React__default["default"].createElement(material.Checkbox, { checked: ((_a = column.getFilterValue()) !== null && _a !== void 0 ? _a : []).includes(value), sx: { mr: '0.5rem' } })),
-                    React__default["default"].createElement(material.ListItemText, null, text)));
+                    text));
             })),
         React__default["default"].createElement(MRT_FilterOptionMenu, { anchorEl: anchorEl, header: header, setAnchorEl: setAnchorEl, table: table })));
 };
@@ -1534,8 +1539,7 @@ const MRT_TableHeadCellFilterContainer = ({ header, table, }) => {
 
 const MRT_TableHeadCellFilterLabel = ({ header, table }) => {
     var _a, _b, _c;
-    const { getState, options: { icons: { FilterAltIcon }, localization, }, } = table;
-    const { columnFilterFns } = getState();
+    const { options: { icons: { FilterAltIcon }, localization, }, } = table;
     const { column } = header;
     const { columnDef } = column;
     const isRangeFilter = [
@@ -1543,7 +1547,7 @@ const MRT_TableHeadCellFilterLabel = ({ header, table }) => {
         'betweenInclusive',
         'inNumberRange',
     ].includes(columnDef._filterFn);
-    const currentFilterOption = columnFilterFns === null || columnFilterFns === void 0 ? void 0 : columnFilterFns[header.id];
+    const currentFilterOption = columnDef._filterFn;
     const filterTooltip = localization.filteringByColumn
         .replace('{column}', String(columnDef.header))
         .replace('{filterType}', 
@@ -2427,6 +2431,7 @@ const MRT_TableRoot = (props) => {
         props.displayColumnDefOptions,
         props.editingMode,
         props.enableColumnDragging,
+        props.enableColumnFilterModes,
         props.enableColumnOrdering,
         props.enableEditing,
         props.enableExpandAll,