material-react-table 0.22.1 → 0.23.1

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.
@@ -63,7 +63,7 @@ export declare type MRT_TableState<TData extends Record<string, any> = {}> = Tab
63
63
  isLoading: boolean;
64
64
  isFullScreen: boolean;
65
65
  showAlertBanner: boolean;
66
- showFilters: boolean;
66
+ showColumnFilters: boolean;
67
67
  showGlobalFilter: boolean;
68
68
  showProgressBars: boolean;
69
69
  showSkeletons: boolean;
@@ -189,14 +189,14 @@ export declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit
189
189
  export declare type MRT_DefinedColumnDef<TData extends Record<string, any> = {}> = Omit<MRT_ColumnDef<TData>, 'id'> & {
190
190
  id: string;
191
191
  };
192
- export declare type MRT_Column<TData extends Record<string, any> = {}> = Omit<Column<TData>, 'header' | 'footer' | 'columns' | 'columnDef' | 'filterFn'> & {
192
+ export declare type MRT_Column<TData extends Record<string, any> = {}> = Omit<Column<TData, unknown>, 'header' | 'footer' | 'columns' | 'columnDef' | 'filterFn'> & {
193
193
  columnDef: MRT_DefinedColumnDef<TData>;
194
194
  columns?: MRT_Column<TData>[];
195
195
  filterFn?: MRT_FilterFn<TData>;
196
196
  footer: string;
197
197
  header: string;
198
198
  };
199
- export declare type MRT_Header<TData extends Record<string, any> = {}> = Omit<Header<TData>, 'column'> & {
199
+ export declare type MRT_Header<TData extends Record<string, any> = {}> = Omit<Header<TData, unknown>, 'column'> & {
200
200
  column: MRT_Column<TData>;
201
201
  };
202
202
  export declare type MRT_HeaderGroup<TData extends Record<string, any> = {}> = Omit<HeaderGroup<TData>, 'headers'> & {
@@ -209,7 +209,7 @@ export declare type MRT_Row<TData extends Record<string, any> = {}> = Omit<Row<T
209
209
  original: TData;
210
210
  _valuesCache?: TData;
211
211
  };
212
- export declare type MRT_Cell<TData extends Record<string, any> = {}> = Omit<Cell<TData>, 'column' | 'row'> & {
212
+ export declare type MRT_Cell<TData extends Record<string, any> = {}> = Omit<Cell<TData, unknown>, 'column' | 'row'> & {
213
213
  column: MRT_Column<TData>;
214
214
  row: MRT_Row<TData>;
215
215
  };
@@ -1,19 +1,19 @@
1
1
  import { RankingInfo } from '@tanstack/match-sorter-utils';
2
2
  import { Row } from '@tanstack/react-table';
3
3
  export declare const fuzzy: {
4
- <TData extends Record<string, any> = {}>(row: Row<TData>, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
4
+ <TData extends Record<string, any> = {}>(row: Row<TData>, columnId: string, filterValue: string | number, addMeta: (item: RankingInfo) => void): boolean;
5
5
  autoRemove(val: any): boolean;
6
6
  };
7
7
  export declare const contains: {
8
- <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): any;
8
+ <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
9
9
  autoRemove(val: any): boolean;
10
10
  };
11
11
  export declare const startsWith: {
12
- <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): any;
12
+ <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
13
13
  autoRemove(val: any): boolean;
14
14
  };
15
15
  export declare const endsWith: {
16
- <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): any;
16
+ <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
17
17
  autoRemove(val: any): boolean;
18
18
  };
19
19
  export declare const equals: {
@@ -50,7 +50,7 @@ export declare const MRT_FilterFns: {
50
50
  autoRemove(val: any): boolean;
51
51
  };
52
52
  contains: {
53
- <TData_1 extends Record<string, any> = {}>(row: Row<TData_1>, id: string, filterValue: string | number): any;
53
+ <TData_1 extends Record<string, any> = {}>(row: Row<TData_1>, id: string, filterValue: string | number): boolean;
54
54
  autoRemove(val: any): boolean;
55
55
  };
56
56
  empty: {
@@ -58,7 +58,7 @@ export declare const MRT_FilterFns: {
58
58
  autoRemove(val: any): boolean;
59
59
  };
60
60
  endsWith: {
61
- <TData_3 extends Record<string, any> = {}>(row: Row<TData_3>, id: string, filterValue: string | number): any;
61
+ <TData_3 extends Record<string, any> = {}>(row: Row<TData_3>, id: string, filterValue: string | number): boolean;
62
62
  autoRemove(val: any): boolean;
63
63
  };
64
64
  equals: {
@@ -66,7 +66,7 @@ export declare const MRT_FilterFns: {
66
66
  autoRemove(val: any): boolean;
67
67
  };
68
68
  fuzzy: {
69
- <TData_5 extends Record<string, any> = {}>(row: Row<TData_5>, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
69
+ <TData_5 extends Record<string, any> = {}>(row: Row<TData_5>, columnId: string, filterValue: string | number, addMeta: (item: RankingInfo) => void): boolean;
70
70
  autoRemove(val: any): boolean;
71
71
  };
72
72
  greaterThan: {
@@ -86,7 +86,7 @@ export declare const MRT_FilterFns: {
86
86
  autoRemove(val: any): boolean;
87
87
  };
88
88
  startsWith: {
89
- <TData_10 extends Record<string, any> = {}>(row: Row<TData_10>, id: string, filterValue: string | number): any;
89
+ <TData_10 extends Record<string, any> = {}>(row: Row<TData_10>, id: string, filterValue: string | number): boolean;
90
90
  autoRemove(val: any): boolean;
91
91
  };
92
92
  includesString: import("@tanstack/table-core").FilterFn<any>;
@@ -658,7 +658,7 @@ var reorderColumn = function reorderColumn(movingColumn, receivingColumn, column
658
658
  return [].concat(columnOrder);
659
659
  };
660
660
  var getLeadingDisplayColumnIds = function getLeadingDisplayColumnIds(props) {
661
- return [(props.positionActionsColumn === 'first' && props.enableRowActions || props.enableEditing && props.editingMode === 'row') && 'mrt-row-actions', (props.enableExpanding || props.enableGrouping) && 'mrt-expand', props.enableRowSelection && 'mrt-select', props.enableRowNumbers && 'mrt-row-numbers'].filter(Boolean);
661
+ return [(props.positionActionsColumn === 'first' && props.enableRowActions || props.enableEditing && props.editingMode === 'row') && 'mrt-row-actions', (props.enableExpanding || props.enableGrouping || props.renderDetailPanel) && 'mrt-expand', props.enableRowSelection && 'mrt-select', props.enableRowNumbers && 'mrt-row-numbers'].filter(Boolean);
662
662
  };
663
663
  var getTrailingDisplayColumnIds = function getTrailingDisplayColumnIds(props) {
664
664
  return [(props.positionActionsColumn === 'last' && props.enableRowActions || props.enableEditing && props.editingMode === 'row') && 'mrt-row-actions'];
@@ -1505,10 +1505,10 @@ var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
1505
1505
  setShowFilters = table.setShowFilters;
1506
1506
 
1507
1507
  var _getState = getState(),
1508
- showFilters = _getState.showFilters;
1508
+ showColumnFilters = _getState.showColumnFilters;
1509
1509
 
1510
1510
  var handleToggleShowFilters = function handleToggleShowFilters() {
1511
- setShowFilters(!showFilters);
1511
+ setShowFilters(!showColumnFilters);
1512
1512
  };
1513
1513
 
1514
1514
  return React__default.createElement(material.Tooltip, {
@@ -1517,7 +1517,7 @@ var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
1517
1517
  }, React__default.createElement(material.IconButton, Object.assign({
1518
1518
  "aria-label": localization.showHideFilters,
1519
1519
  onClick: handleToggleShowFilters
1520
- }, rest), showFilters ? React__default.createElement(FilterListOffIcon, null) : React__default.createElement(FilterListIcon, null)));
1520
+ }, rest), showColumnFilters ? React__default.createElement(FilterListOffIcon, null) : React__default.createElement(FilterListIcon, null)));
1521
1521
  };
1522
1522
 
1523
1523
  var _excluded$4 = ["table"];
@@ -2232,11 +2232,11 @@ var MRT_TableHeadCellFilterContainer = function MRT_TableHeadCellFilterContainer
2232
2232
 
2233
2233
  var _getState = getState(),
2234
2234
  currentFilterFns = _getState.currentFilterFns,
2235
- showFilters = _getState.showFilters;
2235
+ showColumnFilters = _getState.showColumnFilters;
2236
2236
 
2237
2237
  var column = header.column;
2238
2238
  return React__default.createElement(material.Collapse, {
2239
- "in": showFilters,
2239
+ "in": showColumnFilters,
2240
2240
  mountOnEnter: true,
2241
2241
  unmountOnExit: true
2242
2242
  }, currentFilterFns[column.id] === 'between' ? React__default.createElement(MRT_FilterRangeFields, {
@@ -2300,7 +2300,7 @@ var MRT_TableHeadCellResizeHandle = function MRT_TableHeadCellResizeHandle(_ref)
2300
2300
 
2301
2301
  var _getState = getState(),
2302
2302
  density = _getState.density,
2303
- showFilters = _getState.showFilters;
2303
+ showColumnFilters = _getState.showColumnFilters;
2304
2304
 
2305
2305
  var column = header.column;
2306
2306
  var columnDef = column.columnDef;
@@ -2316,7 +2316,7 @@ var MRT_TableHeadCellResizeHandle = function MRT_TableHeadCellResizeHandle(_ref)
2316
2316
  borderRadius: '2px',
2317
2317
  borderRightWidth: '2px',
2318
2318
  cursor: 'col-resize',
2319
- height: showFilters && columnDefType === 'data' ? '4rem' : '2rem',
2319
+ height: showColumnFilters && columnDefType === 'data' ? '4rem' : '2rem',
2320
2320
  mr: density === 'compact' ? '-0.5rem' : '-1rem',
2321
2321
  opacity: 0.8,
2322
2322
  position: 'absolute',
@@ -2748,7 +2748,6 @@ var MRT_CopyButton = function MRT_CopyButton(_ref) {
2748
2748
  placement: "top",
2749
2749
  title: copied ? localization.copiedToClipboard : localization.clickToCopy
2750
2750
  }, React__default.createElement(material.Button, Object.assign({
2751
- "aria-label": localization.clickToCopy,
2752
2751
  onClick: function onClick() {
2753
2752
  return handleCopy(cell.getValue());
2754
2753
  },
@@ -3281,7 +3280,7 @@ var MRT_TablePaper = function MRT_TablePaper(_ref) {
3281
3280
  };
3282
3281
 
3283
3282
  var MRT_TableRoot = function MRT_TableRoot(props) {
3284
- var _initialState$columnO, _initialState$current, _initialState$current2, _initialState$density, _initialState$isFullS, _props$initialState$s, _props$initialState2, _initialState$showFil, _initialState$showGlo, _props$state3, _props$state4, _MRT_FilterFns$curren, _props$onCurrentEditi, _props$onCurrentEditi2, _props$onCurrentFilte, _props$onCurrentGloba, _props$onDensityChang, _props$onIsFullScreen, _props$onShowAlertBan, _props$onShowFiltersC, _props$onShowGlobalFi;
3283
+ var _initialState$columnO, _initialState$current, _initialState$current2, _initialState$density, _initialState$isFullS, _props$initialState$s, _props$initialState2, _initialState$showCol, _initialState$showGlo, _props$state3, _props$state4, _MRT_FilterFns$curren, _props$onCurrentEditi, _props$onCurrentEditi2, _props$onCurrentFilte, _props$onCurrentGloba, _props$onDensityChang, _props$onIsFullScreen, _props$onShowAlertBan, _props$onShowFiltersC, _props$onShowGlobalFi;
3285
3284
 
3286
3285
  var _useState = React.useState(props.tableId),
3287
3286
  tableId = _useState[0],
@@ -3324,8 +3323,8 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
3324
3323
  showAlertBanner = _useState7[0],
3325
3324
  setShowAlertBanner = _useState7[1];
3326
3325
 
3327
- var _useState8 = React.useState((_initialState$showFil = initialState == null ? void 0 : initialState.showFilters) != null ? _initialState$showFil : false),
3328
- showFilters = _useState8[0],
3326
+ var _useState8 = React.useState((_initialState$showCol = initialState == null ? void 0 : initialState.showColumnFilters) != null ? _initialState$showCol : false),
3327
+ showColumnFilters = _useState8[0],
3329
3328
  setShowFilters = _useState8[1];
3330
3329
 
3331
3330
  var _useState9 = React.useState((_initialState$showGlo = initialState == null ? void 0 : initialState.showGlobalFilter) != null ? _initialState$showGlo : false),
@@ -3463,7 +3462,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
3463
3462
  density: density,
3464
3463
  isFullScreen: isFullScreen,
3465
3464
  showAlertBanner: showAlertBanner,
3466
- showFilters: showFilters,
3465
+ showColumnFilters: showColumnFilters,
3467
3466
  showGlobalFilter: showGlobalFilter
3468
3467
  }, props.state),
3469
3468
  tableId: tableId