material-react-table 0.22.1 → 0.22.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/MaterialReactTable.d.ts +1 -1
- package/dist/filtersFns.d.ts +2 -2
- package/dist/material-react-table.cjs.development.js +11 -12
- package/dist/material-react-table.cjs.development.js.map +1 -1
- package/dist/material-react-table.cjs.production.min.js +1 -1
- package/dist/material-react-table.cjs.production.min.js.map +1 -1
- package/dist/material-react-table.esm.js +11 -12
- package/dist/material-react-table.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/MaterialReactTable.tsx +1 -1
- package/src/buttons/MRT_CopyButton.tsx +0 -1
- package/src/buttons/MRT_ToggleFiltersButton.tsx +3 -3
- package/src/filtersFns.ts +2 -2
- package/src/head/MRT_TableHeadCellFilterContainer.tsx +2 -2
- package/src/head/MRT_TableHeadCellResizeHandle.tsx +2 -2
- package/src/table/MRT_TableRoot.tsx +3 -3
@@ -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
|
-
|
66
|
+
showColumnFilters: boolean;
|
67
67
|
showGlobalFilter: boolean;
|
68
68
|
showProgressBars: boolean;
|
69
69
|
showSkeletons: boolean;
|
package/dist/filtersFns.d.ts
CHANGED
@@ -1,7 +1,7 @@
|
|
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: {
|
@@ -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: {
|
@@ -1505,10 +1505,10 @@ var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
|
|
1505
1505
|
setShowFilters = table.setShowFilters;
|
1506
1506
|
|
1507
1507
|
var _getState = getState(),
|
1508
|
-
|
1508
|
+
showColumnFilters = _getState.showColumnFilters;
|
1509
1509
|
|
1510
1510
|
var handleToggleShowFilters = function handleToggleShowFilters() {
|
1511
|
-
setShowFilters(!
|
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),
|
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
|
-
|
2235
|
+
showColumnFilters = _getState.showColumnFilters;
|
2236
2236
|
|
2237
2237
|
var column = header.column;
|
2238
2238
|
return React__default.createElement(material.Collapse, {
|
2239
|
-
"in":
|
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
|
-
|
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:
|
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$
|
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$
|
3328
|
-
|
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
|
-
|
3465
|
+
showColumnFilters: showColumnFilters,
|
3467
3466
|
showGlobalFilter: showGlobalFilter
|
3468
3467
|
}, props.state),
|
3469
3468
|
tableId: tableId
|