material-react-table 2.2.0 → 2.3.0

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.2.0",
+  "version": "2.3.0",
   "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.",

package/src/body/MRT_TableBody.tsx

@@ -87,6 +87,10 @@ export const MRT_TableBody = <TData extends MRT_RowData>({
     virtualPaddingRight,
   };
 
+  const CreatingRow = creatingRow && createDisplayMode === 'row' && (
+    <MRT_TableBodyRow {...commonRowProps} row={creatingRow} rowIndex={-1} />
+  );
+
   return (
     <>
       {!rowPinningDisplayMode?.includes('sticky') &&
@@ -115,24 +119,32 @@ export const MRT_TableBody = <TData extends MRT_RowData>({
             })}
           </TableBody>
         )}
+      {rowVirtualizer && CreatingRow && (
+        <TableBody
+          {...tableBodyProps}
+          sx={(theme) => ({
+            display: layoutMode?.startsWith('grid') ? 'grid' : undefined,
+            ...(parseFromValuesOrFunc(tableBodyProps?.sx, theme) as any),
+          })}
+        >
+          {CreatingRow}
+        </TableBody>
+      )}
       <TableBody
         {...tableBodyProps}
         sx={(theme) => ({
           display: layoutMode?.startsWith('grid') ? 'grid' : undefined,
-          height:
-            rowVirtualizer
-              ? `${rowVirtualizer.getTotalSize()}px`
-              : undefined,
+          height: rowVirtualizer
+            ? `${rowVirtualizer.getTotalSize()}px`
+            : undefined,
           minHeight: !rows.length ? '100px' : undefined,
           position: 'relative',
           ...(parseFromValuesOrFunc(tableBodyProps?.sx, theme) as any),
         })}
       >
-        {creatingRow && createDisplayMode === 'row' && (
-          <MRT_TableBodyRow row={creatingRow} rowIndex={-1} table={table} />
-        )}
+        {!rowVirtualizer && CreatingRow}
         {tableBodyProps?.children ??
-          (!rows.length ? (
+          (!rows.length && !CreatingRow ? (
             <tr
               style={{
                 display: layoutMode?.startsWith('grid') ? 'grid' : undefined,

package/src/menus/MRT_ShowHideColumnsMenu.tsx

@@ -40,14 +40,13 @@ export const MRT_ShowHideColumnsMenu = <TData extends MRT_RowData>({
       enableHiding,
       localization,
     },
-    toggleAllColumnsVisible,
   } = table;
   const { columnOrder, columnPinning, density } = getState();
 
-  const hideAllColumns = () => {
+  const handleToggleAllColumns = (value?: boolean) => {
     getAllLeafColumns()
       .filter((col) => col.columnDef.enableHiding !== false)
-      .forEach((col) => col.toggleVisibility(false));
+      .forEach((col) => col.toggleVisibility(value));
   };
 
   const allColumns = useMemo(() => {
@@ -99,7 +98,7 @@ export const MRT_ShowHideColumnsMenu = <TData extends MRT_RowData>({
         {enableHiding && (
           <Button
             disabled={!getIsSomeColumnsVisible()}
-            onClick={hideAllColumns}
+            onClick={() => handleToggleAllColumns(false)}
           >
             {localization.hideAll}
           </Button>
@@ -126,7 +125,7 @@ export const MRT_ShowHideColumnsMenu = <TData extends MRT_RowData>({
         {enableHiding && (
           <Button
             disabled={getIsAllColumnsVisible()}
-            onClick={() => toggleAllColumnsVisible(true)}
+            onClick={() => handleToggleAllColumns(true)}
           >
             {localization.showAll}
           </Button>

package/src/menus/MRT_ShowHideColumnsMenuItems.tsx

@@ -89,7 +89,8 @@ export const MRT_ShowHideColumnsMenuItems = <TData extends MRT_RowData>({
     }
   };
 
-  if (!columnDef.header) return null;
+  if (!columnDef.header || columnDef.visibleInShowHideMenu === false)
+    return null;
 
   return (
     <>

package/src/types.ts

@@ -579,6 +579,7 @@ export type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<
     table: MRT_TableInstance<TData>;
   }) => ReactNode[];
   sortingFn?: MRT_SortingFn<TData>;
+  visibleInShowHideMenu?: boolean;
 };
 
 export type MRT_DisplayColumnDef<