material-react-table 0.22.1 → 0.23.1

package/dist/MaterialReactTable.d.ts

@@ -63,7 +63,7 @@ export declare type MRT_TableState<TData extends Record<string, any> = {}> = Tab
     isLoading: boolean;
     isFullScreen: boolean;
     showAlertBanner: boolean;
-    showFilters: boolean;
+    showColumnFilters: boolean;
     showGlobalFilter: boolean;
     showProgressBars: boolean;
     showSkeletons: boolean;
@@ -189,14 +189,14 @@ export declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit
 export declare type MRT_DefinedColumnDef<TData extends Record<string, any> = {}> = Omit<MRT_ColumnDef<TData>, 'id'> & {
     id: string;
 };
-export declare type MRT_Column<TData extends Record<string, any> = {}> = Omit<Column<TData>, 'header' | 'footer' | 'columns' | 'columnDef' | 'filterFn'> & {
+export declare type MRT_Column<TData extends Record<string, any> = {}> = Omit<Column<TData, unknown>, 'header' | 'footer' | 'columns' | 'columnDef' | 'filterFn'> & {
     columnDef: MRT_DefinedColumnDef<TData>;
     columns?: MRT_Column<TData>[];
     filterFn?: MRT_FilterFn<TData>;
     footer: string;
     header: string;
 };
-export declare type MRT_Header<TData extends Record<string, any> = {}> = Omit<Header<TData>, 'column'> & {
+export declare type MRT_Header<TData extends Record<string, any> = {}> = Omit<Header<TData, unknown>, 'column'> & {
     column: MRT_Column<TData>;
 };
 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
     original: TData;
     _valuesCache?: TData;
 };
-export declare type MRT_Cell<TData extends Record<string, any> = {}> = Omit<Cell<TData>, 'column' | 'row'> & {
+export declare type MRT_Cell<TData extends Record<string, any> = {}> = Omit<Cell<TData, unknown>, 'column' | 'row'> & {
     column: MRT_Column<TData>;
     row: MRT_Row<TData>;
 };

package/dist/filtersFns.d.ts

@@ -1,19 +1,19 @@
 import { RankingInfo } from '@tanstack/match-sorter-utils';
 import { Row } from '@tanstack/react-table';
 export declare const fuzzy: {
-    <TData extends Record<string, any> = {}>(row: Row<TData>, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
+    <TData extends Record<string, any> = {}>(row: Row<TData>, columnId: string, filterValue: string | number, addMeta: (item: RankingInfo) => void): boolean;
     autoRemove(val: any): boolean;
 };
 export declare const contains: {
-    <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): any;
+    <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
     autoRemove(val: any): boolean;
 };
 export declare const startsWith: {
-    <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): any;
+    <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
     autoRemove(val: any): boolean;
 };
 export declare const endsWith: {
-    <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): any;
+    <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
     autoRemove(val: any): boolean;
 };
 export declare const equals: {
@@ -50,7 +50,7 @@ export declare const MRT_FilterFns: {
         autoRemove(val: any): boolean;
     };
     contains: {
-        <TData_1 extends Record<string, any> = {}>(row: Row<TData_1>, id: string, filterValue: string | number): any;
+        <TData_1 extends Record<string, any> = {}>(row: Row<TData_1>, id: string, filterValue: string | number): boolean;
         autoRemove(val: any): boolean;
     };
     empty: {
@@ -58,7 +58,7 @@ export declare const MRT_FilterFns: {
         autoRemove(val: any): boolean;
     };
     endsWith: {
-        <TData_3 extends Record<string, any> = {}>(row: Row<TData_3>, id: string, filterValue: string | number): any;
+        <TData_3 extends Record<string, any> = {}>(row: Row<TData_3>, id: string, filterValue: string | number): boolean;
         autoRemove(val: any): boolean;
     };
     equals: {
@@ -66,7 +66,7 @@ export declare const MRT_FilterFns: {
         autoRemove(val: any): boolean;
     };
     fuzzy: {
-        <TData_5 extends Record<string, any> = {}>(row: Row<TData_5>, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
+        <TData_5 extends Record<string, any> = {}>(row: Row<TData_5>, columnId: string, filterValue: string | number, addMeta: (item: RankingInfo) => void): boolean;
         autoRemove(val: any): boolean;
     };
     greaterThan: {
@@ -86,7 +86,7 @@ export declare const MRT_FilterFns: {
         autoRemove(val: any): boolean;
     };
     startsWith: {
-        <TData_10 extends Record<string, any> = {}>(row: Row<TData_10>, id: string, filterValue: string | number): any;
+        <TData_10 extends Record<string, any> = {}>(row: Row<TData_10>, id: string, filterValue: string | number): boolean;
         autoRemove(val: any): boolean;
     };
     includesString: import("@tanstack/table-core").FilterFn<any>;

package/dist/material-react-table.cjs.development.js

@@ -658,7 +658,7 @@ var reorderColumn = function reorderColumn(movingColumn, receivingColumn, column
   return [].concat(columnOrder);
 };
 var getLeadingDisplayColumnIds = function getLeadingDisplayColumnIds(props) {
-  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);
+  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);
 };
 var getTrailingDisplayColumnIds = function getTrailingDisplayColumnIds(props) {
   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) {
       setShowFilters = table.setShowFilters;
 
   var _getState = getState(),
-      showFilters = _getState.showFilters;
+      showColumnFilters = _getState.showColumnFilters;
 
   var handleToggleShowFilters = function handleToggleShowFilters() {
-    setShowFilters(!showFilters);
+    setShowFilters(!showColumnFilters);
   };
 
   return React__default.createElement(material.Tooltip, {
@@ -1517,7 +1517,7 @@ var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
   }, React__default.createElement(material.IconButton, Object.assign({
     "aria-label": localization.showHideFilters,
     onClick: handleToggleShowFilters
-  }, rest), showFilters ? React__default.createElement(FilterListOffIcon, null) : React__default.createElement(FilterListIcon, null)));
+  }, rest), showColumnFilters ? React__default.createElement(FilterListOffIcon, null) : React__default.createElement(FilterListIcon, null)));
 };
 
 var _excluded$4 = ["table"];
