material-react-table 0.7.0 → 0.7.3

package/README.md

@@ -30,9 +30,9 @@ Join the [discord](https://discord.gg/5wqyRx6fnm) server to join in on the devel
 - [x] Custom Styling and internal Mui Components
 - [x] Data Editing
 - [x] Dense Padding Toggle
-- [x] Filtering
+- [x] Filtering and multiple built-in filter modes
 - [x] Fullscreen
-- [ ] Global Search (broken in react-table v8 :( ))
+- [x] Global Filtering (Search)
 - [x] HeaderGroups
 - [x] Localization i18n
 - [x] Pagination (supports client-side and server-side)

package/dist/MaterialReactTable.d.ts

@@ -5,7 +5,7 @@ import { MRT_Localization } from './localization';
 import { MRT_Icons } from './icons';
 import { MRT_FILTER_TYPE } from './enums';
 export declare type MRT_TableOptions<D extends Record<string, any> = {}> = Partial<Omit<Options<D>, 'columns' | 'data' | 'initialState' | 'state' | 'expandRowsFn'>> & {
-    columns: MRT_ColumnInterface<D>[];
+    columns: MRT_ColumnDef<D>[];
     data: D[];
     initialState?: Partial<MRT_TableState<D>>;
     state?: Partial<MRT_TableState<D>>;
@@ -21,8 +21,8 @@ export interface MRT_RowModel<D extends Record<string, any> = {}> {
 export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit<TableInstance<Overwrite<Partial<DefaultGenerics>, {
     Row: D;
 }>>, 'getAllColumns' | 'getAllLeafColumns' | 'getExpandedRowModel' | 'getPaginationRowModel' | 'getPrePaginationRowModel' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'options'> & {
-    getAllColumns: () => MRT_ColumnInstance<D>[];
-    getAllLeafColumns: () => MRT_ColumnInstance<D>[];
+    getAllColumns: () => MRT_Column<D>[];
+    getAllLeafColumns: () => MRT_Column<D>[];
     getExpandedRowModel: () => MRT_RowModel<D>;
     getPaginationRowModel: () => MRT_RowModel<D>;
     getPrePaginationRowModel: () => MRT_RowModel<D>;
@@ -37,6 +37,7 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
         };
         localization: MRT_Localization;
     };
+    setCurrentEditingCell: Dispatch<SetStateAction<MRT_Cell<D> | null>>;
     setCurrentEditingRow: Dispatch<SetStateAction<MRT_Row<D> | null>>;
     setCurrentFilterTypes: Dispatch<SetStateAction<{
         [key: string]: MRT_FilterType;
@@ -48,6 +49,7 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
     setShowGlobalFilter: Dispatch<SetStateAction<boolean>>;
 };
 export declare type MRT_TableState<D extends Record<string, any> = {}> = Omit<TableState, 'pagination'> & {
+    currentEditingCell: MRT_Cell<D> | null;
     currentEditingRow: MRT_Row<D> | null;
     currentFilterTypes: Record<string, string | Function>;
     currentGlobalFilterType: Record<string, string | Function>;
@@ -57,7 +59,7 @@ export declare type MRT_TableState<D extends Record<string, any> = {}> = Omit<Ta
     showGlobalFilter: boolean;
     pagination: Partial<PaginationState>;
 };
-export declare type MRT_ColumnInterface<D extends Record<string, any> = {}> = Omit<ColumnDef<D>, 'header' | 'footer' | 'columns'> & {
+export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<ColumnDef<D>, 'header' | 'footer' | 'columns'> & {
     Edit?: ({ cell, tableInstance, }: {
         cell: MRT_Cell<D>;
         tableInstance: MRT_TableInstance<D>;
@@ -79,11 +81,11 @@ export declare type MRT_ColumnInterface<D extends Record<string, any> = {}> = Om
         tableInstance: MRT_TableInstance<D>;
     }) => ReactNode;
     id: keyof D | string;
-    columns?: MRT_ColumnInterface<D>[];
+    columns?: MRT_ColumnDef<D>[];
     enableClickToCopy?: boolean;
     enableColumnActions?: boolean;
     enableEditing?: boolean;
-    enabledFilterTypes?: (MRT_FILTER_TYPE | string)[];
+    enabledColumnFilterTypes?: (MRT_FILTER_TYPE | string)[];
     filter?: MRT_FilterType | string | FilterType<D>;
     filterSelectOptions?: (string | {
         text: string;
@@ -105,19 +107,19 @@ export declare type MRT_ColumnInterface<D extends Record<string, any> = {}> = Om
     }) => TableCellProps);
     muiTableFooterCellProps?: TableCellProps | (({ tableInstance, column, }: {
         tableInstance: MRT_TableInstance;
-        column: MRT_ColumnInstance<D>;
+        column: MRT_Column<D>;
     }) => TableCellProps);
     muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ tableInstance, column, }: {
         tableInstance: MRT_TableInstance;
-        column: MRT_ColumnInstance<D>;
+        column: MRT_Column<D>;
     }) => IconButtonProps);
     muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ tableInstance, column, }: {
         tableInstance: MRT_TableInstance;
-        column: MRT_ColumnInstance<D>;
+        column: MRT_Column<D>;
     }) => TextFieldProps);
     muiTableHeadCellProps?: TableCellProps | (({ tableInstance, column, }: {
         tableInstance: MRT_TableInstance;
-        column: MRT_ColumnInstance<D>;
+        column: MRT_Column<D>;
     }) => TableCellProps);
     onCellEditBlur?: ({ cell, event, tableInstance, }: {
         event: FocusEvent<HTMLInputElement>;
@@ -129,16 +131,17 @@ export declare type MRT_ColumnInterface<D extends Record<string, any> = {}> = Om
         cell: MRT_Cell<D>;
         tableInstance: MRT_TableInstance<D>;
     }) => void;
