material-react-table 0.23.2 → 0.23.5

package/README.md

@@ -12,6 +12,9 @@
 <a href="https://github.com/KevinVandy/material-react-table" target="_blank_">
   <img alt="" src="https://img.shields.io/github/stars/KevinVandy/material-react-table.svg?style=social&label=Star" />
 </a>
+<a href="http://makeapullrequest.com" target="_blank_">
+  <img alt="" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square" />
+</a>
 
 ---
 
@@ -108,7 +111,7 @@ npm install material-react-table
 > Read the full usage docs [here](https://www.material-react-table.com/docs/usage/)
 
 ```jsx
-import React, { useMemo } from 'react';
+import React, { useMemo, useState, useEffect } from 'react';
 import MaterialReactTable from 'material-react-table';
 
 export default function App() {
@@ -145,6 +148,13 @@ export default function App() {
     [],
   );
 
+  //optionally, you can manage any/all of the table state yourself
+  const [rowSelection, setRowSelection] = useState({});
+
+  useEffect(() => {
+    //do something when the row selection changes
+  }, [rowSelection]);
+
   return (
     <MaterialReactTable 
       columns={columns} 
@@ -152,6 +162,8 @@ export default function App() {
       enableColumnOrdering //enable some features
       enableRowSelection 
       enableStickyHeader
+      onRowSelectionChange={setRowSelection} //hoist internal state to your own state (optional)
+      state={{ rowSelection }} //manage your own state, pass it back to the table (optional)
    />
    );
 }

package/dist/MaterialReactTable.d.ts

@@ -255,7 +255,8 @@ export declare type MaterialReactTableProps<TData extends Record<string, any> =
         table: MRT_TableInstance<TData>;
         row: MRT_Row<TData>;
     }) => IconButtonProps);
-    muiLinearProgressProps?: LinearProgressProps | (({ table, }: {
+    muiLinearProgressProps?: LinearProgressProps | (({ isTopToolbar, table, }: {
+        isTopToolbar: boolean;
         table: MRT_TableInstance<TData>;
     }) => LinearProgressProps);
     muiSearchTextFieldProps?: TextFieldProps | (({ table }: {

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

@@ -1814,7 +1814,7 @@ var MRT_ToolbarAlertBanner = function MRT_ToolbarAlertBanner(_ref) {
 };
 
 var MRT_LinearProgressBar = function MRT_LinearProgressBar(_ref) {
-  var alignTo = _ref.alignTo,
+  var isTopToolbar = _ref.isTopToolbar,
       table = _ref.table;
   var muiLinearProgressProps = table.options.muiLinearProgressProps,
       getState = table.getState;
@@ -1824,6 +1824,7 @@ var MRT_LinearProgressBar = function MRT_LinearProgressBar(_ref) {
       showProgressBars = _getState.showProgressBars;
 
   var linearProgressProps = muiLinearProgressProps instanceof Function ? muiLinearProgressProps({
+    isTopToolbar: isTopToolbar,
     table: table
   }) : muiLinearProgressProps;
   return React__default.createElement(material.Collapse, {
@@ -1831,9 +1832,9 @@ var MRT_LinearProgressBar = function MRT_LinearProgressBar(_ref) {
     mountOnEnter: true,
     unmountOnExit: true,
     sx: {
-      bottom: alignTo === 'bottom' ? 0 : undefined,
+      bottom: isTopToolbar ? 0 : undefined,
       position: 'absolute',
-      top: alignTo === 'top' ? 0 : undefined,
+      top: !isTopToolbar ? 0 : undefined,
       width: '100%'
     }
   }, React__default.createElement(material.LinearProgress, Object.assign({
@@ -1922,7 +1923,7 @@ var MRT_ToolbarTop = function MRT_ToolbarTop(_ref2) {
     table: table,
     position: "top"
   }), React__default.createElement(MRT_LinearProgressBar, {
-    alignTo: "bottom",
+    isTopToolbar: true,
     table: table
   }));
 };
@@ -1962,7 +1963,7 @@ var MRT_ToolbarBottom = function MRT_ToolbarBottom(_ref) {
       }, toolbarProps == null ? void 0 : toolbarProps.sx);
     }
   }), React__default.createElement(MRT_LinearProgressBar, {
-    alignTo: "top",
+    isTopToolbar: false,
     table: table
   }), positionToolbarAlertBanner === 'bottom' && React__default.createElement(MRT_ToolbarAlertBanner, {
     table: table