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

package/README.md

@@ -1,47 +1,57 @@
 # Material React Table
 
-- A fully featured Material-UI implementation of react-table
-- Inspired by material-table and the material-ui DataGrid
-- Written from the ground up in TypeScript, Material-UI, and React Table
+> This Project is based on react-table v8, which itself is still in alpha, and therefore this package is also still in alpha
+
+- A fully featured Material UI v5 implementation of react-table v8 (alpha)
+- Inspired by material-table and the MUI X DataGrid
+- Written from the ground up in TypeScript, Material UI, and React Table
+- All internal Material UI components are easily customizable
 
 ## This project is in alpha, but feel free to install and explore
 
-View the docs (alpha) site at https://www.material-react-table.com/
+View the [docs (alpha) site](https://www.material-react-table.com/)
 
-View additional storybook examples at https://www.material-react-table.dev/
+View additional [storybook examples](https://www.material-react-table.dev/)
 
-View the source code and open issues at https://github.com/KevinVandy/material-react-table
+View the [github source code](https://github.com/KevinVandy/material-react-table) and [github open issues](https://github.com/KevinVandy/material-react-table/issues)
 
-Join the discord development discussion at https://discord.gg/5wqyRx6fnm
+Join the [discord](https://discord.gg/5wqyRx6fnm) server to join in on the development discussion
 
 <br />
 
-### Features (Still In Active Development)
+### Features (Some Still In Active Development)
 
-- [ ] Column Ordering
-- [ ] Column Resizing (in dev)
-- [x] Cell Editing
+- [x] Click To Copy Cell Values
 - [x] Column Actions
 - [x] Column Hiding
-- [x] Custom Styling
+- [x] Column Grouping (Group By and Aggregates)
+- [ ] Column Ordering (react-dnd planned)
+- [x] Column Pinning
+- [x] Column Resizing (work in progress)
+- [x] Custom Icons
+- [x] Custom Styling and internal Mui Components
+- [ ] Data Editing (work in progress)
 - [x] Dense Padding Toggle
-- [x] Localization
 - [x] Filtering
-- [x] Global Search
+- [x] Fullscreen
+- [ ] Global Search (Advanced search options!)
 - [x] HeaderGroups
-- [x] Pagination
+- [x] Localization i18n
+- [x] Pagination (supports client-side and server-side)
 - [x] Row Actions
-- [x] Selection
+- [x] Row Selection
+- [x] SSR compatible
 - [x] Sorting
 - [x] Toolbars
-- [x] Tree Data (Subrows)
+- [x] Tree Data / Expanding Subrows
+- [ ] Virtualization (planned)
 
 ### Installation
 
-1. Install Peer Dependencies (material-ui v5 and react table v7)
+1. Install Peer Dependencies (Material UI v5)
 
 ```bash
-npm install @mui/material @mui/icons-material @emotion/react @emotion/styled react-table
+npm install @mui/material @mui/icons-material @emotion/react @emotion/styled
 ```
 
 2. Install material-react-table

package/dist/MaterialReactTable.d.ts

@@ -351,5 +351,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
         }>;
     }) => ReactNode;
 };
-declare const _default: <D extends Record<string, any> = {}>({ enableColumnActions, enableColumnFilters, enableDensePaddingToggle, enableExpandAll, enableFullScreenToggle, enableGlobalFilter, enableHiding, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, filterTypes, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+declare const _default: <D extends Record<string, any> = {}>({ enableColumnActions, enableColumnFilters, enableDensePaddingToggle, enableExpandAll, enableFullScreenToggle, enableGlobalFilter, enableHiding, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

package/dist/buttons/MRT_CopyButton.d.ts

@@ -1,8 +1,7 @@
-import { FC, ReactNode } from 'react';
+import { FC } from 'react';
 import { MRT_Cell, MRT_TableInstance } from '..';
 interface Props {
     cell: MRT_Cell;
-    children: ReactNode;
     tableInstance: MRT_TableInstance;
 }
 export declare const MRT_CopyButton: FC<Props>;

package/dist/material-react-table.cjs.development.js

@@ -1470,6 +1470,11 @@ var MRT_TablePagination = function MRT_TablePagination(_ref) {
     SelectProps: {
       sx: {
         m: '0 1rem 0 1ch'
+      },
+      MenuProps: {
+        MenuListProps: {
+          disablePadding: true
+        }
       }
     },
     component: "div",
@@ -1480,7 +1485,7 @@ var MRT_TablePagination = function MRT_TablePagination(_ref) {
     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, {
@@ -2899,17 +2904,18 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
   }, [props.data, props.isLoading]); //@ts-ignore
 
   var tableInstance = reactTable.useTable(table, _extends({}, props, {
-    //@ts-ignore
-    filterTypes: defaultFilterFNs,
-    globalFilterType: currentGlobalFilterType,
     columnFilterRowsFn: reactTable.columnFilterRowsFn,
     columns: columns,
     data: data,
+    debugAll: false,
     expandRowsFn: reactTable.expandRowsFn,
+    //@ts-ignore
+    filterTypes: defaultFilterFNs,
     getSubRows: (_props$getSubRows = props.getSubRows) != null ? _props$getSubRows : function (originalRow) {
       return originalRow.subRows;
     },
     globalFilterRowsFn: reactTable.globalFilterRowsFn,
+    globalFilterType: currentGlobalFilterType,
     groupRowsFn: reactTable.groupRowsFn,
     idPrefix: idPrefix,
     onPaginationChange: function onPaginationChange(updater) {
@@ -2943,7 +2949,13 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
   });
 };
 
-var _excluded$5 = ["enableColumnActions", "enableColumnFilters", "enableDensePaddingToggle", "enableExpandAll", "enableFullScreenToggle", "enableGlobalFilter", "enableHiding", "enablePagination", "enableSelectAll", "enableSorting", "enableStickyHeader", "filterTypes", "icons", "localization", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
+var _excluded$5 = ["enableColumnActions", "enableColumnFilters", "enableDensePaddingToggle", "enableExpandAll", "enableFullScreenToggle", "enableGlobalFilter", "enableHiding", "enablePagination", "enableSelectAll", "enableSorting", "enableStickyHeader", "icons", "localization", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
+
+window.performance = window.performance || {
+  now: function now() {
+    return new Date().getTime();
+  }
+};
 var MaterialReactTable = (function (_ref) {
   var _ref$enableColumnActi = _ref.enableColumnActions,
       enableColumnActions = _ref$enableColumnActi === void 0 ? true : _ref$enableColumnActi,