-    onColumnFilterValueChange?: ({ event, filterValue, }: {
+    onColumnFilterValueChange?: ({ column, event, filterValue, }: {
+        column: MRT_Column<D>;
         event: ChangeEvent<HTMLInputElement>;
         filterValue: any;
     }) => void;
 };
-export declare type MRT_ColumnInstance<D extends Record<string, any> = {}> = Omit<Column<D>, 'header' | 'footer' | 'columns'> & MRT_ColumnInterface<D> & {
-    columns?: MRT_ColumnInstance<D>[];
+export declare type MRT_Column<D extends Record<string, any> = {}> = Omit<Column<D>, 'header' | 'footer' | 'columns'> & MRT_ColumnDef<D> & {
+    columns?: MRT_Column<D>[];
 };
 export declare type MRT_Header<D extends Record<string, any> = {}> = Omit<Header<D>, 'column'> & {
-    column: MRT_ColumnInstance<D>;
+    column: MRT_Column<D>;
 };
 export declare type MRT_HeaderGroup<D extends Record<string, any> = {}> = Omit<HeaderGroup<D>, 'headers'> & {
     headers: MRT_Header<D>[];
@@ -153,11 +156,12 @@ export declare type MRT_Row<D extends Record<string, any> = {}> = Omit<Row<D>, '
     original: D;
 };
 export declare type MRT_Cell<D extends Record<string, any> = {}> = Omit<Cell<D>, 'column' | 'row'> & {
-    column: MRT_ColumnInstance<D>;
+    column: MRT_Column<D>;
     row: MRT_Row<D>;
 };
 export declare type MRT_FilterType = MRT_FILTER_TYPE | Function;
 export declare type MaterialReactTableProps<D extends Record<string, any> = {}> = MRT_TableOptions<D> & {
+    editingMode?: 'table' | 'row' | 'cell';
     enableClickToCopy?: boolean;
     enableColumnActions?: boolean;
     enableDensePaddingToggle?: boolean;
@@ -169,15 +173,15 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
     enableRowNumbers?: boolean;
     enableSelectAll?: boolean;
     enableStickyHeader?: boolean;
+    enableTableFooter?: boolean;
+    enableTableHead?: boolean;
+    enableToolbarBottom?: boolean;
+    enableToolbarInternalActions?: boolean;
+    enableToolbarTop?: boolean;
     enabledGlobalFilterTypes?: (MRT_FILTER_TYPE | string)[];
     filterTypes?: {
         [key in MRT_FILTER_TYPE]: any;
     };
-    hideTableFooter?: boolean;
-    hideTableHead?: boolean;
-    hideToolbarBottom?: boolean;
-    hideToolbarInternalActions?: boolean;
-    hideToolbarTop?: boolean;
     icons?: Partial<MRT_Icons>;
     idPrefix?: string;
     isLoading?: boolean;
@@ -226,7 +230,7 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
     }) => TableCellProps);
     muiTableFooterCellProps?: TableCellProps | (({ tableInstance, column, }: {
         tableInstance: MRT_TableInstance;
-        column: MRT_ColumnInstance<D>;
+        column: MRT_Column<D>;
     }) => TableCellProps);
     muiTableFooterProps?: TableFooterProps | (({ tableInstance, }: {
         tableInstance: MRT_TableInstance;
@@ -237,15 +241,15 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
     }) => TableRowProps);
     muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ tableInstance, column, }: {
         tableInstance: MRT_TableInstance;
-        column: MRT_ColumnInstance<D>;
+        column: MRT_Column<D>;
     }) => IconButtonProps);
     muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ tableInstance, column, }: {
         tableInstance: MRT_TableInstance;
-        column: MRT_ColumnInstance<D>;
+        column: MRT_Column<D>;
     }) => TextFieldProps);
     muiTableHeadCellProps?: TableCellProps | (({ tableInstance, column, }: {
         tableInstance: MRT_TableInstance;
-        column: MRT_ColumnInstance<D>;
+        column: MRT_Column<D>;
     }) => TableCellProps);
     muiTableHeadProps?: TableHeadProps | (({ tableInstance, }: {
         tableInstance: MRT_TableInstance;
@@ -277,6 +281,21 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
         tableInstance: MRT_TableInstance<D>;
         event: MouseEvent<HTMLTableCellElement>;
     }) => void;
+    onCellEditBlur?: ({ cell, event, tableInstance, }: {
+        event: FocusEvent<HTMLInputElement>;
+        cell: MRT_Cell<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onCellEditChange?: ({ cell, event, tableInstance, }: {
+        event: ChangeEvent<HTMLInputElement>;
+        cell: MRT_Cell<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onColumnFilterValueChange?: ({ column, event, filterValue, }: {
+        column: MRT_Column<D>;
+        event: ChangeEvent<HTMLInputElement>;
+        filterValue: any;
+    }) => void;
     onDetailPanelClick?: ({ event, row, tableInstance, }: {
         event: MouseEvent<HTMLTableCellElement>;
         row: MRT_Row<D>;
@@ -312,7 +331,7 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
         tableInstance: MRT_TableInstance<D>;
     }) => void;
     onToggleColumnVisibility?: ({ column, columnVisibility, tableInstance, }: {
-        column: MRT_ColumnInstance<D>;
+        column: MRT_Column<D>;
         columnVisibility: VisibilityState;
         tableInstance: MRT_TableInstance<D>;
     }) => void;
@@ -375,5 +394,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
         }>;
     }) => ReactNode;
 };
-declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, enableColumnActions, enableColumnFilters, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, enableMultiRowSelection, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, editingMode, enableColumnActions, enableColumnFilters, enableColumnResizing, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, enableMultiRowSelection, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

package/dist/icons.d.ts

@@ -20,6 +20,7 @@ export interface MRT_Icons {
     MoreHorizIcon: any;
     MoreVertIcon: any;
     PushPinIcon: any;
+    RestartAltIcon: any;
     SaveIcon: any;
     SearchIcon: any;
     SearchOffIcon: any;

package/dist/localization.d.ts

@@ -32,6 +32,7 @@ export interface MRT_Localization {
     hideColumn: string;
     pinToLeft: string;
     pinToRight: string;
+    resetColumnSize: string;
     rowActions: string;
     rowNumber: string;
     rowNumbers: string;