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
package/dist/cjs/index.js
CHANGED
|
@@ -1608,11 +1608,8 @@ const MRT_TableHeadCellFilterLabel = ({ header, table }) => {
|
|
|
1608
1608
|
const { options: { icons: { FilterAltIcon }, localization, }, } = table;
|
|
1609
1609
|
const { column } = header;
|
|
1610
1610
|
const { columnDef } = column;
|
|
1611
|
-
const isRangeFilter =
|
|
1612
|
-
'between',
|
|
1613
|
-
'betweenInclusive',
|
|
1614
|
-
'inNumberRange',
|
|
1615
|
-
].includes(columnDef._filterFn);
|
|
1611
|
+
const isRangeFilter = columnDef.filterVariant === 'range' ||
|
|
1612
|
+
['between', 'betweenInclusive', 'inNumberRange'].includes(columnDef._filterFn);
|
|
1616
1613
|
const currentFilterOption = columnDef._filterFn;
|
|
1617
1614
|
const filterTooltip = localization.filteringByColumn
|
|
1618
1615
|
.replace('{column}', String(columnDef.header))
|
|
@@ -1624,8 +1621,8 @@ const MRT_TableHeadCellFilterLabel = ({ header, table }) => {
|
|
|
1624
1621
|
? column.getFilterValue().join(`" ${isRangeFilter ? localization.and : localization.or} "`)
|
|
1625
1622
|
: column.getFilterValue()}"`)
|
|
1626
1623
|
.replace('" "', '');
|
|
1627
|
-
return (React__default["default"].createElement(material.Grow, { unmountOnExit: true, in: (!!column.getFilterValue() && isRangeFilter) ||
|
|
1628
|
-
(
|
|
1624
|
+
return (React__default["default"].createElement(material.Grow, { unmountOnExit: true, in: (!!column.getFilterValue() && !isRangeFilter) ||
|
|
1625
|
+
(isRangeFilter && // @ts-ignore
|
|
1629
1626
|
(!!((_b = column.getFilterValue()) === null || _b === void 0 ? void 0 : _b[0]) || !!((_c = column.getFilterValue()) === null || _c === void 0 ? void 0 : _c[1]))) },
|
|
1630
1627
|
React__default["default"].createElement("span", null,
|
|
1631
1628
|
React__default["default"].createElement(material.Tooltip, { arrow: true, placement: "top", title: filterTooltip },
|
|
@@ -2309,11 +2306,11 @@ const MRT_TableFooter = ({ table }) => {
|
|
|
2309
2306
|
? muiTableFooterProps({ table })
|
|
2310
2307
|
: muiTableFooterProps;
|
|
2311
2308
|
const stickFooter = (isFullScreen || enableStickyFooter) && enableStickyFooter !== false;
|
|
2312
|
-
return (React__default["default"].createElement(material.TableFooter, Object.assign({}, tableFooterProps, { sx: (theme) => (Object.assign({
|
|
2309
|
+
return (React__default["default"].createElement(material.TableFooter, Object.assign({}, tableFooterProps, { sx: (theme) => (Object.assign({ backgroundColor: material.lighten(theme.palette.background.default, 0.06), bottom: stickFooter ? 0 : undefined, opacity: stickFooter ? 0.95 : undefined, outline: stickFooter
|
|
2313
2310
|
? theme.palette.mode === 'light'
|
|
2314
2311
|
? `1px solid ${theme.palette.grey[300]}`
|
|
2315
2312
|
: `1px solid ${theme.palette.grey[700]}`
|
|
2316
|
-
: undefined }, ((tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx) instanceof Function
|
|
2313
|
+
: undefined, position: stickFooter ? 'sticky' : undefined }, ((tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx) instanceof Function
|
|
2317
2314
|
? tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx(theme)
|
|
2318
2315
|
: tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx))) }), getFooterGroups().map((footerGroup) => (React__default["default"].createElement(MRT_TableFooterRow, { footerGroup: footerGroup, key: footerGroup.id, table: table })))));
|
|
2319
2316
|
};
|