material-react-table 1.5.6 → 1.5.8

package/dist/cjs/types/index.d.ts

@@ -16,4 +16,6 @@ import { MRT_ToolbarAlertBanner } from './toolbar/MRT_ToolbarAlertBanner';
 import { MRT_ToolbarDropZone } from './toolbar/MRT_ToolbarDropZone';
 import { MRT_ToolbarInternalButtons } from './toolbar/MRT_ToolbarInternalButtons';
 import { MRT_ToggleRowActionMenuButton } from './buttons/MRT_ToggleRowActionMenuButton';
-export { MRT_CopyButton, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_ToggleRowActionMenuButton, };
+import { MRT_TopToolbar } from './toolbar/MRT_TopToolbar';
+import { MRT_BottomToolbar } from './toolbar/MRT_BottomToolbar';
+export { MRT_CopyButton, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_ToggleRowActionMenuButton, MRT_TopToolbar, MRT_BottomToolbar, };

package/dist/cjs/types/table/MRT_TableRoot.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_FilterOption, MRT_Row, MRT_TableInstance, MRT_TableState, MaterialReactTableProps, MRT_Localization } from '..';
+import type { MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_FilterOption, MRT_Localization, MRT_Row, MRT_TableInstance, MRT_TableState, MaterialReactTableProps } from '..';
 export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(props: Omit<Partial<import("@tanstack/react-table").TableOptions<TData>>, "state" | "data" | "onStateChange" | "initialState" | "getRowId" | "columns" | "defaultColumn" | "globalFilterFn" | "enableRowSelection" | "expandRowsFn"> & {
     columnFilterModeOptions?: (string & MRT_FilterOption)[] | null | undefined;
     columns: MRT_ColumnDef<TData>[];

package/dist/cjs/types/toolbar/MRT_BottomToolbar.d.ts

@@ -1,7 +1,7 @@
-import { FC } from 'react';
+/// <reference types="react" />
 import type { MRT_TableInstance } from '..';
-interface Props {
-    table: MRT_TableInstance;
+interface Props<TData extends Record<string, any> = {}> {
+    table: MRT_TableInstance<TData>;
 }
-export declare const MRT_BottomToolbar: FC<Props>;
+export declare const MRT_BottomToolbar: <TData extends Record<string, any> = {}>({ table, }: Props<TData>) => JSX.Element;
 export {};

package/dist/cjs/types/toolbar/MRT_LinearProgressBar.d.ts

@@ -1,8 +1,8 @@
-import { FC } from 'react';
+/// <reference types="react" />
 import type { MRT_TableInstance } from '..';
-interface Props {
+interface Props<TData extends Record<string, any> = {}> {
     isTopToolbar: boolean;
-    table: MRT_TableInstance;
+    table: MRT_TableInstance<TData>;
 }
-export declare const MRT_LinearProgressBar: FC<Props>;
+export declare const MRT_LinearProgressBar: <TData extends Record<string, any> = {}>({ isTopToolbar, table, }: Props<TData>) => JSX.Element;
 export {};

package/dist/cjs/types/toolbar/MRT_TopToolbar.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+/// <reference types="react" />
 import type { MRT_TableInstance } from '..';
 import type { Theme } from '@mui/material/styles';
 export declare const commonToolbarStyles: ({ theme }: {
@@ -15,8 +15,8 @@ export declare const commonToolbarStyles: ({ theme }: {
     transition: string;
     zIndex: number;
 };
-interface Props {
-    table: MRT_TableInstance;
+interface Props<TData extends Record<string, any> = {}> {
+    table: MRT_TableInstance<TData>;
 }
-export declare const MRT_TopToolbar: FC<Props>;
+export declare const MRT_TopToolbar: <TData extends Record<string, any> = {}>({ table, }: Props<TData>) => JSX.Element;
 export {};

package/dist/esm/material-react-table.esm.js

@@ -1124,7 +1124,7 @@ const MRT_GlobalFilterTextField = ({ table, }) => {
         React.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
@@ -1344,7 +1344,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();
@@ -1389,7 +1389,7 @@ const MRT_TopToolbar = ({ table }) => {
         React.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('(max-width:720px)');
@@ -1397,11 +1397,13 @@ const MRT_BottomToolbar = ({ table }) => {
         ? muiBottomToolbarProps({ table })
         : muiBottomToolbarProps;
     const stackAlertBanner = isMobile || !!renderBottomToolbarCustomActions;
-    return (React.createElement(Toolbar, 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.createElement(Toolbar, 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 ${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)
@@ -2371,7 +2373,7 @@ const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, row, row
             virtualPaddingRight ? (React.createElement("td", { style: { display: 'flex', width: virtualPaddingRight } })) : null),
         renderDetailPanel && !row.getIsGrouped() && (React.createElement(MRT_TableDetailPanel, { parentRowRef: rowRef, row: row, table: table, virtualRow: virtualRow }))));
 };
-const Memo_MRT_TableBodyRow = memo(MRT_TableBodyRow, (prev, next) => prev.row === next.row);
+const Memo_MRT_TableBodyRow = 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;
@@ -2971,5 +2973,5 @@ const MaterialReactTable = (_a) => {
     return (React.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)));
 };
 
-export { MRT_CopyButton, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MaterialReactTable as default };
+export { MRT_BottomToolbar, MRT_CopyButton, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTable as default };
 //# sourceMappingURL=material-react-table.esm.js.map