material-react-table 0.7.2 → 0.7.5

package/dist/MaterialReactTable.d.ts

@@ -1,15 +1,16 @@
 import { ChangeEvent, Dispatch, FC, FocusEvent, MouseEvent, ReactNode, SetStateAction } from 'react';
 import { AlertProps, ButtonProps, CheckboxProps, IconButtonProps, LinearProgressProps, PaperProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
-import { Cell, Column, ColumnDef, DefaultGenerics, FilterType, Header, HeaderGroup, Options, Overwrite, PaginationState, Row, TableInstance, TableState, VisibilityState } from '@tanstack/react-table';
+import { Cell, Column, ColumnDef, DefaultGenerics, FilterFn, FilterFnOption, Header, HeaderGroup, Options, Overwrite, PaginationState, Row, TableInstance, TableState, VisibilityState } from '@tanstack/react-table';
 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'>> & {
+import { MRT_FILTER_OPTION } from './enums';
+export declare type MRT_TableOptions<D extends Record<string, any> = {}> = Partial<Omit<Options<D>, 'columns' | 'data' | 'initialState' | 'state' | 'expandRowsFn' | 'filterFns'>> & {
     columns: MRT_ColumnDef<D>[];
     data: D[];
+    expandRowsFn?: (dataRow: D) => D[];
+    filterFns?: MRT_FILTER_OPTION | FilterFn<D> | string | number | symbol;
     initialState?: Partial<MRT_TableState<D>>;
     state?: Partial<MRT_TableState<D>>;
-    expandRowsFn?: (dataRow: D) => D[];
 };
 export interface MRT_RowModel<D extends Record<string, any> = {}> {
     flatRows: MRT_Row<D>[];
@@ -32,32 +33,31 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
     options: MaterialReactTableProps<D> & {
         icons: MRT_Icons;
         idPrefix: string;
-        filterTypes: {
-            [key in MRT_FILTER_TYPE]: any;
-        };
         localization: MRT_Localization;
     };
+    setCurrentEditingCell: Dispatch<SetStateAction<MRT_Cell<D> | null>>;
     setCurrentEditingRow: Dispatch<SetStateAction<MRT_Row<D> | null>>;
-    setCurrentFilterTypes: Dispatch<SetStateAction<{
-        [key: string]: MRT_FilterType;
+    setCurrentFilterFns: Dispatch<SetStateAction<{
+        [key: string]: MRT_FilterFn<D>;
     }>>;
-    setCurrentGlobalFilterType: Dispatch<SetStateAction<MRT_FILTER_TYPE>>;
+    setCurrentGlobalFilterFn: Dispatch<SetStateAction<MRT_FilterFn<D>>>;
     setIsDensePadding: Dispatch<SetStateAction<boolean>>;
     setIsFullScreen: Dispatch<SetStateAction<boolean>>;
     setShowFilters: Dispatch<SetStateAction<boolean>>;
     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>;
+    currentFilterFns: Record<string, string | Function>;
+    currentGlobalFilterFn: Record<string, string | Function>;
     isDensePadding: boolean;
     isFullScreen: boolean;
     showFilters: boolean;
     showGlobalFilter: boolean;
     pagination: Partial<PaginationState>;
 };
-export declare type MRT_ColumnDef<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' | 'filterFn'> & {
     Edit?: ({ cell, tableInstance, }: {
         cell: MRT_Cell<D>;
         tableInstance: MRT_TableInstance<D>;
@@ -83,8 +83,8 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
     enableClickToCopy?: boolean;
     enableColumnActions?: boolean;
     enableEditing?: boolean;
-    enabledColumnFilterTypes?: (MRT_FILTER_TYPE | string)[];
-    filter?: MRT_FilterType | string | FilterType<D>;
+    enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[];
+    filterFn?: MRT_FilterFn;
     filterSelectOptions?: (string | {
         text: string;
         value: string;
@@ -129,7 +129,8 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
         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;
@@ -156,8 +157,9 @@ export declare type MRT_Cell<D extends Record<string, any> = {}> = Omit<Cell<D>,
     column: MRT_Column<D>;
     row: MRT_Row<D>;
 };
-export declare type MRT_FilterType = MRT_FILTER_TYPE | Function;
+export declare type MRT_FilterFn<D extends Record<string, any> = {}> = FilterFn<D> | FilterFnOption<D> | MRT_FILTER_OPTION | number | string | symbol;
 export declare type MaterialReactTableProps<D extends Record<string, any> = {}> = MRT_TableOptions<D> & {
+    editingMode?: 'table' | 'row' | 'cell';
     enableClickToCopy?: boolean;
     enableColumnActions?: boolean;
     enableDensePaddingToggle?: boolean;
@@ -165,6 +167,7 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
     enableExpandAll?: boolean;
     enableFullScreenToggle?: boolean;
     enablePagination?: boolean;
+    enablePersistentState?: boolean;
     enableRowActions?: boolean;
     enableRowNumbers?: boolean;
     enableSelectAll?: boolean;
@@ -174,10 +177,8 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
     enableToolbarBottom?: boolean;
     enableToolbarInternalActions?: boolean;
     enableToolbarTop?: boolean;
-    enabledGlobalFilterTypes?: (MRT_FILTER_TYPE | string)[];
-    filterTypes?: {
-        [key in MRT_FILTER_TYPE]: any;
-    };
+    enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[];
+    enabledGlobalFilterOptions?: (MRT_FILTER_OPTION | string)[];
     icons?: Partial<MRT_Icons>;
     idPrefix?: string;
     isLoading?: boolean;
@@ -277,6 +278,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>;
@@ -336,6 +352,7 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
         showGlobalFilter: boolean;
         tableInstance: MRT_TableInstance<D>;
     }) => void;
+    persistentStateMode?: 'localStorage' | 'sessionStorage';
     positionActionsColumn?: 'first' | 'last';
     positionPagination?: 'bottom' | 'top' | 'both';
     positionToolbarActions?: 'bottom' | 'top';
@@ -375,5 +392,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
         }>;
     }) => ReactNode;
 };
-declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, 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;
+declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, autoResetSorting, columnResizeMode, editingMode, enableColumnActions, enableColumnFilters, enableColumnResizing, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, enableMultiRowSelection, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, persistentStateMode, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

package/dist/enums.d.ts

@@ -1,4 +1,4 @@
-export declare enum MRT_FILTER_TYPE {
+export declare enum MRT_FILTER_OPTION {
     BEST_MATCH = "bestMatch",
     BEST_MATCH_FIRST = "bestMatchFirst",
     CONTAINS = "contains",