material-react-table 0.3.0 → 0.3.1

package/dist/MaterialReactTable.d.ts

@@ -1,58 +1,60 @@
 import { ChangeEvent, MouseEvent, ReactNode } from 'react';
-import { TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TextFieldProps, ToolbarProps, TypographyProps } from '@mui/material';
-import { Cell, HeaderGroup, Row, TableInstance, TableOptions } from 'react-table';
+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 { MRT_Localization } from './utils/localization';
-export interface MaterialReactTableProps<D extends {} = {}> extends TableOptions<D> {
-    enableColumnActions?: boolean;
+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> & {
+    defaultDensePadding?: boolean;
+    defaultShowFilters?: boolean;
+    disableColumnActions?: boolean;
+    disableColumnHiding?: boolean;
+    disableDensePaddingToggle?: boolean;
+    disableExpandAll?: boolean;
+    disableSelectAll?: boolean;
+    disableSubRowTree?: boolean;
     enableColumnGrouping?: boolean;
-    enableColumnHiding?: boolean;
-    enableColumnReordering?: boolean;
     enableColumnResizing?: boolean;
-    enableExpandAll?: boolean;
-    enableFiltering?: boolean;
-    enablePagination?: boolean;
-    enableSearch?: boolean;
-    enableSelectAll?: boolean;
+    enableRowActions?: boolean;
+    enableRowEditing?: boolean;
     enableSelection?: boolean;
-    enableSorting?: boolean;
-    enableSubRowTree?: boolean;
+    hideTableFooter?: boolean;
+    hideTableHead?: boolean;
+    hideToolbarActions?: boolean;
+    hideToolbarBottom?: boolean;
+    hideToolbarTop?: boolean;
     isFetching?: boolean;
     isLoading?: boolean;
     localization?: Partial<MRT_Localization>;
+    muiSearchTextFieldProps?: TextFieldProps;
+    muiTableBodyCellProps?: TableCellProps | ((cell?: Cell<D>) => TableCellProps);
+    muiTableBodyProps?: TableBodyProps;
+    muiTableBodyRowProps?: TableRowProps | ((row: Row<D>) => TableRowProps);
+    muiTableContainerProps?: TableContainerProps;
+    muiTableDetailPanelProps?: TableCellProps | ((row: Row<D>) => TableCellProps);
+    muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
+    muiTableFooterProps?: TableFooterProps;
+    muiTableFooterRowProps?: TableRowProps | ((footerGroup: HeaderGroup<D>) => TableRowProps);
+    muiTableHeadCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
+    muiTableHeadProps?: TableHeadProps;
+    muiTableHeadRowProps?: TableRowProps | ((row: HeaderGroup<D>) => TableRowProps);
+    muiTablePaginationProps?: Partial<TablePaginationProps> | ((tableInstance: TableInstance<D>) => Partial<TablePaginationProps>);
+    muiTableProps?: TableProps;
+    muiTableTitleProps?: TypographyProps;
+    muiTableToolbarBottomProps?: ToolbarProps | ((tableInstance: TableInstance<D>) => ToolbarProps);
+    muiTableToolbarTopProps?: ToolbarProps | ((tableInstance: TableInstance<D>) => ToolbarProps);
     onCellClick?: (event: MouseEvent<HTMLTableCellElement>, cell: Cell<D>) => void;
+    onDetailPanelClick?: (event: MouseEvent<HTMLTableCellElement>, row: Row<D>) => void;
+    onGlobalFilterChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     onRowClick?: (event: MouseEvent<HTMLTableRowElement>, row: Row<D>) => void;
+    onRowEditSubmit?: (row: Row<D>) => Promise<void> | void;
     onRowExpandChange?: (event: MouseEvent<HTMLButtonElement>, row: Row<D>) => void;
     onRowSelectChange?: (event: ChangeEvent, row: Row<D>, selectedRows: Row<D>[]) => void;
-    onSearchChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    overrideTableBodyCellComponent?(cell: Cell<D>, tableInstance: TableInstance<D>): ReactNode;
-    overrideTableBodyComponent?(tableInstance: TableInstance<D>): ReactNode;
-    overrideTableBodyRowComponent?(row: Row<D>, tableInstance: TableInstance<D>): ReactNode;
-    overrideTableDetailPanelComponent?(row: Row<D>, tableInstance: TableInstance<D>): ReactNode;
-    overrideTableFooterCellComponent?(column: HeaderGroup<D>, tableInstance: TableInstance<D>): ReactNode;
-    overrideTableFooterComponent?(tableInstance: TableInstance<D>): ReactNode;
-    overrideTableFooterRowComponent?(footerGroup: HeaderGroup<D>, tableInstance: TableInstance<D>): ReactNode;
-    overrideTableHeadCellComponent?(column: HeaderGroup<D>, tableInstance: TableInstance<D>): ReactNode;
-    overrideTableHeadComponent?(tableInstance: TableInstance<D>): ReactNode;
-    overrideTableHeadRowComponent?(headerGroup: HeaderGroup<D>, tableInstance: TableInstance<D>): ReactNode;
-    overrideTablePaginationComponent?(tableInstance: TableInstance<D>): ReactNode;
-    overrideTableToolbarComponent?(tableInstance: TableInstance<D>): ReactNode;
+    positionActionsColumn?: 'first' | 'last';
     positionPagination?: 'bottom' | 'top' | 'both';
-    renderDetailPanel?: (rowData: Row<D>) => ReactNode;
-    showFiltersInColumnHead?: boolean;
-    showFooter?: boolean;
-    showHead?: boolean;
-    showToolbar?: boolean;
-    surpressoverrideWarnings?: boolean;
-    tableBodyProps?: TableBodyProps;
-    tableContainerProps?: TableContainerProps;
-    tableDetailPanelProps?: TableCellProps;
-    tableFooterProps?: TableFooterProps;
-    tableHeadProps?: TableHeadProps;
-    tablePaginationProps?: TablePaginationProps;
-    tableProps?: TableProps;
-    tableSearchTextfieldProps?: TextFieldProps;
-    tableTitleProps?: TypographyProps;
-    tableToolbarProps?: ToolbarProps;
+    positionToolbarActions?: 'bottom' | 'top';
+    renderRowActions?: (row: Row<D>, tableInstance: TableInstance<D>) => ReactNode;
+    renderDetailPanel?: (row: Row<D>) => ReactNode;
+    renderRowActionMenuItems?: (rowData: Row<D>, tableInstance: TableInstance<D>, closeMenu: () => void) => ReactNode[];
     title?: string | ReactNode;
-}
-export declare const MaterialReactTable: <D extends {}>({ defaultColumn, enablePagination, enableSorting, enableSubRowTree, localization, positionPagination, showFiltersInColumnHead, showFooter, showHead, showToolbar, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+};
+declare const _default: <D extends {}>({ defaultColumn, localization, positionActionsColumn, positionPagination, positionToolbarActions, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+export default _default;

package/dist/buttons/MRT_EditActionButtons.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { Row } from 'react-table';
+interface Props {
+    row: Row;
+}
+export declare const MRT_EditActionButtons: FC<Props>;
+export {};

package/dist/buttons/MRT_ToggleFiltersButton.d.ts

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

package/dist/buttons/MRT_ToggleRowActionMenuButton.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { Row } from 'react-table';
+interface Props {
+    row: Row;
+}
+export declare const MRT_ToggleRowActionMenuButton: FC<Props>;
+export {};

package/dist/head/MRT_TableHeadCell.d.ts

@@ -1,5 +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>, {}, {}>;
 interface Props {
     column: HeaderGroup;
 }

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-import { MaterialReactTable, MaterialReactTableProps } from './MaterialReactTable';
+import MaterialReactTable from './MaterialReactTable';
 export default MaterialReactTable;
-export type { MaterialReactTableProps };
+export * from './MaterialReactTable';

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 {};