material-react-table 1.4.1 → 1.4.3

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.4.1",
+  "version": "1.4.3",
   "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.",
@@ -57,17 +57,17 @@
     "@babel/preset-react": "^7.18.6",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@mui/icons-material": "^5.10.16",
-    "@mui/material": "^5.10.17",
+    "@mui/icons-material": "^5.11.0",
+    "@mui/material": "^5.11.0",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^10.0.1",
     "@size-limit/preset-small-lib": "^8.1.0",
-    "@types/node": "^18.11.11",
+    "@types/node": "^18.11.15",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
-    "@typescript-eslint/eslint-plugin": "^5.46.0",
-    "@typescript-eslint/parser": "^5.46.0",
+    "@typescript-eslint/eslint-plugin": "^5.46.1",
+    "@typescript-eslint/parser": "^5.46.1",
     "eslint": "^8.29.0",
     "eslint-plugin-mui-path-imports": "^0.0.7",
     "react": "^18.2.0",

package/src/body/MRT_TableBody.tsx

@@ -104,63 +104,65 @@ export const MRT_TableBody: FC<Props> = ({ table }) => {
       sx={(theme) => ({
         display: layoutMode === 'grid' ? 'grid' : 'table-row-group',
         height: virtualizer ? `${virtualizer.getTotalSize()}px` : 'inherit',
+        minHeight: !rows.length ? '100px' : undefined,
         position: 'relative',
         ...(tableBodyProps?.sx instanceof Function
           ? tableBodyProps?.sx(theme)
           : (tableBodyProps?.sx as any)),
       })}
     >
-      {tableBodyProps?.children ?? !rows.length ? (
-        <tr style={{ display: layoutMode === 'grid' ? 'grid' : 'table-row' }}>
-          <td
-            colSpan={table.getVisibleLeafColumns().length}
-            style={{ display: layoutMode === 'grid' ? 'grid' : 'table-cell' }}
-          >
-            <Typography
-              sx={{
-                color: 'text.secondary',
-                fontStyle: 'italic',
-                maxWidth: `min(100vw, ${
-                  tablePaperRef.current?.clientWidth ?? 360
-                }px)`,
-                py: '2rem',
-                textAlign: 'center',
-                width: '100%',
-              }}
+      {tableBodyProps?.children ??
+        (!rows.length ? (
+          <tr style={{ display: layoutMode === 'grid' ? 'grid' : 'table-row' }}>
+            <td
+              colSpan={table.getVisibleLeafColumns().length}
+              style={{ display: layoutMode === 'grid' ? 'grid' : 'table-cell' }}
             >
-              {globalFilter || columnFilters.length
-                ? localization.noResultsFound
-                : localization.noRecordsToDisplay}
-            </Typography>
-          </td>
-        </tr>
-      ) : (
-        <>
-          {(virtualRows ?? rows).map((rowOrVirtualRow, rowIndex) => {
-            const row = virtualizer
-              ? rows[rowOrVirtualRow.index]
-              : (rowOrVirtualRow as MRT_Row);
-            const props = {
-              key: row.id,
-              measureElement: virtualizer
-                ? virtualizer.measureElement
-                : undefined,
-              numRows: rows.length,
-              row,
-              rowIndex: virtualizer ? rowOrVirtualRow.index : rowIndex,
-              table,
-              virtualRow: virtualizer
-                ? (rowOrVirtualRow as VirtualItem)
-                : undefined,
-            };
-            return memoMode === 'rows' ? (
-              <Memo_MRT_TableBodyRow {...props} />
-            ) : (
-              <MRT_TableBodyRow {...props} />
-            );
-          })}
-        </>
-      )}
+              <Typography
+                sx={{
+                  color: 'text.secondary',
+                  fontStyle: 'italic',
+                  maxWidth: `min(100vw, ${
+                    tablePaperRef.current?.clientWidth ?? 360
+                  }px)`,
+                  py: '2rem',
+                  textAlign: 'center',
+                  width: '100%',
+                }}
+              >
+                {globalFilter || columnFilters.length
+                  ? localization.noResultsFound
+                  : localization.noRecordsToDisplay}
+              </Typography>
+            </td>
+          </tr>
+        ) : (
+          <>
+            {(virtualRows ?? rows).map((rowOrVirtualRow, rowIndex) => {
+              const row = virtualizer
+                ? rows[rowOrVirtualRow.index]
+                : (rowOrVirtualRow as MRT_Row);
+              const props = {
+                key: row.id,
+                measureElement: virtualizer
+                  ? virtualizer.measureElement
+                  : undefined,
+                numRows: rows.length,
+                row,
+                rowIndex: virtualizer ? rowOrVirtualRow.index : rowIndex,
+                table,
+                virtualRow: virtualizer
+                  ? (rowOrVirtualRow as VirtualItem)
+                  : undefined,
+              };
+              return memoMode === 'rows' ? (
+                <Memo_MRT_TableBodyRow {...props} />
+              ) : (
+                <MRT_TableBodyRow {...props} />
+              );
+            })}
+          </>
+        ))}
     </TableBody>
   );
 };

package/src/inputs/MRT_FilterTextField.tsx

@@ -15,7 +15,7 @@ import InputAdornment from '@mui/material/InputAdornment';
 import MenuItem from '@mui/material/MenuItem';
 import TextField from '@mui/material/TextField';
 import Tooltip from '@mui/material/Tooltip';
-import debounce from '@mui/material/utils/debounce';
+import { debounce } from '@mui/material/utils';
 import type { TextFieldProps } from '@mui/material/TextField';
 import type { MRT_Header, MRT_TableInstance } from '..';
 import { MRT_FilterOptionMenu } from '../menus/MRT_FilterOptionMenu';
@@ -87,7 +87,8 @@ export const MRT_FilterTextField: FC<Props> = ({
       ]
     : '';
   const filterPlaceholder = !isRangeFilter
-    ? localization.filterByColumn?.replace('{column}', String(columnDef.header))
+    ? textFieldProps?.placeholder ??
+      localization.filterByColumn?.replace('{column}', String(columnDef.header))
     : rangeFilterIndex === 0
     ? localization.min
     : rangeFilterIndex === 1

package/src/inputs/MRT_GlobalFilterTextField.tsx

@@ -10,7 +10,7 @@ import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
 import TextField from '@mui/material/TextField';
 import Tooltip from '@mui/material/Tooltip';
-import debounce from '@mui/material/utils/debounce';
+import { debounce } from '@mui/material/utils';
 import { MRT_FilterOptionMenu } from '../menus/MRT_FilterOptionMenu';
 import { MRT_TableInstance } from '..';