fix: handle select reset correctly

Author: alessandrojcm

packages/mantine-react-table/src/components/inputs/MRT_FilterTextInput.tsx

@@ -199,6 +199,11 @@ export const MRT_FilterTextInput = <TData extends MRT_RowData>({
         newFilterValues[rangeFilterIndex as number] = undefined;
         return newFilterValues;
       });
+      // This is from Mantine v6 but it also applies for v7
+      // https://github.com/mantinedev/mantine/issues/4716#issuecomment-1702699688
+    } else if (isSelectFilter) {
+      setFilterValue(null);
+      column.setFilterValue(null);
     } else {
       setFilterValue('');
       column.setFilterValue(undefined);

packages/mantine-react-table/stories/fixed-bugs/custom-reset-button.stories.tsx

@@ -0,0 +1,90 @@
+import { Button, Container } from '@mantine/core';
+import {
+  MantineReactTable, useMantineReactTable
+} from '../../src';
+import { type Meta } from '@storybook/react';
+
+const meta: Meta = {
+  title: 'Fixed Bugs/Custom Reset Button',
+};
+
+export default meta;
+
+enum DataItemTypeEnum {
+  Dog = 'Dog',
+  Cat = 'Cat',
+}
+
+type DataItemType = {
+  id: number;
+  type: DataItemTypeEnum;
+  sound: string;
+};
+
+const typeOptions = [
+  { label: 'Cat', value: DataItemTypeEnum.Cat },
+  { label: 'Dog', value: DataItemTypeEnum.Dog },
+];
+
+const data: DataItemType[] = [
+  {
+    id: 1,
+    type: DataItemTypeEnum.Cat,
+    sound: 'Meow',
+  },
+  {
+    id: 2,
+    type: DataItemTypeEnum.Dog,
+    sound: 'Arf',
+  },
+];
+
+const CustomResetButton = () => {
+  const table = useMantineReactTable({
+    data,
+    enableRowActions: false,
+    renderTopToolbar: false,
+    enableBottomToolbar: false,
+    enableColumnFilters: true,
+    enableColumnActions: false,
+    enableSorting: false,
+    initialState: {
+      showColumnFilters: true,
+    },
+    columns: [
+      {
+        accessorKey: 'id',
+        header: 'ID',
+        filterVariant: 'text',
+        filterFn: 'contains',
+      },
+      {
+        accessorKey: 'type',
+        header: 'Type',
+        filterVariant: 'select',
+        filterFn: 'equals',
+        enableColumnFilter: true,
+        mantineFilterSelectProps: {
+          data: typeOptions,
+        },
+      },
+      {
+        accessorKey: 'sound',
+        header: 'Sound',
+        filterVariant: 'text',
+        filterFn: 'contains',
+      },
+    ],
+  });
+
+  return (
+    <Container py="lg">
+      <Button mb="lg" onClick={() => table.resetColumnFilters()}>
+        Custom Reset Button
+      </Button>
+      <MantineReactTable table={table} />
+    </Container>
+  );
+};
+
+export { CustomResetButton };