material-react-table 0.3.2 → 0.4.0

package/dist/MaterialReactTable.d.ts

@@ -1,16 +1,22 @@
 import { ChangeEvent, MouseEvent, ReactNode } from 'react';
-import { TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps, TypographyProps } from '@mui/material';
-import { Cell, Column, HeaderGroup, Row, TableInstance, TableOptions, UseExpandedOptions, UseFiltersOptions, UseGlobalFiltersOptions, UseGroupByOptions, UsePaginationOptions, UseResizeColumnsOptions, UseRowSelectOptions, UseRowStateOptions, UseSortByOptions } from 'react-table';
+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';
-export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & {
+import { MRT_ColumnInterface } from './@types/react-table-config';
+export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D> & UseTableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & {
+    columns: (Column<D> & MRT_ColumnInterface)[];
     defaultDensePadding?: boolean;
+    defaultFullScreen?: boolean;
     defaultShowFilters?: boolean;
+    defaultShowSearchTextField?: boolean;
     disableColumnActions?: boolean;
     disableColumnHiding?: boolean;
     disableDensePaddingToggle?: boolean;
     disableExpandAll?: boolean;
+    disableFullScreenToggle?: boolean;
     disableSelectAll?: boolean;
     disableSubRowTree?: boolean;
+    enableRowNumbers?: boolean;
     enableColumnGrouping?: boolean;
     enableColumnResizing?: boolean;
     enableRowActions?: boolean;
@@ -29,7 +35,7 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
     muiTableBodyCellProps?: TableCellProps | ((cell?: Cell<D>) => TableCellProps);
     muiTableBodyProps?: TableBodyProps;
     muiTableBodyRowProps?: TableRowProps | ((row: Row<D>) => TableRowProps);
-    muiTableContainerProps?: TableContainerProps;
+    muiTableContainerProps?: TableContainerProps | ((table: TableInstance<D>) => TableContainerProps);
     muiTableDetailPanelProps?: TableCellProps | ((row: Row<D>) => TableCellProps);
     muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
     muiTableFooterProps?: TableFooterProps;
@@ -40,10 +46,11 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
     muiTableHeadRowProps?: TableRowProps | ((row: HeaderGroup<D>) => TableRowProps);
     muiTablePaginationProps?: Partial<TablePaginationProps> | ((tableInstance: TableInstance<D>) => Partial<TablePaginationProps>);
     muiTableProps?: TableProps;
-    muiTableTitleProps?: TypographyProps;
+    muiTableToolbarAlertBannerProps?: AlertProps | ((tableInstance: TableInstance<D>) => AlertProps);
     muiTableToolbarBottomProps?: ToolbarProps | ((tableInstance: TableInstance<D>) => ToolbarProps);
     muiTableToolbarTopProps?: ToolbarProps | ((tableInstance: TableInstance<D>) => ToolbarProps);
     onCellClick?: (event: MouseEvent<HTMLTableCellElement>, cell: Cell<D>) => void;
+    onColumnHide?: (column: Column<D>, visibleColumns: Column<D>[]) => void;
     onDetailPanelClick?: (event: MouseEvent<HTMLTableCellElement>, row: Row<D>) => void;
     onGlobalFilterChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     onRowClick?: (event: MouseEvent<HTMLTableRowElement>, row: Row<D>) => void;
@@ -53,10 +60,11 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
     positionActionsColumn?: 'first' | 'last';
     positionPagination?: 'bottom' | 'top' | 'both';
     positionToolbarActions?: 'bottom' | 'top';
+    positionToolbarAlertBanner?: 'bottom' | 'top';
     renderDetailPanel?: (row: Row<D>) => ReactNode;
     renderRowActionMenuItems?: (rowData: Row<D>, tableInstance: TableInstance<D>, closeMenu: () => void) => ReactNode[];
     renderRowActions?: (row: Row<D>, tableInstance: TableInstance<D>) => ReactNode;
-    title?: string | ReactNode;
+    renderToolbarCustomActions?: (tableInstance: TableInstance<D>) => ReactNode;
 };
-declare const _default: <D extends {}>({ defaultColumn, localization, positionActionsColumn, positionPagination, positionToolbarActions, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+declare const _default: <D extends {}>({ defaultColumn, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

package/dist/body/MRT_TableBodyCell.d.ts

@@ -1,5 +1,8 @@
 import { FC } from 'react';
 import { Cell } from 'react-table';
+export declare const MRT_StyledTableBodyCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    densePadding?: boolean | undefined;
+}, {}, {}>;
 interface Props {
     cell: Cell;
 }

package/dist/buttons/MRT_FullScreenToggleButton.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+declare type Props = {};
+export declare const MRT_FullScreenToggleButton: FC<Props>;
+export {};

package/dist/buttons/MRT_ToggleSearchButton.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+declare type Props = {};
+export declare const MRT_ToggleSearchButton: FC<Props>;
+export {};

package/dist/head/MRT_TableHeadCell.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { HeaderGroup } from 'react-table';
-export declare const StyledTableHeadCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const MRT_StyledTableHeadCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     densePadding?: boolean | undefined;
     enableColumnResizing?: boolean | undefined;
 }, {}, {}>;

package/dist/head/MRT_TableHeadCellActions.d.ts

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

package/dist/inputs/{MRT_EditCellTextfield.d.ts → MRT_EditCellTextField.d.ts}

@@ -3,5 +3,5 @@ import { Cell } from 'react-table';
 interface Props {
     cell: Cell;
 }
-export declare const MRT_EditCellTextfield: FC<Props>;
+export declare const MRT_EditCellTextField: FC<Props>;
 export {};

package/dist/inputs/MRT_FilterTextField.d.ts

@@ -3,5 +3,5 @@ import { HeaderGroup } from 'react-table';
 interface Props {
     column: HeaderGroup;
 }
-export declare const MRT_FilterTextfield: FC<Props>;
+export declare const MRT_FilterTextField: FC<Props>;
 export {};