material-react-table 1.0.0-beta.6 → 1.0.0-beta.7
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/cjs/index.js +6 -9
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/material-react-table.esm.js +6 -9
- package/dist/esm/material-react-table.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/footer/MRT_TableFooter.tsx +3 -2
- package/src/head/MRT_TableHeadCellFilterLabel.tsx +7 -7
|
@@ -1600,11 +1600,8 @@ const MRT_TableHeadCellFilterLabel = ({ header, table }) => {
|
|
|
1600
1600
|
const { options: { icons: { FilterAltIcon }, localization, }, } = table;
|
|
1601
1601
|
const { column } = header;
|
|
1602
1602
|
const { columnDef } = column;
|
|
1603
|
-
const isRangeFilter =
|
|
1604
|
-
'between',
|
|
1605
|
-
'betweenInclusive',
|
|
1606
|
-
'inNumberRange',
|
|
1607
|
-
].includes(columnDef._filterFn);
|
|
1603
|
+
const isRangeFilter = columnDef.filterVariant === 'range' ||
|
|
1604
|
+
['between', 'betweenInclusive', 'inNumberRange'].includes(columnDef._filterFn);
|
|
1608
1605
|
const currentFilterOption = columnDef._filterFn;
|
|
1609
1606
|
const filterTooltip = localization.filteringByColumn
|
|
1610
1607
|
.replace('{column}', String(columnDef.header))
|
|
@@ -1616,8 +1613,8 @@ const MRT_TableHeadCellFilterLabel = ({ header, table }) => {
|
|
|
1616
1613
|
? column.getFilterValue().join(`" ${isRangeFilter ? localization.and : localization.or} "`)
|
|
1617
1614
|
: column.getFilterValue()}"`)
|
|
1618
1615
|
.replace('" "', '');
|
|
1619
|
-
return (React.createElement(Grow, { unmountOnExit: true, in: (!!column.getFilterValue() && isRangeFilter) ||
|
|
1620
|
-
(
|
|
1616
|
+
return (React.createElement(Grow, { unmountOnExit: true, in: (!!column.getFilterValue() && !isRangeFilter) ||
|
|
1617
|
+
(isRangeFilter && // @ts-ignore
|
|
1621
1618
|
(!!((_b = column.getFilterValue()) === null || _b === void 0 ? void 0 : _b[0]) || !!((_c = column.getFilterValue()) === null || _c === void 0 ? void 0 : _c[1]))) },
|
|
1622
1619
|
React.createElement("span", null,
|
|
1623
1620
|
React.createElement(Tooltip, { arrow: true, placement: "top", title: filterTooltip },
|
|
@@ -2301,11 +2298,11 @@ const MRT_TableFooter = ({ table }) => {
|
|
|
2301
2298
|
? muiTableFooterProps({ table })
|
|
2302
2299
|
: muiTableFooterProps;
|
|
2303
2300
|
const stickFooter = (isFullScreen || enableStickyFooter) && enableStickyFooter !== false;
|
|
2304
|
-
return (React.createElement(TableFooter, Object.assign({}, tableFooterProps, { sx: (theme) => (Object.assign({
|
|
2301
|
+
return (React.createElement(TableFooter, Object.assign({}, tableFooterProps, { sx: (theme) => (Object.assign({ backgroundColor: lighten(theme.palette.background.default, 0.06), bottom: stickFooter ? 0 : undefined, opacity: stickFooter ? 0.95 : undefined, outline: stickFooter
|
|
2305
2302
|
? theme.palette.mode === 'light'
|
|
2306
2303
|
? `1px solid ${theme.palette.grey[300]}`
|
|
2307
2304
|
: `1px solid ${theme.palette.grey[700]}`
|
|
2308
|
-
: undefined }, ((tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx) instanceof Function
|
|
2305
|
+
: undefined, position: stickFooter ? 'sticky' : undefined }, ((tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx) instanceof Function
|
|
2309
2306
|
? tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx(theme)
|
|
2310
2307
|
: tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx))) }), getFooterGroups().map((footerGroup) => (React.createElement(MRT_TableFooterRow, { footerGroup: footerGroup, key: footerGroup.id, table: table })))));
|
|
2311
2308
|
};
|