material-react-table 0.5.4 → 0.5.7

package/src/menus/{MRT_FilterMenu.tsx → MRT_FilterTypeMenu.tsx}

@@ -1,7 +1,9 @@
 import React, { FC, useMemo } from 'react';
-import { Divider, Menu, MenuItem, Typography } from '@mui/material';
+import { Menu, MenuItem } from '@mui/material';
 import { useMRT } from '../useMRT';
 import { MRT_FilterType, MRT_HeaderGroup } from '..';
+import { commonMenuItemStyles } from './MRT_ColumnActionMenu';
+
 
 interface Props {
   anchorEl: HTMLElement | null;
@@ -10,7 +12,7 @@ interface Props {
   onSelect?: () => void;
 }
 
-export const MRT_FilterMenu: FC<Props> = ({
+export const MRT_FilterTypeMenu: FC<Props> = ({
   anchorEl,
   column,
   onSelect,
@@ -68,7 +70,7 @@ export const MRT_FilterMenu: FC<Props> = ({
     [],
   );
 
-  const handleSelectMenuItem = (value: MRT_FilterType) => {
+  const handleSelectFilterType = (value: MRT_FilterType) => {
     setAnchorEl(null);
     setCurrentFilterTypes((prev: { [key: string]: MRT_FilterType }) => ({
       ...prev,
@@ -85,21 +87,22 @@ export const MRT_FilterMenu: FC<Props> = ({
   return (
     <Menu
       anchorEl={anchorEl}
-      open={!!anchorEl}
       anchorOrigin={{ vertical: 'center', horizontal: 'right' }}
       onClose={() => setAnchorEl(null)}
+      open={!!anchorEl}
+      MenuListProps={{
+        dense: tableInstance.state.densePadding,
+        disablePadding: true,
+      }}
     >
-      <Typography sx={{ fontWeight: 'bold', p: '1rem', fontSize: '1.1rem' }}>
-        {localization.filterMenuTitle}
-      </Typography>
-      <Divider />
       {filterTypes.map(({ type, label, divider }) => (
         <MenuItem
           divider={divider}
           key={type}
-          onClick={() => handleSelectMenuItem(type)}
+          onClick={() => handleSelectFilterType(type)}
           selected={type === filterType}
           value={type}
+          sx={commonMenuItemStyles}
         >
           {label}
         </MenuItem>

package/src/menus/MRT_RowActionMenu.tsx

@@ -1,7 +1,9 @@
 import React, { FC } from 'react';
-import { Menu, MenuItem } from '@mui/material';
+import { ListItemIcon, ListItemText, Menu, MenuItem } from '@mui/material';
 import { useMRT } from '../useMRT';
 import { MRT_Row } from '..';
+import { commonMenuItemStyles } from './MRT_ColumnActionMenu';
+
 
 interface Props {
   anchorEl: HTMLElement | null;
@@ -29,10 +31,19 @@ export const MRT_RowActionMenu: FC<Props> = ({
       anchorEl={anchorEl}
       open={!!anchorEl}
       onClose={() => setAnchorEl(null)}
+      MenuListProps={{
+        dense: tableInstance.state.densePadding,
+        disablePadding: true,
+      }}
     >
       {enableRowEditing && (
-        <MenuItem sx={{ display: 'flex', gap: '0.75rem' }} onClick={handleEdit}>
-          <EditIcon /> {localization.rowActionMenuItemEdit}
+        <MenuItem onClick={handleEdit} sx={commonMenuItemStyles}>
+          <ListItemIcon>
+            <EditIcon />
+          </ListItemIcon>
+          <ListItemText sx={commonMenuItemStyles}>
+            {localization.rowActionMenuItemEdit}
+          </ListItemText>
         </MenuItem>
       )}
       {renderRowActionMenuItems?.(row, tableInstance, () =>

package/src/menus/MRT_ShowHideColumnsMenu.tsx

@@ -8,7 +8,7 @@ interface Props {
 }
 
 export const MRT_ShowHideColumnsMenu: FC<Props> = ({ column }) => {
-  const isParentHeader = (column?.columns?.length ?? 0) > 0;
+  const isParentHeader = !!column?.columns?.length;
 
   const allChildColumnsVisible =
     isParentHeader &&

package/src/table/MRT_TableContainer.tsx

@@ -19,6 +19,7 @@ export const MRT_TableContainer: FC<Props> = () => {
     hideToolbarTop,
     isFetching,
     isLoading,
+    muiLinearProgressProps,
     muiTableContainerProps,
     tableInstance,
   } = useMRT();
@@ -47,6 +48,11 @@ export const MRT_TableContainer: FC<Props> = () => {
       ? muiTableContainerProps(tableInstance)
       : muiTableContainerProps;
 
+  const linearProgressProps =
+    muiLinearProgressProps instanceof Function
+      ? muiLinearProgressProps(tableInstance)
+      : muiLinearProgressProps;
+
   return (
     <TableContainer
       component={Paper}
@@ -67,7 +73,7 @@ export const MRT_TableContainer: FC<Props> = () => {
     >
       {!hideToolbarTop && <MRT_ToolbarTop />}
       <Collapse in={isFetching || isLoading} unmountOnExit>
-        <LinearProgress />
+        <LinearProgress {...linearProgressProps} />
       </Collapse>
       <Box
         sx={{