material-react-table 0.38.3 → 0.38.4

package/dist/esm/menus/MRT_FilterOptionMenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { MRT_Header, MRT_TableInstance } from '..';
 import { MRT_Localization } from '../localization';
 export declare const internalFilterOptions: (localization: MRT_Localization) => {

package/dist/esm/menus/MRT_ShowHideColumnsMenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     anchorEl: HTMLElement | null;

package/dist/esm/table/MRT_TableRoot.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { MaterialReactTableProps } from '..';
 export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(props: MaterialReactTableProps<TData>) => JSX.Element;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MutableRefObject, Dispatch, SetStateAction, ReactNode, DragEvent } from 'react';
 import { ButtonProps, TextFieldProps, TableCellProps, IconButtonProps, ToolbarProps, LinearProgressProps, CheckboxProps, SkeletonProps, TableBodyProps, TableRowProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, PaperProps, TableProps, ChipProps, AlertProps } from '@mui/material';
 import { Row, Table, TableState, ColumnDef, DeepKeys, Column, Header, HeaderGroup, Cell, SortingFn, FilterFn, TableOptions, OnChangeFn } from '@tanstack/react-table';

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.38.3",
+  "version": "0.38.4",
   "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.",
@@ -78,7 +78,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
-    "rollup": "^2.78.0",
+    "rollup": "^2.78.1",
     "rollup-plugin-dts": "^4.2.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "size-limit": "^8.0.1",

package/src/body/MRT_TableBody.tsx

@@ -124,6 +124,7 @@ export const MRT_TableBody: FC<Props> = ({ table, tableContainerRef }) => {
                 enableRowVirtualization ? rowOrVirtualRow.index : rowIndex
               }
               table={table}
+              virtualRow={enableRowVirtualization ? rowOrVirtualRow : null}
             />
           );
         },

package/src/body/MRT_TableBodyCellValue.tsx

@@ -12,8 +12,8 @@ export const MRT_TableBodyCellValue: FC<Props> = ({ cell, table }) => {
 
   return (
     <>
-      {cell.getIsAggregated() && column.columnDef.aggregationFn
-        ? columnDef.AggregatedCell?.({
+      {cell.getIsAggregated() && columnDef.AggregatedCell
+        ? columnDef.AggregatedCell({
             cell,
             column,
             row,
@@ -21,15 +21,14 @@ export const MRT_TableBodyCellValue: FC<Props> = ({ cell, table }) => {
           })
         : row.getIsGrouped() && !cell.getIsGrouped()
         ? null
-        : (cell.getIsGrouped() &&
-            columnDef.GroupedCell?.({
-              cell,
-              column,
-              row,
-              table,
-            })) ||
-          (columnDef?.Cell?.({ cell, column, row, table }) ??
-            cell.renderValue())}
+        : cell.getIsGrouped() && columnDef.GroupedCell
+        ? columnDef.GroupedCell({
+            cell,
+            column,
+            row,
+            table,
+          })
+        : columnDef?.Cell?.({ cell, column, row, table }) ?? cell.renderValue()}
     </>
   );
 };

package/src/body/MRT_TableBodyRow.tsx

@@ -8,9 +8,15 @@ interface Props {
   row: MRT_Row;
   rowIndex: number;
   table: MRT_TableInstance;
+  virtualRow?: any;
 }
 
-export const MRT_TableBodyRow: FC<Props> = ({ row, rowIndex, table }) => {
+export const MRT_TableBodyRow: FC<Props> = ({
+  row,
+  rowIndex,
+  table,
+  virtualRow,
+}) => {
   const theme = useTheme();
   const {
     getIsSomeColumnsPinned,
@@ -31,7 +37,7 @@ export const MRT_TableBodyRow: FC<Props> = ({ row, rowIndex, table }) => {
     }
   };
 
-  const rowRef = useRef<HTMLTableRowElement>(null);
+  const rowRef = useRef<HTMLTableRowElement | null>(null);
 
   const draggingBorder =
     draggingRow?.id === row.id
@@ -52,7 +58,12 @@ export const MRT_TableBodyRow: FC<Props> = ({ row, rowIndex, table }) => {
         onDragEnter={handleDragEnter}
         hover
         selected={row.getIsSelected()}
-        ref={rowRef}
+        ref={(node) => {
+          rowRef.current = node;
+          if (virtualRow?.measureRef) {
+            virtualRow.measureRef = node;
+          }
+        }}
         {...tableRowProps}
         sx={(theme) => ({
           backgroundColor: lighten(theme.palette.background.default, 0.06),