material-react-table 0.22.1 → 0.22.2
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.
- 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
@@ -1498,10 +1498,10 @@ var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
|
|
1498
1498
|
setShowFilters = table.setShowFilters;
|
1499
1499
|
|
1500
1500
|
var _getState = getState(),
|
1501
|
-
|
1501
|
+
showColumnFilters = _getState.showColumnFilters;
|
1502
1502
|
|
1503
1503
|
var handleToggleShowFilters = function handleToggleShowFilters() {
|
1504
|
-
setShowFilters(!
|
1504
|
+
setShowFilters(!showColumnFilters);
|
1505
1505
|
};
|
1506
1506
|
|
1507
1507
|
return React.createElement(Tooltip, {
|
@@ -1510,7 +1510,7 @@ var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
|
|
1510
1510
|
}, React.createElement(IconButton, Object.assign({
|
1511
1511
|
"aria-label": localization.showHideFilters,
|
1512
1512
|
onClick: handleToggleShowFilters
|
1513
|
-
}, rest),
|
1513
|
+
}, rest), showColumnFilters ? React.createElement(FilterListOffIcon, null) : React.createElement(FilterListIcon, null)));
|
1514
1514
|
};
|
1515
1515
|
|
1516
1516
|
var _excluded$4 = ["table"];
|
@@ -2225,11 +2225,11 @@ var MRT_TableHeadCellFilterContainer = function MRT_TableHeadCellFilterContainer
|
|
2225
2225
|
|
2226
2226
|
var _getState = getState(),
|
2227
2227
|
currentFilterFns = _getState.currentFilterFns,
|
2228
|
-
|
2228
|
+
showColumnFilters = _getState.showColumnFilters;
|
2229
2229
|
|
2230
2230
|
var column = header.column;
|
2231
2231
|
return React.createElement(Collapse, {
|
2232
|
-
"in":
|
2232
|
+
"in": showColumnFilters,
|
2233
2233
|
mountOnEnter: true,
|
2234
2234
|
unmountOnExit: true
|
2235
2235
|
}, currentFilterFns[column.id] === 'between' ? React.createElement(MRT_FilterRangeFields, {
|
@@ -2293,7 +2293,7 @@ var MRT_TableHeadCellResizeHandle = function MRT_TableHeadCellResizeHandle(_ref)
|
|
2293
2293
|
|
2294
2294
|
var _getState = getState(),
|
2295
2295
|
density = _getState.density,
|
2296
|
-
|
2296
|
+
showColumnFilters = _getState.showColumnFilters;
|
2297
2297
|
|
2298
2298
|
var column = header.column;
|
2299
2299
|
var columnDef = column.columnDef;
|
@@ -2309,7 +2309,7 @@ var MRT_TableHeadCellResizeHandle = function MRT_TableHeadCellResizeHandle(_ref)
|
|
2309
2309
|
borderRadius: '2px',
|
2310
2310
|
borderRightWidth: '2px',
|
2311
2311
|
cursor: 'col-resize',
|
2312
|
-
height:
|
2312
|
+
height: showColumnFilters && columnDefType === 'data' ? '4rem' : '2rem',
|
2313
2313
|
mr: density === 'compact' ? '-0.5rem' : '-1rem',
|
2314
2314
|
opacity: 0.8,
|
2315
2315
|
position: 'absolute',
|
@@ -2741,7 +2741,6 @@ var MRT_CopyButton = function MRT_CopyButton(_ref) {
|
|
2741
2741
|
placement: "top",
|
2742
2742
|
title: copied ? localization.copiedToClipboard : localization.clickToCopy
|
2743
2743
|
}, React.createElement(Button, Object.assign({
|
2744
|
-
"aria-label": localization.clickToCopy,
|
2745
2744
|
onClick: function onClick() {
|
2746
2745
|
return handleCopy(cell.getValue());
|
2747
2746
|
},
|
@@ -3274,7 +3273,7 @@ var MRT_TablePaper = function MRT_TablePaper(_ref) {
|
|
3274
3273
|
};
|
3275
3274
|
|
3276
3275
|
var MRT_TableRoot = function MRT_TableRoot(props) {
|
3277
|
-
var _initialState$columnO, _initialState$current, _initialState$current2, _initialState$density, _initialState$isFullS, _props$initialState$s, _props$initialState2, _initialState$
|
3276
|
+
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;
|
3278
3277
|
|
3279
3278
|
var _useState = useState(props.tableId),
|
3280
3279
|
tableId = _useState[0],
|
@@ -3317,8 +3316,8 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
|
|
3317
3316
|
showAlertBanner = _useState7[0],
|
3318
3317
|
setShowAlertBanner = _useState7[1];
|
3319
3318
|
|
3320
|
-
var _useState8 = useState((_initialState$
|
3321
|
-
|
3319
|
+
var _useState8 = useState((_initialState$showCol = initialState == null ? void 0 : initialState.showColumnFilters) != null ? _initialState$showCol : false),
|
3320
|
+
showColumnFilters = _useState8[0],
|
3322
3321
|
setShowFilters = _useState8[1];
|
3323
3322
|
|
3324
3323
|
var _useState9 = useState((_initialState$showGlo = initialState == null ? void 0 : initialState.showGlobalFilter) != null ? _initialState$showGlo : false),
|
@@ -3456,7 +3455,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
|
|
3456
3455
|
density: density,
|
3457
3456
|
isFullScreen: isFullScreen,
|
3458
3457
|
showAlertBanner: showAlertBanner,
|
3459
|
-
|
3458
|
+
showColumnFilters: showColumnFilters,
|
3460
3459
|
showGlobalFilter: showGlobalFilter
|
3461
3460
|
}, props.state),
|
3462
3461
|
tableId: tableId
|