material-react-table 1.5.6 → 1.5.8

package/dist/cjs/index.js

@@ -1201,7 +1201,7 @@ const MRT_GlobalFilterTextField = ({ table, }) => {
         React__default["default"].createElement(MRT_FilterOptionMenu, { anchorEl: anchorEl, setAnchorEl: setAnchorEl, table: table, onSelect: handleClear })));
 };
 
-const MRT_LinearProgressBar = ({ isTopToolbar, table }) => {
+const MRT_LinearProgressBar = ({ isTopToolbar, table, }) => {
     const { options: { muiLinearProgressProps }, getState, } = table;
     const { isLoading, showProgressBars } = getState();
     const linearProgressProps = muiLinearProgressProps instanceof Function
@@ -1421,7 +1421,7 @@ const commonToolbarStyles = ({ theme }) => ({
     transition: 'all 150ms ease-in-out',
     zIndex: 1,
 });
-const MRT_TopToolbar = ({ table }) => {
+const MRT_TopToolbar = ({ table, }) => {
     var _a;
     const { getState, options: { enableGlobalFilter, enablePagination, enableToolbarInternalActions, muiTopToolbarProps, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderTopToolbarCustomActions, }, refs: { topToolbarRef }, } = table;
     const { isFullScreen, showGlobalFilter } = getState();
@@ -1466,7 +1466,7 @@ const MRT_TopToolbar = ({ table }) => {
         React__default["default"].createElement(MRT_LinearProgressBar, { isTopToolbar: true, table: table })));
 };
 
-const MRT_BottomToolbar = ({ table }) => {
+const MRT_BottomToolbar = ({ table, }) => {
     const { getState, options: { enablePagination, muiBottomToolbarProps, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderBottomToolbarCustomActions, }, refs: { bottomToolbarRef }, } = table;
     const { isFullScreen } = getState();
     const isMobile = useMediaQuery__default["default"]('(max-width:720px)');
@@ -1474,11 +1474,13 @@ const MRT_BottomToolbar = ({ table }) => {
         ? muiBottomToolbarProps({ table })
         : muiBottomToolbarProps;
     const stackAlertBanner = isMobile || !!renderBottomToolbarCustomActions;
-    return (React__default["default"].createElement(Toolbar__default["default"], Object.assign({ variant: "dense" }, toolbarProps, { ref: (ref) => {
-            bottomToolbarRef.current = ref;
-            if (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.ref) {
-                // @ts-ignore
-                toolbarProps.ref.current = ref;
+    return (React__default["default"].createElement(Toolbar__default["default"], Object.assign({ variant: "dense" }, toolbarProps, { ref: (node) => {
+            if (node) {
+                bottomToolbarRef.current = node;
+                if (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.ref) {
+                    // @ts-ignore
+                    toolbarProps.ref.current = node;
+                }
             }
         }, sx: (theme) => (Object.assign(Object.assign(Object.assign({}, commonToolbarStyles({ theme })), { bottom: isFullScreen ? '0' : undefined, boxShadow: `0 1px 2px -1px ${styles.alpha(theme.palette.common.black, 0.1)} inset`, left: 0, position: isFullScreen ? 'fixed' : 'relative', right: 0 }), ((toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.sx) instanceof Function
             ? toolbarProps.sx(theme)
@@ -2448,7 +2450,7 @@ const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, row, row
             virtualPaddingRight ? (React__default["default"].createElement("td", { style: { display: 'flex', width: virtualPaddingRight } })) : null),
         renderDetailPanel && !row.getIsGrouped() && (React__default["default"].createElement(MRT_TableDetailPanel, { parentRowRef: rowRef, row: row, table: table, virtualRow: virtualRow }))));
 };
-const Memo_MRT_TableBodyRow = React.memo(MRT_TableBodyRow, (prev, next) => prev.row === next.row);
+const Memo_MRT_TableBodyRow = React.memo(MRT_TableBodyRow, (prev, next) => (prev.row === next.row && prev.rowIndex === next.rowIndex));
 
 const MRT_TableBody = ({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }) => {
     var _a, _b, _c;
@@ -3048,6 +3050,7 @@ const MaterialReactTable = (_a) => {
     return (React__default["default"].createElement(MRT_TableRoot, Object.assign({ aggregationFns: _aggregationFns, autoResetExpanded: autoResetExpanded, columnResizeMode: columnResizeMode, defaultColumn: _defaultColumn, defaultDisplayColumn: _defaultDisplayColumn, editingMode: editingMode, enableBottomToolbar: enableBottomToolbar, enableColumnActions: enableColumnActions, enableColumnFilters: enableColumnFilters, enableColumnOrdering: enableColumnOrdering, enableColumnResizing: enableColumnResizing, enableDensityToggle: enableDensityToggle, enableExpandAll: enableExpandAll, enableFilters: enableFilters, enableFullScreenToggle: enableFullScreenToggle, enableGlobalFilter: enableGlobalFilter, enableGlobalFilterRankedResults: enableGlobalFilterRankedResults, enableGrouping: enableGrouping, enableHiding: enableHiding, enableMultiRowSelection: enableMultiRowSelection, enableMultiSort: enableMultiSort, enablePagination: enablePagination, enablePinning: enablePinning, enableRowSelection: enableRowSelection, enableSelectAll: enableSelectAll, enableSorting: enableSorting, enableStickyHeader: enableStickyHeader, enableTableFooter: enableTableFooter, enableTableHead: enableTableHead, enableToolbarInternalActions: enableToolbarInternalActions, enableTopToolbar: enableTopToolbar, filterFns: _filterFns, icons: _icons, layoutMode: layoutMode, localization: _localization, manualFiltering: manualFiltering, manualGrouping: manualGrouping, manualPagination: manualPagination, manualSorting: manualSorting, positionActionsColumn: positionActionsColumn, positionExpandColumn: positionExpandColumn, positionGlobalFilter: positionGlobalFilter, positionPagination: positionPagination, positionToolbarAlertBanner: positionToolbarAlertBanner, positionToolbarDropZone: positionToolbarDropZone, rowNumberMode: rowNumberMode, selectAllMode: selectAllMode, sortingFns: _sortingFns }, rest)));
 };
 
+exports.MRT_BottomToolbar = MRT_BottomToolbar;
 exports.MRT_CopyButton = MRT_CopyButton;
 exports.MRT_FilterOptionMenu = MRT_FilterOptionMenu;
 exports.MRT_FullScreenToggleButton = MRT_FullScreenToggleButton;
@@ -3061,5 +3064,6 @@ exports.MRT_ToggleRowActionMenuButton = MRT_ToggleRowActionMenuButton;
 exports.MRT_ToolbarAlertBanner = MRT_ToolbarAlertBanner;
 exports.MRT_ToolbarDropZone = MRT_ToolbarDropZone;
 exports.MRT_ToolbarInternalButtons = MRT_ToolbarInternalButtons;
+exports.MRT_TopToolbar = MRT_TopToolbar;
 exports["default"] = MaterialReactTable;
 //# sourceMappingURL=index.js.map