release v2.0.2 - fixes #777

KevinVandy · Nov 1, 2023 · b8b1ebc · b8b1ebc · vercel · Nov 1, 2023
1 parent f4548c5
commit b8b1ebc
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 4 deletions.
diff --git a/apps/material-react-table-docs/components/navigation/TopBar.tsx b/apps/material-react-table-docs/components/navigation/TopBar.tsx
@@ -113,7 +113,7 @@ export const TopBar = ({ navOpen, setNavOpen }: Props) => {
           }
         `}
       </style>
-      <AppBar position="fixed">
+      <AppBar sx={{ opacity: 0.95 }} position="fixed">
         <Toolbar sx={{ p: '2px 4px' }} disableGutters variant="dense">
           <Box sx={{ display: 'flex' }}>
             {!isDesktop && (

diff --git a/apps/material-react-table-docs/pages/changelog.mdx b/apps/material-react-table-docs/pages/changelog.mdx
@@ -12,6 +12,10 @@ import Head from 'next/head';
 
 ### Version 2
 
+#### Version 2.0.2 - 11-01-2023
+
+- Fixed bug with popover filters null ref focus
+
 #### Version 2.0.1 - 10-31-2023
 
 - Fixed bug where edit row action menu was created for all editDisplayModes

diff --git a/packages/material-react-table/package.json b/packages/material-react-table/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "2.0.1",
+  "version": "2.0.2",
   "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.",

diff --git a/packages/material-react-table/src/head/MRT_TableHeadCellFilterLabel.tsx b/packages/material-react-table/src/head/MRT_TableHeadCellFilterLabel.tsx
@@ -102,8 +102,8 @@ export const MRT_TableHeadCellFilterLabel = <TData extends MRT_RowData = {}>({
                   setShowColumnFilters(true);
                 }
                 queueMicrotask(() => {
-                  filterInputRefs.current[`${column.id}-0`]?.focus();
-                  filterInputRefs.current[`${column.id}-0`]?.select();
+                  filterInputRefs.current[`${column.id}-0`]?.focus?.();
+                  filterInputRefs.current[`${column.id}-0`]?.select?.();
                 });
                 event.stopPropagation();
               }}

diff --git a/packages/material-react-table/stories/features/Filtering.stories.tsx b/packages/material-react-table/stories/features/Filtering.stories.tsx
@@ -55,6 +55,16 @@ const columns: MRT_ColumnDef<(typeof data)[0]>[] = [
   },
   {
     accessorKey: 'state',
+    filterSelectOptions: [
+      { label: 'AL', value: 'Alabama' },
+      { label: 'AZ', value: 'Arizona' },
+      { label: 'CA', value: 'California' },
+      { label: 'FL', value: 'Florida' },
+      { label: 'GA', value: 'Georgia' },
+      { label: 'NY', value: 'New York' },
+      { label: 'TX', value: 'Texas' },
+    ],
+    filterVariant: 'multi-select',
     header: 'State',
   },
 ];