material-react-table 0.7.0-alpha.2 → 0.7.0-alpha.5

package/package.json

@@ -1,8 +1,8 @@
 {
-  "version": "0.7.0-alpha.2",
+  "version": "0.7.0-alpha.5",
   "license": "MIT",
   "name": "material-react-table",
-  "description": "A fully featured Material-UI implementation of react-table, inspired by material-table and the mui DataGrid, written from the ground up in TypeScript.",
+  "description": "A fully featured Material UI implementation of react-table, inspired by material-table and the MUI X DataGrid, written from the ground up in TypeScript.",
   "author": "Kevin Vandy",
   "keywords": [
     "react-table",
@@ -24,7 +24,7 @@
     "src"
   ],
   "engines": {
-    "node": ">=12"
+    "node": ">=14"
   },
   "scripts": {
     "analyze": "size-limit --why",
@@ -97,7 +97,7 @@
     "react": ">=16.8"
   },
   "dependencies": {
-    "@tanstack/react-table": "^8.0.0-alpha.26",
+    "@tanstack/react-table": "^8.0.0-alpha.28",
     "match-sorter": "^6.3.1"
   }
 }

package/src/MaterialReactTable.tsx

@@ -46,6 +46,11 @@ import { MRT_Default_Icons, MRT_Icons } from './icons';
 import { MRT_FILTER_TYPE } from './enums';
 import { MRT_TableRoot } from './table/MRT_TableRoot';
 
+//@ts-ignore
+window.performance = window.performance || {
+  now: () => new Date().getTime(),
+};
+
 export type MRT_TableOptions<D extends Record<string, any> = {}> = Partial<
   Omit<
     Options<D>,
@@ -688,7 +693,6 @@ export default <D extends Record<string, any> = {}>({
   enableSelectAll = true,
   enableSorting = true,
   enableStickyHeader = true,
-  filterTypes,
   icons,
   localization,
   positionActionsColumn = 'first',

package/src/buttons/MRT_CopyButton.tsx

@@ -1,10 +1,9 @@
-import React, { FC, ReactNode, useState } from 'react';
+import React, { FC, useState } from 'react';
 import { Button, Tooltip } from '@mui/material';
 import { MRT_Cell, MRT_TableInstance } from '..';
 
 interface Props {
   cell: MRT_Cell;
-  children: ReactNode;
   tableInstance: MRT_TableInstance;
 }
 

package/src/localization.ts

@@ -94,7 +94,6 @@ export const MRT_DefaultLocalization_EN: MRT_Localization = {
   search: 'Search',
   selectedCountOfRowCountRowsSelected:
     '{selectedCount} of {rowCount} row(s) selected',
-
   select: 'Select',
   showAll: 'Show all',
   showAllColumns: 'Show all columns',

package/src/table/MRT_TableRoot.tsx

@@ -195,15 +195,16 @@ export const MRT_TableRoot = <D extends Record<string, any> = {}>(
   //@ts-ignore
   const tableInstance: MRT_TableInstance<{}> = useTable(table, {
     ...props,
-    //@ts-ignore
-    filterTypes: defaultFilterFNs,
-    globalFilterType: currentGlobalFilterType,
     columnFilterRowsFn: columnFilterRowsFn,
     columns,
     data,
+    debugAll: false,
     expandRowsFn: expandRowsFn,
+    //@ts-ignore
+    filterTypes: defaultFilterFNs,
     getSubRows: props.getSubRows ?? ((originalRow: D) => originalRow.subRows),
     globalFilterRowsFn: globalFilterRowsFn,
+    globalFilterType: currentGlobalFilterType,
     groupRowsFn: groupRowsFn,
     idPrefix,
     onPaginationChange: (updater: any) =>

package/src/toolbar/MRT_TablePagination.tsx

@@ -33,14 +33,17 @@ export const MRT_TablePagination: FC<Props> = ({ tableInstance }) => {
 
   return (
     <TablePagination
-      SelectProps={{ sx: { m: '0 1rem 0 1ch' } }}
+      SelectProps={{
+        sx: { m: '0 1rem 0 1ch' },
+        MenuProps: { MenuListProps: { disablePadding: true } },
+      }}
       component="div"
       count={getPrePaginationRowModel().rows.length}
       onPageChange={(_: any, newPage: number) => setPageIndex(newPage)}
       onRowsPerPageChange={handleChangeRowsPerPage}
       page={pageIndex}
       rowsPerPage={pageSize}
-      rowsPerPageOptions={[5, 10, 20, 25, 50, 100]}
+      rowsPerPageOptions={[5, 10, 15, 20, 25, 30, 50, 100]}
       showFirstButton={showFirstLastPageButtons}
       showLastButton={showFirstLastPageButtons}
       {...tablePaginationProps}