material-react-table 0.1.0 → 0.2.0

package/dist/MaterialReactTable.d.ts

@@ -1,26 +1,57 @@
-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>;
+import { ChangeEvent, MouseEvent, ReactNode } from 'react';
+import { TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TextFieldProps, Theme, ToolbarProps, TypographyProps } from '@mui/material';
+import { Cell, Column, HeaderGroup, Row, TableInstance, UseRowStateLocalState } from 'react-table';
+import { MRT_Localization } from './utils/localization';
+export interface MaterialReactTableProps<D extends {} = {}> {
+    columns: Column<D | {}>[];
+    data: D[];
+    enableColumnActions?: boolean;
+    enableColumnHiding?: boolean;
+    enableColumnReordering?: boolean;
+    enableColumnResizing?: boolean;
+    enableExpandAll?: boolean;
+    enableFiltering?: boolean;
+    enablePagination?: boolean;
+    enableSearch?: boolean;
+    enableSelectAll?: boolean;
+    enableSelection?: boolean;
+    enableSorting?: boolean;
+    enableSubRowTree?: boolean;
+    isLoading?: boolean;
+    isReloading?: boolean;
+    localization?: MRT_Localization;
+    onRowClick?: (event: MouseEvent<HTMLTableRowElement>, rowData: Row<D>) => void;
+    onRowSelectChange?: (event: ChangeEvent, rowState: UseRowStateLocalState<D, unknown>, selectedRows: Row<D>[]) => void;
+    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;
+    tableToolbarProps?: ToolbarProps;
     tableHeadProps?: TableHeadProps;
     tablePaginationProps?: TablePaginationProps;
     tableProps?: TableProps;
-    renderDetailPanel?: (rowData: any) => React.ReactNode;
-}
-export interface MaterialReactTableProps extends MaterialReactTableOptionalProps {
-    columns: Column[];
-    data: any[];
+    tableSearchTextfieldProps?: TextFieldProps;
+    tableTitleProps?: TypographyProps;
+    theme?: Theme;
+    title?: string | ReactNode;
+    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;
+    OverrideTableFooterComponent?(tableInstance: TableInstance<D>): ReactNode;
+    OverrideTableFooterCellComponent?(column: HeaderGroup<D>, 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;
 }
-export declare const MaterialReactTable: FC<MaterialReactTableProps>;
+export declare const MaterialReactTable: <D extends {}>({ enablePagination, enableSorting, enableSubRowTree, localization, positionPagination, showFiltersInColumnHead, showFooter, showHead, showToolbar, ...rest }: MaterialReactTableProps<D>) => JSX.Element;

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/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/{MRT_TableExpandButton.d.ts → buttons/MRT_ExpandButton.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_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/{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/{MRT_TableHeadCell.d.ts → head/MRT_TableHeadCell.d.ts}

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import { HeaderGroup } from 'react-table';
 interface Props {
     column: HeaderGroup;
+    index: number;
 }
 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/inputs/MRT_FilterTextField.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { HeaderGroup } from 'react-table';
+interface Props {
+    column: HeaderGroup;
+}
+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 {};