material-react-table 0.40.6 → 0.40.9

package/README.md

@@ -1,5 +1,9 @@
 # Material React Table
 
+__Built with [Material UI <sup>V5</sup>](https://mui.com) and [TanStack Table <sup>V8</sup>](https://tanstack.com/table/v8)__
+
+_Quickly Create React Data Tables with Material Design_
+
 <a href="https://npmjs.com/package/material-react-table" target="_blank">
   <img alt="" src="https://badgen.net/npm/v/material-react-table?color=blue" />
 </a>
@@ -19,8 +23,6 @@
   <img alt="" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square" />
 </a>
 
----
-
 ## About
 
 > This project is still in alpha, but is expected to enter beta by August 2022, and a stable 1.0 release shortly thereafter.
@@ -36,12 +38,10 @@ View the [Docs Website](https://www.material-react-table.com/)
 
 See all [Props and Options](https://www.material-react-table.com/docs/api)
 
----
-
 ## Quick Examples
 
  - [Basic Table](https://www.material-react-table.com/docs/examples/basic/) (See Default Features)
- - [Minimal Table](https://www.material-react-table.com/docs/examples/minimal/) (Turn off Features)
+ - [Minimal Table](https://www.material-react-table.com/docs/examples/minimal/) (Turn off Features like Pagination, Sorting, Filtering, and Toolbars)
  - [Advanced Table](https://www.material-react-table.com/docs/examples/advanced/) (See some of the Advanced Features)
  - [Aggregation/Grouping](https://www.material-react-table.com/docs/examples/aggregation-and-grouping/) (Aggregation features such as Sum, Average, Count, etc.)
  - [Data Export Table](https://www.material-react-table.com/docs/examples/data-export/) (Export to CSV, Excel, etc.)
@@ -53,8 +53,6 @@ See all [Props and Options](https://www.material-react-table.com/docs/api)
 
 View additional [storybook examples](https://www.material-react-table.dev/)
 
----
-
 ## Features (All Features work and are MVP, but are still being polished)
 
 _All features can easily be enabled/disabled_
@@ -91,8 +89,6 @@ _All features can easily be enabled/disabled_
 - [x] Tree Data / Expanding Sub-rows
 - [x] Virtualization (react-virtual)
 
----
-
 ## Getting Started
 
 ### Installation
@@ -113,13 +109,11 @@ npm install material-react-table
 
 > _`@tanstack/react-table`, `@tanstack/react-virtual`, and `@tanstack/match-sorter-utils`_ are internal dependencies, so you don't need to install them yourself.
 
----
-
 ### Usage
 
 > Read the full usage docs [here](https://www.material-react-table.com/docs/getting-started/usage/)
 
-```tsx
+```jsx
 import React, { useMemo, useState, useEffect } from 'react';
 import MaterialReactTable from 'material-react-table';
 
@@ -178,8 +172,6 @@ export default function App() {
 
 _Open in [Code Sandbox](https://codesandbox.io/s/simple-material-react-table-example-t5c3ji)_
 
----
-
 ## Contributors
 
 <a href="https://github.com/kevinvandy/material-react-table/graphs/contributors">

package/dist/cjs/MaterialReactTable.d.ts

@@ -130,7 +130,7 @@ export declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit
      *
      * @example accessorFn: (row) => row.username
      */
-    accessorFn?: (row: TData) => any;
+    accessorFn?: (originalRow: TData) => any;
     /**
      * Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
      * Specify which key in the row this column should use to access the correct data.
@@ -160,7 +160,7 @@ export declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit
     filterFn?: MRT_FilterFn<TData>;
     filterSelectOptions?: (string | {
         text: string;
-        value: string;
+        value: any;
     })[];
     filterVariant?: 'text' | 'select' | 'multi-select' | 'range';
     /**
@@ -311,7 +311,7 @@ export declare type MaterialReactTableProps<TData extends Record<string, any> =
     enableTableHead?: boolean;
     enableToolbarInternalActions?: boolean;
     enableTopToolbar?: boolean;
-    enabledGlobalFilterOptions?: (MRT_FilterOption | string)[] | null;
+    globalFilterModeOptions?: (MRT_FilterOption | string)[] | null;
     expandRowsFn?: (dataRow: TData) => TData[];
     icons?: Partial<MRT_Icons>;
     initialState?: Partial<MRT_TableState<TData>>;

package/dist/cjs/index.js

@@ -391,7 +391,7 @@ const mrtFilterOptions = (localization) => [
 ];
 const MRT_FilterOptionMenu = ({ anchorEl, header, onSelect, setAnchorEl, table, }) => {
     var _a, _b, _c, _d;
-    const { getState, options: { enabledGlobalFilterOptions, columnFilterModeOptions, localization, renderColumnFilterModeMenuItems, renderGlobalFilterModeMenuItems, }, setColumnFilterFns, setGlobalFilterFn, } = table;
+    const { getState, options: { columnFilterModeOptions, globalFilterModeOptions, localization, renderColumnFilterModeMenuItems, renderGlobalFilterModeMenuItems, }, setColumnFilterFns, setGlobalFilterFn, } = table;
     const { globalFilterFn, density } = getState();
     const { column } = header !== null && header !== void 0 ? header : {};
     const { columnDef } = column !== null && column !== void 0 ? column : {};
@@ -399,8 +399,8 @@ const MRT_FilterOptionMenu = ({ anchorEl, header, onSelect, setAnchorEl, table,
     const internalFilterOptions = React.useMemo(() => mrtFilterOptions(localization).filter((filterOption) => columnDef
         ? allowedColumnFilterOptions === undefined ||
             (allowedColumnFilterOptions === null || allowedColumnFilterOptions === void 0 ? void 0 : allowedColumnFilterOptions.includes(filterOption.option))
-        : (!enabledGlobalFilterOptions ||
-            enabledGlobalFilterOptions.includes(filterOption.option)) &&
+        : (!globalFilterModeOptions ||
+            globalFilterModeOptions.includes(filterOption.option)) &&
             ['fuzzy', 'contains', 'startsWith'].includes(filterOption.option)), []);
     const handleSelectFilterMode = (option) => {
         if (header && column) {
@@ -2162,7 +2162,8 @@ const MRT_TableBody = ({ table, tableContainerRef }) => {
             !Object.values(sorting).some(Boolean)) {
             const rankedRows = getPrePaginationRowModel().rows.sort((a, b) => rankGlobalFuzzy(a, b));
             if (enablePagination) {
-                return rankedRows.slice(pagination.pageIndex, pagination.pageSize);
+                const start = pagination.pageIndex * pagination.pageSize;
+                return rankedRows.slice(start, start + pagination.pageSize);
             }
             return rankedRows;
         }
@@ -2175,6 +2176,8 @@ const MRT_TableBody = ({ table, tableContainerRef }) => {
             ? getPrePaginationRowModel().rows
             : getRowModel().rows,
         globalFilter,
+        pagination.pageIndex,
+        pagination.pageSize,
     ]);
     const virtualizer = enableRowVirtualization
         ? reactVirtual.useVirtual(Object.assign({ size: rows.length, parentRef: tableContainerRef, overscan: 15 }, vProps))