Merge pull request #443 from floriankapaun/bugfix/442

Bugfix/442
KevinVandy · Nov 27, 2024 · 24fc9da · 24fc9da
2 parents e843854 + ce8c635
commit 24fc9da
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 2 deletions.
diff --git a/packages/mantine-react-table/src/components/inputs/MRT_FilterTextInput.tsx b/packages/mantine-react-table/src/components/inputs/MRT_FilterTextInput.tsx
@@ -245,7 +245,7 @@ export const MRT_FilterTextInput = <TData extends MRT_RowData>({
             : textInputProps?.style),
     },
     title: filterPlaceholder,
-    value: filterValue,
+    value: isMultiSelectFilter && !Array.isArray(filterValue) ? [] : filterValue,
     variant: 'unstyled',
   } as const;
 

diff --git a/packages/mantine-react-table/stories/features/Filtering.stories.tsx b/packages/mantine-react-table/stories/features/Filtering.stories.tsx
@@ -71,7 +71,7 @@ const columns: MRT_ColumnDef<(typeof data)[0]>[] = [
 const data = [...Array(120)].map(() => ({
   address: faker.location.streetAddress(),
   age: faker.number.int(100),
-  birthDate: faker.date.birthdate({ max: 2020, min: 1990 }),
+  birthDate: faker.date.birthdate({ max: 2020, min: 1990, mode: "year" }),
   firstName: faker.person.firstName(),
   gender: faker.person.sex(),
   hireDate: faker.date.past(),

diff --git a/packages/mantine-react-table/stories/fixed-bugs/filtering.stories.tsx b/packages/mantine-react-table/stories/fixed-bugs/filtering.stories.tsx
@@ -0,0 +1,32 @@
+import { MantineReactTable } from "../../src";
+import { type Meta } from '@storybook/react';
+
+const meta: Meta = {
+  title: 'Fixed Bugs/Filtering',
+};
+
+export default meta;
+
+export const SwitchFromEmptyToEqualsArray = () => (
+  <MantineReactTable
+    columns={[
+      {
+        accessorKey: 'id',
+        header: 'ID',
+        enableColumnFilterModes: false,
+      },
+      {
+        accessorKey: 'state',
+        header: 'State',
+        filterVariant: 'multi-select',
+        columnFilterModeOptions: ['equals', 'empty'],
+        mantineFilterMultiSelectProps: {
+          data: ["Wyoming", "Delaware", "South Dakota", "Vermont", "Rhode Island"]
+        }
+      },
+    ]}
+    data={[{id: 1, state: ""}, {id: 2, state: "Wyoming"}]}
+    enableColumnFilterModes
+    initialState={{ showColumnFilters: true }}
+  />
+);