material-react-table 0.4.3 → 0.4.4

package/dist/MaterialReactTable.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, MouseEvent, ReactNode } from 'react';
+import { ChangeEvent, FC, MouseEvent, ReactNode } from 'react';
 import { AlertProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
 import { Cell, Column, HeaderGroup, Row, TableInstance, TableOptions, UseExpandedOptions, UseFiltersOptions, UseGlobalFiltersOptions, UseGroupByOptions, UsePaginationOptions, UseResizeColumnsOptions, UseRowSelectOptions, UseRowStateOptions, UseSortByOptions, UseTableOptions } from 'react-table';
 import { MRT_Localization } from './utils/localization';
@@ -24,7 +24,7 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
     enableSelection?: boolean;
     hideTableFooter?: boolean;
     hideTableHead?: boolean;
-    hideToolbarActions?: boolean;
+    hideToolbarInternalActions?: boolean;
     hideToolbarBottom?: boolean;
     hideToolbarTop?: boolean;
     isFetching?: boolean;
@@ -65,6 +65,13 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
     renderRowActionMenuItems?: (rowData: Row<D>, tableInstance: TableInstance<D>, closeMenu: () => void) => ReactNode[];
     renderRowActions?: (row: Row<D>, tableInstance: TableInstance<D>) => ReactNode;
     renderToolbarCustomActions?: (tableInstance: TableInstance<D>) => ReactNode;
+    renderToolbarInternalActions?: (tableInstance: TableInstance<D>, { MRT_ToggleSearchButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
+        MRT_ToggleSearchButton: FC;
+        MRT_ToggleFiltersButton: FC;
+        MRT_ShowHideColumnsButton: FC;
+        MRT_ToggleDensePaddingButton: FC;
+        MRT_FullScreenToggleButton: FC;
+    }) => ReactNode;
 };
 declare const _default: <D extends {}>({ defaultColumn, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

package/dist/inputs/MRT_DensePaddingSwitch.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+interface Props {
+}
+export declare const MRT_DensePaddingSwitch: FC<Props>;
+export {};

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

@@ -2163,7 +2163,19 @@ var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons() {
       disableColumnHiding = _useMRT.disableColumnHiding,
       disableDensePaddingToggle = _useMRT.disableDensePaddingToggle,
       disableGlobalFilter = _useMRT.disableGlobalFilter,
-      disableFullScreenToggle = _useMRT.disableFullScreenToggle;
+      disableFullScreenToggle = _useMRT.disableFullScreenToggle,
+      renderToolbarInternalActions = _useMRT.renderToolbarInternalActions,
+      tableInstance = _useMRT.tableInstance;
+
+  if (renderToolbarInternalActions) {
+    return React__default.createElement(React__default.Fragment, null, renderToolbarInternalActions(tableInstance, {
+      MRT_ToggleSearchButton: MRT_ToggleSearchButton,
+      MRT_ToggleFiltersButton: MRT_ToggleFiltersButton,
+      MRT_ShowHideColumnsButton: MRT_ShowHideColumnsButton,
+      MRT_ToggleDensePaddingButton: MRT_ToggleDensePaddingButton,
+      MRT_FullScreenToggleButton: MRT_FullScreenToggleButton
+    }));
+  }
 
   return React__default.createElement(ToolbarButtonsContainer, null, !disableGlobalFilter && React__default.createElement(MRT_ToggleSearchButton, null), !disableFilters && React__default.createElement(MRT_ToggleFiltersButton, null), !disableColumnHiding && React__default.createElement(MRT_ShowHideColumnsButton, null), !disableDensePaddingToggle && React__default.createElement(MRT_ToggleDensePaddingButton, null), !disableFullScreenToggle && React__default.createElement(MRT_FullScreenToggleButton, null));
 };
@@ -2293,7 +2305,7 @@ var MRT_ToolbarTop = function MRT_ToolbarTop() {
 
   var _useMRT = useMRT(),
       disableGlobalFilter = _useMRT.disableGlobalFilter,
-      hideToolbarActions = _useMRT.hideToolbarActions,
+      hideToolbarInternalActions = _useMRT.hideToolbarInternalActions,
       manualPagination = _useMRT.manualPagination,
       muiTableToolbarTopProps = _useMRT.muiTableToolbarTopProps,
       positionPagination = _useMRT.positionPagination,
@@ -2307,7 +2319,7 @@ var MRT_ToolbarTop = function MRT_ToolbarTop() {
   return React__default.createElement(Toolbar, Object.assign({
     fullScreen: fullScreen,
     variant: "dense"
-  }, toolbarProps), positionToolbarAlertBanner === 'top' && React__default.createElement(MRT_ToolbarAlertBanner, null), React__default.createElement(ToolbarTopRow, null, (_renderToolbarCustomA = renderToolbarCustomActions == null ? void 0 : renderToolbarCustomActions(tableInstance)) != null ? _renderToolbarCustomA : React__default.createElement("span", null), React__default.createElement(ToolbarActionsContainer, null, !disableGlobalFilter && React__default.createElement(MRT_SearchTextField, null), !hideToolbarActions && positionToolbarActions === 'top' && React__default.createElement(MRT_ToolbarInternalButtons, null))), React__default.createElement("div", null, !manualPagination && ['top', 'both'].includes(positionPagination != null ? positionPagination : '') && React__default.createElement(MRT_TablePagination, null)));
+  }, toolbarProps), positionToolbarAlertBanner === 'top' && React__default.createElement(MRT_ToolbarAlertBanner, null), React__default.createElement(ToolbarTopRow, null, (_renderToolbarCustomA = renderToolbarCustomActions == null ? void 0 : renderToolbarCustomActions(tableInstance)) != null ? _renderToolbarCustomA : React__default.createElement("span", null), React__default.createElement(ToolbarActionsContainer, null, !disableGlobalFilter && React__default.createElement(MRT_SearchTextField, null), !hideToolbarInternalActions && positionToolbarActions === 'top' && React__default.createElement(MRT_ToolbarInternalButtons, null))), React__default.createElement("div", null, !manualPagination && ['top', 'both'].includes(positionPagination != null ? positionPagination : '') && React__default.createElement(MRT_TablePagination, null)));
 };
 
 var Toolbar$1 = /*#__PURE__*/material.styled(material.Toolbar, {
@@ -2332,7 +2344,7 @@ var Toolbar$1 = /*#__PURE__*/material.styled(material.Toolbar, {
 });
 var MRT_ToolbarBottom = function MRT_ToolbarBottom() {
   var _useMRT = useMRT(),
-      hideToolbarActions = _useMRT.hideToolbarActions,
+      hideToolbarInternalActions = _useMRT.hideToolbarInternalActions,
       manualPagination = _useMRT.manualPagination,
       muiTableToolbarBottomProps = _useMRT.muiTableToolbarBottomProps,
       positionPagination = _useMRT.positionPagination,
@@ -2345,7 +2357,7 @@ var MRT_ToolbarBottom = function MRT_ToolbarBottom() {
   return React__default.createElement(Toolbar$1, Object.assign({
     fullScreen: fullScreen,
     variant: "dense"
-  }, toolbarProps), !hideToolbarActions && positionToolbarActions === 'bottom' ? React__default.createElement(MRT_ToolbarInternalButtons, null) : React__default.createElement("span", null), positionToolbarAlertBanner === 'bottom' && React__default.createElement(MRT_ToolbarAlertBanner, null), !manualPagination && ['bottom', 'both'].includes(positionPagination != null ? positionPagination : '') && React__default.createElement(MRT_TablePagination, null));
+  }, toolbarProps), !hideToolbarInternalActions && positionToolbarActions === 'bottom' ? React__default.createElement(MRT_ToolbarInternalButtons, null) : React__default.createElement("span", null), positionToolbarAlertBanner === 'bottom' && React__default.createElement(MRT_ToolbarAlertBanner, null), !manualPagination && ['bottom', 'both'].includes(positionPagination != null ? positionPagination : '') && React__default.createElement(MRT_TablePagination, null));
 };
 
 var TableContainer = /*#__PURE__*/material.styled(material.TableContainer, {
@@ -2359,7 +2371,7 @@ var TableContainer = /*#__PURE__*/material.styled(material.TableContainer, {
     height: fullScreen ? '100%' : undefined,
     left: fullScreen ? '0' : undefined,
     margin: fullScreen ? '0' : undefined,
-    position: fullScreen ? 'absolute' : undefined,
+    position: fullScreen ? 'fixed' : undefined,
     right: fullScreen ? '0' : undefined,
     top: fullScreen ? '0' : undefined,
     transition: 'all 0.2s ease-in-out',