material-react-table 0.7.3 → 0.7.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,15 +1,16 @@
1
1
  import { ChangeEvent, Dispatch, FC, FocusEvent, MouseEvent, ReactNode, SetStateAction } from 'react';
2
2
  import { AlertProps, ButtonProps, CheckboxProps, IconButtonProps, LinearProgressProps, PaperProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
3
- import { Cell, Column, ColumnDef, DefaultGenerics, FilterType, Header, HeaderGroup, Options, Overwrite, PaginationState, Row, TableInstance, TableState, VisibilityState } from '@tanstack/react-table';
3
+ import { Cell, Column, ColumnDef, DefaultGenerics, FilterFn, FilterFnOption, Header, HeaderGroup, Options, Overwrite, PaginationState, Row, TableInstance, TableState, VisibilityState } from '@tanstack/react-table';
4
4
  import { MRT_Localization } from './localization';
5
5
  import { MRT_Icons } from './icons';
6
- import { MRT_FILTER_TYPE } from './enums';
7
- export declare type MRT_TableOptions<D extends Record<string, any> = {}> = Partial<Omit<Options<D>, 'columns' | 'data' | 'initialState' | 'state' | 'expandRowsFn'>> & {
6
+ import { MRT_FILTER_OPTION } from './enums';
7
+ export declare type MRT_TableOptions<D extends Record<string, any> = {}> = Partial<Omit<Options<D>, 'columns' | 'data' | 'initialState' | 'state' | 'expandRowsFn' | 'filterFns'>> & {
8
8
  columns: MRT_ColumnDef<D>[];
9
9
  data: D[];
10
+ expandRowsFn?: (dataRow: D) => D[];
11
+ filterFns?: MRT_FILTER_OPTION | FilterFn<D> | string | number | symbol;
10
12
  initialState?: Partial<MRT_TableState<D>>;
11
13
  state?: Partial<MRT_TableState<D>>;
12
- expandRowsFn?: (dataRow: D) => D[];
13
14
  };
14
15
  export interface MRT_RowModel<D extends Record<string, any> = {}> {
15
16
  flatRows: MRT_Row<D>[];
@@ -32,17 +33,14 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
32
33
  options: MaterialReactTableProps<D> & {
33
34
  icons: MRT_Icons;
34
35
  idPrefix: string;
35
- filterTypes: {
36
- [key in MRT_FILTER_TYPE]: any;
37
- };
38
36
  localization: MRT_Localization;
39
37
  };
40
38
  setCurrentEditingCell: Dispatch<SetStateAction<MRT_Cell<D> | null>>;
41
39
  setCurrentEditingRow: Dispatch<SetStateAction<MRT_Row<D> | null>>;
42
- setCurrentFilterTypes: Dispatch<SetStateAction<{
43
- [key: string]: MRT_FilterType;
40
+ setCurrentFilterFns: Dispatch<SetStateAction<{
41
+ [key: string]: MRT_FilterFn<D>;
44
42
  }>>;
45
- setCurrentGlobalFilterType: Dispatch<SetStateAction<MRT_FILTER_TYPE>>;
43
+ setCurrentGlobalFilterFn: Dispatch<SetStateAction<MRT_FilterFn<D>>>;
46
44
  setIsDensePadding: Dispatch<SetStateAction<boolean>>;
47
45
  setIsFullScreen: Dispatch<SetStateAction<boolean>>;
48
46
  setShowFilters: Dispatch<SetStateAction<boolean>>;
@@ -51,15 +49,15 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
51
49
  export declare type MRT_TableState<D extends Record<string, any> = {}> = Omit<TableState, 'pagination'> & {
52
50
  currentEditingCell: MRT_Cell<D> | null;
53
51
  currentEditingRow: MRT_Row<D> | null;
54
- currentFilterTypes: Record<string, string | Function>;
55
- currentGlobalFilterType: Record<string, string | Function>;
52
+ currentFilterFns: Record<string, string | Function>;
53
+ currentGlobalFilterFn: Record<string, string | Function>;
56
54
  isDensePadding: boolean;
57
55
  isFullScreen: boolean;
58
56
  showFilters: boolean;
59
57
  showGlobalFilter: boolean;
60
58
  pagination: Partial<PaginationState>;
61
59
  };
62
- export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<ColumnDef<D>, 'header' | 'footer' | 'columns'> & {
60
+ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<ColumnDef<D>, 'header' | 'footer' | 'columns' | 'filterFn'> & {
63
61
  Edit?: ({ cell, tableInstance, }: {
64
62
  cell: MRT_Cell<D>;
65
63
  tableInstance: MRT_TableInstance<D>;
@@ -85,8 +83,8 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
85
83
  enableClickToCopy?: boolean;
86
84
  enableColumnActions?: boolean;
87
85
  enableEditing?: boolean;
88
- enabledColumnFilterTypes?: (MRT_FILTER_TYPE | string)[];
89
- filter?: MRT_FilterType | string | FilterType<D>;
86
+ enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[];
87
+ filterFn?: MRT_FilterFn;
90
88
  filterSelectOptions?: (string | {
91
89
  text: string;
92
90
  value: string;
@@ -159,7 +157,7 @@ export declare type MRT_Cell<D extends Record<string, any> = {}> = Omit<Cell<D>,
159
157
  column: MRT_Column<D>;
160
158
  row: MRT_Row<D>;
161
159
  };
162
- export declare type MRT_FilterType = MRT_FILTER_TYPE | Function;
160
+ export declare type MRT_FilterFn<D extends Record<string, any> = {}> = FilterFn<D> | FilterFnOption<D> | MRT_FILTER_OPTION | number | string | symbol;
163
161
  export declare type MaterialReactTableProps<D extends Record<string, any> = {}> = MRT_TableOptions<D> & {
164
162
  editingMode?: 'table' | 'row' | 'cell';
165
163
  enableClickToCopy?: boolean;
@@ -169,6 +167,7 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
169
167
  enableExpandAll?: boolean;
170
168
  enableFullScreenToggle?: boolean;
171
169
  enablePagination?: boolean;
170
+ enablePersistentState?: boolean;
172
171
  enableRowActions?: boolean;
173
172
  enableRowNumbers?: boolean;
174
173
  enableSelectAll?: boolean;
@@ -178,10 +177,8 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
178
177
  enableToolbarBottom?: boolean;
179
178
  enableToolbarInternalActions?: boolean;
180
179
  enableToolbarTop?: boolean;
181
- enabledGlobalFilterTypes?: (MRT_FILTER_TYPE | string)[];
182
- filterTypes?: {
183
- [key in MRT_FILTER_TYPE]: any;
184
- };
180
+ enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[];
181
+ enabledGlobalFilterOptions?: (MRT_FILTER_OPTION | string)[];
185
182
  icons?: Partial<MRT_Icons>;
186
183
  idPrefix?: string;
187
184
  isLoading?: boolean;
@@ -355,6 +352,7 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
355
352
  showGlobalFilter: boolean;
356
353
  tableInstance: MRT_TableInstance<D>;
357
354
  }) => void;
355
+ persistentStateMode?: 'localStorage' | 'sessionStorage';
358
356
  positionActionsColumn?: 'first' | 'last';
359
357
  positionPagination?: 'bottom' | 'top' | 'both';
360
358
  positionToolbarActions?: 'bottom' | 'top';
@@ -394,5 +392,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
394
392
  }>;
395
393
  }) => ReactNode;
396
394
  };
397
- 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;
395
+ 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;
398
396
  export default _default;
@@ -0,0 +1,8 @@
1
+ import { FC } from 'react';
2
+ import type { MRT_Column, MRT_TableInstance } from '..';
3
+ interface Props {
4
+ column: MRT_Column;
5
+ tableInstance: MRT_TableInstance;
6
+ }
7
+ export declare const MRT_ColumnPinningButtons: FC<Props>;
8
+ export {};
package/dist/enums.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare enum MRT_FILTER_TYPE {
1
+ export declare enum MRT_FILTER_OPTION {
2
2
  BEST_MATCH = "bestMatch",
3
3
  BEST_MATCH_FIRST = "bestMatchFirst",
4
4
  CONTAINS = "contains",
@@ -56,6 +56,7 @@ export interface MRT_Localization {
56
56
  toggleSelectRow: string;
57
57
  ungroupByColumn: string;
58
58
  unpin: string;
59
+ unpinAll: string;
59
60
  unsorted: string;
60
61
  }
61
62
  export declare const MRT_DefaultLocalization_EN: MRT_Localization;