@@ -2232,11 +2232,11 @@ var MRT_TableHeadCellFilterContainer = function MRT_TableHeadCellFilterContainer
 
   var _getState = getState(),
       currentFilterFns = _getState.currentFilterFns,
-      showFilters = _getState.showFilters;
+      showColumnFilters = _getState.showColumnFilters;
 
   var column = header.column;
   return React__default.createElement(material.Collapse, {
-    "in": showFilters,
+    "in": showColumnFilters,
     mountOnEnter: true,
     unmountOnExit: true
   }, currentFilterFns[column.id] === 'between' ? React__default.createElement(MRT_FilterRangeFields, {
@@ -2300,7 +2300,7 @@ var MRT_TableHeadCellResizeHandle = function MRT_TableHeadCellResizeHandle(_ref)
 
   var _getState = getState(),
       density = _getState.density,
-      showFilters = _getState.showFilters;
+      showColumnFilters = _getState.showColumnFilters;
 
   var column = header.column;
   var columnDef = column.columnDef;
@@ -2316,7 +2316,7 @@ var MRT_TableHeadCellResizeHandle = function MRT_TableHeadCellResizeHandle(_ref)
         borderRadius: '2px',
         borderRightWidth: '2px',
         cursor: 'col-resize',
-        height: showFilters && columnDefType === 'data' ? '4rem' : '2rem',
+        height: showColumnFilters && columnDefType === 'data' ? '4rem' : '2rem',
         mr: density === 'compact' ? '-0.5rem' : '-1rem',
         opacity: 0.8,
         position: 'absolute',
@@ -2748,7 +2748,6 @@ var MRT_CopyButton = function MRT_CopyButton(_ref) {
     placement: "top",
     title: copied ? localization.copiedToClipboard : localization.clickToCopy
   }, React__default.createElement(material.Button, Object.assign({
-    "aria-label": localization.clickToCopy,
     onClick: function onClick() {
       return handleCopy(cell.getValue());
     },
@@ -3281,7 +3280,7 @@ var MRT_TablePaper = function MRT_TablePaper(_ref) {
 };
 
 var MRT_TableRoot = function MRT_TableRoot(props) {
-  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;
+  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;
 
   var _useState = React.useState(props.tableId),
       tableId = _useState[0],
@@ -3324,8 +3323,8 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       showAlertBanner = _useState7[0],
       setShowAlertBanner = _useState7[1];
 
-  var _useState8 = React.useState((_initialState$showFil = initialState == null ? void 0 : initialState.showFilters) != null ? _initialState$showFil : false),
-      showFilters = _useState8[0],
+  var _useState8 = React.useState((_initialState$showCol = initialState == null ? void 0 : initialState.showColumnFilters) != null ? _initialState$showCol : false),
+      showColumnFilters = _useState8[0],
       setShowFilters = _useState8[1];
 
   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) {
       density: density,
       isFullScreen: isFullScreen,
       showAlertBanner: showAlertBanner,
-      showFilters: showFilters,
+      showColumnFilters: showColumnFilters,
       showGlobalFilter: showGlobalFilter
     }, props.state),
     tableId: tableId