material-react-table 0.29.0 → 0.30.1
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/README.md +4 -4
- package/dist/MaterialReactTable.d.ts +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/material-react-table.cjs.development.js +9 -9
- 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 +9 -9
- package/dist/material-react-table.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/MaterialReactTable.tsx +1 -1
- package/src/column.utils.ts +1 -1
- package/src/index.tsx +6 -0
- package/src/inputs/MRT_FilterTextField.tsx +4 -2
- package/src/menus/MRT_ColumnActionMenu.tsx +3 -3
|
@@ -745,7 +745,7 @@ var getDefaultColumnOrderIds = function getDefaultColumnOrderIds(props) {
|
|
|
745
745
|
}), getTrailingDisplayColumnIds(props)).filter(Boolean);
|
|
746
746
|
};
|
|
747
747
|
var getDefaultColumnFilterFn = function getDefaultColumnFilterFn(columnDef) {
|
|
748
|
-
if (columnDef.filterVariant === '
|
|
748
|
+
if (columnDef.filterVariant === 'multi-select') return 'arrIncludesSome';
|
|
749
749
|
if (columnDef.filterVariant === 'select') return 'equals';
|
|
750
750
|
if (columnDef.filterVariant === 'range') return 'betweenInclusive';
|
|
751
751
|
return 'fuzzy';
|
|
@@ -1144,7 +1144,11 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
|
1144
1144
|
sx: commonMenuItemStyles
|
|
1145
1145
|
}, React.createElement(Box, {
|
|
1146
1146
|
sx: commonListItemStyles
|
|
1147
|
-
}, React.createElement(ListItemIcon, null, React.createElement(SortIcon,
|
|
1147
|
+
}, React.createElement(ListItemIcon, null, React.createElement(SortIcon, {
|
|
1148
|
+
style: {
|
|
1149
|
+
transform: 'rotate(180deg) scaleX(-1)'
|
|
1150
|
+
}
|
|
1151
|
+
})), (_localization$sortByC = localization.sortByColumnAsc) == null ? void 0 : _localization$sortByC.replace('{column}', String(columnDef.header)))), React.createElement(MenuItem, {
|
|
1148
1152
|
divider: enableColumnFilters || enableGrouping || enableHiding,
|
|
1149
1153
|
key: 2,
|
|
1150
1154
|
disabled: column.getIsSorted() === 'desc',
|
|
@@ -1152,11 +1156,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
|
1152
1156
|
sx: commonMenuItemStyles
|
|
1153
1157
|
}, React.createElement(Box, {
|
|
1154
1158
|
sx: commonListItemStyles
|
|
1155
|
-
}, React.createElement(ListItemIcon, null, React.createElement(SortIcon, {
|
|
1156
|
-
style: {
|
|
1157
|
-
transform: 'rotate(180deg) scaleX(-1)'
|
|
1158
|
-
}
|
|
1159
|
-
})), (_localization$sortByC2 = localization.sortByColumnDesc) == null ? void 0 : _localization$sortByC2.replace('{column}', String(columnDef.header))))], enableColumnFilters && column.getCanFilter() && [React.createElement(MenuItem, {
|
|
1159
|
+
}, React.createElement(ListItemIcon, null, React.createElement(SortIcon, null)), (_localization$sortByC2 = localization.sortByColumnDesc) == null ? void 0 : _localization$sortByC2.replace('{column}', String(columnDef.header))))], enableColumnFilters && column.getCanFilter() && [React.createElement(MenuItem, {
|
|
1160
1160
|
disabled: !column.getFilterValue(),
|
|
1161
1161
|
key: 0,
|
|
1162
1162
|
onClick: handleClearFilter,
|
|
@@ -2171,8 +2171,8 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
|
2171
2171
|
|
|
2172
2172
|
var isRangeFilter = columnDef.filterVariant === 'range' || rangeFilterIndex !== undefined;
|
|
2173
2173
|
var isSelectFilter = columnDef.filterVariant === 'select';
|
|
2174
|
-
var isMultiSelectFilter = columnDef.filterVariant === '
|
|
2175
|
-
var isTextboxFilter = !isSelectFilter && !isMultiSelectFilter;
|
|
2174
|
+
var isMultiSelectFilter = columnDef.filterVariant === 'multi-select';
|
|
2175
|
+
var isTextboxFilter = columnDef.filterVariant === 'text' || !isSelectFilter && !isMultiSelectFilter;
|
|
2176
2176
|
var currentFilterOption = currentFilterFns == null ? void 0 : currentFilterFns[header.id];
|
|
2177
2177
|
var filterId = "mrt-" + tableId + "-" + header.id + "-filter-text-field" + (rangeFilterIndex != null ? rangeFilterIndex : '');
|
|
2178
2178
|
var filterChipLabel = ['empty', 'notEmpty'].includes(currentFilterOption) ? //@ts-ignore
|