material-react-table 0.1.0-beta.1 → 0.3.1

package/dist/MaterialReactTable.d.ts

@@ -1,26 +1,60 @@
-import React, { FC } from 'react';
-import { TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps } from '@mui/material';
-import { Column } from 'react-table';
-export interface MaterialReactTableOptions {
-    enableFilters: boolean;
-    enablePagination: boolean | 'top' | 'bottom' | 'both' | 'none';
-    enableSearch: boolean;
-    enableSorting: boolean;
-    showFooter: boolean;
-    showHead: boolean;
-    showToolbar: boolean;
-}
-export interface MaterialReactTableOptionalProps {
-    options?: Partial<MaterialReactTableOptions>;
-    tableContainerProps?: TableContainerProps;
-    tableFooterProps?: TableFooterProps;
-    tableHeadProps?: TableHeadProps;
-    tablePaginationProps?: TablePaginationProps;
-    tableProps?: TableProps;
-    renderDetailPanel?: (rowData: any) => React.ReactNode;
-}
-export interface MaterialReactTableProps extends MaterialReactTableOptionalProps {
-    columns: Column[];
-    data: any[];
-}
-export declare const MaterialReactTable: FC<MaterialReactTableProps>;
+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 { 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> & {
+    defaultDensePadding?: boolean;
+    defaultShowFilters?: boolean;
+    disableColumnActions?: boolean;
+    disableColumnHiding?: boolean;
+    disableDensePaddingToggle?: boolean;
+    disableExpandAll?: boolean;
+    disableSelectAll?: boolean;
+    disableSubRowTree?: boolean;
+    enableColumnGrouping?: boolean;
+    enableColumnResizing?: boolean;
+    enableRowActions?: boolean;
+    enableRowEditing?: boolean;
+    enableSelection?: 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;
+    positionActionsColumn?: 'first' | 'last';
+    positionPagination?: 'bottom' | 'top' | 'both';
+    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;
+};
+declare const _default: <D extends {}>({ defaultColumn, localization, positionActionsColumn, positionPagination, positionToolbarActions, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+export default _default;

package/dist/{MRT_TableBodyCell.d.ts → body/MRT_TableBodyCell.d.ts}

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { Cell } from 'react-table';
 interface Props {
-    cell: Cell<object>;
+    cell: Cell;
 }
 export declare const MRT_TableBodyCell: FC<Props>;
 export {};

package/dist/{MRT_TableBodyRow.d.ts → body/MRT_TableBodyRow.d.ts}

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

package/dist/{MRT_TableDetailPanel.d.ts → body/MRT_TableDetailPanel.d.ts}

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

package/dist/{MRT_TableExpandButton.d.ts → buttons/MRT_EditActionButtons.d.ts}

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

package/dist/buttons/MRT_ExpandAllButton.d.ts

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

package/dist/buttons/MRT_ExpandButton.d.ts

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

package/dist/buttons/MRT_ShowHideColumnsButton.d.ts

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

package/dist/buttons/MRT_ToggleColumnActionMenuButton.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { HeaderGroup } from 'react-table';
+interface Props {
+    column: HeaderGroup;
+}
+export declare const MRT_ToggleColumnActionMenuButton: 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/{MRT_TableFooterRow.d.ts → footer/MRT_TableFooterRow.d.ts}

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { HeaderGroup } from 'react-table';
 interface Props {
-    footerGroup: HeaderGroup<object>;
+    footerGroup: HeaderGroup;
 }
 export declare const MRT_TableFooterRow: FC<Props>;
 export {};

package/dist/head/MRT_TableHeadCell.d.ts

@@ -0,0 +1,8 @@
+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;
+}
+export declare const MRT_TableHeadCell: FC<Props>;
+export {};

package/dist/{MRT_TableHeadRow.d.ts → head/MRT_TableHeadRow.d.ts}

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { HeaderGroup } from 'react-table';
 interface Props {
-    headerGroup: HeaderGroup<object>;
+    headerGroup: HeaderGroup;
 }
 export declare const MRT_TableHeadRow: FC<Props>;
 export {};

package/dist/index.d.ts

@@ -1 +1,3 @@
+import MaterialReactTable from './MaterialReactTable';
+export default MaterialReactTable;
 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 {};

package/dist/{MRT_TableHeadCell.d.ts → inputs/MRT_FilterTextField.d.ts}

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

package/dist/inputs/MRT_SearchTextField.d.ts

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

package/dist/inputs/MRT_SelectAllCheckbox.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const MRT_SelectAllCheckbox: () => JSX.Element;

package/dist/inputs/MRT_SelectCheckbox.d.ts

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