material-react-table 1.5.2 → 1.5.4

package/dist/cjs/index.js

@@ -9,7 +9,6 @@ var matchSorterUtils = require('@tanstack/match-sorter-utils');
 var ArrowDownwardIcon = require('@mui/icons-material/ArrowDownward');
 var ArrowRightIcon = require('@mui/icons-material/ArrowRight');
 var CancelIcon = require('@mui/icons-material/Cancel');
-var CheckBoxIcon = require('@mui/icons-material/CheckBox');
 var ClearAllIcon = require('@mui/icons-material/ClearAll');
 var CloseIcon = require('@mui/icons-material/Close');
 var DensityLargeIcon = require('@mui/icons-material/DensityLarge');
@@ -21,7 +20,6 @@ var EditIcon = require('@mui/icons-material/Edit');
 var ExpandLessIcon = require('@mui/icons-material/ExpandLess');
 var ExpandMoreIcon = require('@mui/icons-material/ExpandMore');
 var FilterAltIcon = require('@mui/icons-material/FilterAlt');
-var FilterAltOffIcon = require('@mui/icons-material/FilterAltOff');
 var FilterListIcon = require('@mui/icons-material/FilterList');
 var FilterListOffIcon = require('@mui/icons-material/FilterListOff');
 var FullscreenExitIcon = require('@mui/icons-material/FullscreenExit');
@@ -86,7 +84,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ArrowDownwardIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowDownwardIcon);
 var ArrowRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowRightIcon);
 var CancelIcon__default = /*#__PURE__*/_interopDefaultLegacy(CancelIcon);
-var CheckBoxIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckBoxIcon);
 var ClearAllIcon__default = /*#__PURE__*/_interopDefaultLegacy(ClearAllIcon);
 var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
 var DensityLargeIcon__default = /*#__PURE__*/_interopDefaultLegacy(DensityLargeIcon);
@@ -98,7 +95,6 @@ var EditIcon__default = /*#__PURE__*/_interopDefaultLegacy(EditIcon);
 var ExpandLessIcon__default = /*#__PURE__*/_interopDefaultLegacy(ExpandLessIcon);
 var ExpandMoreIcon__default = /*#__PURE__*/_interopDefaultLegacy(ExpandMoreIcon);
 var FilterAltIcon__default = /*#__PURE__*/_interopDefaultLegacy(FilterAltIcon);
-var FilterAltOffIcon__default = /*#__PURE__*/_interopDefaultLegacy(FilterAltOffIcon);
 var FilterListIcon__default = /*#__PURE__*/_interopDefaultLegacy(FilterListIcon);
 var FilterListOffIcon__default = /*#__PURE__*/_interopDefaultLegacy(FilterListOffIcon);
 var FullscreenExitIcon__default = /*#__PURE__*/_interopDefaultLegacy(FullscreenExitIcon);
@@ -450,7 +446,6 @@ const MRT_Default_Icons = {
     ArrowDownwardIcon: ArrowDownwardIcon__default["default"],
     ArrowRightIcon: ArrowRightIcon__default["default"],
     CancelIcon: CancelIcon__default["default"],
-    CheckBoxIcon: CheckBoxIcon__default["default"],
     ClearAllIcon: ClearAllIcon__default["default"],
     CloseIcon: CloseIcon__default["default"],
     DensityLargeIcon: DensityLargeIcon__default["default"],
@@ -462,7 +457,6 @@ const MRT_Default_Icons = {
     ExpandLessIcon: ExpandLessIcon__default["default"],
     ExpandMoreIcon: ExpandMoreIcon__default["default"],
     FilterAltIcon: FilterAltIcon__default["default"],
-    FilterAltOffIcon: FilterAltOffIcon__default["default"],
     FilterListIcon: FilterListIcon__default["default"],
     FilterListOffIcon: FilterListOffIcon__default["default"],
     FullscreenExitIcon: FullscreenExitIcon__default["default"],
@@ -1544,7 +1538,7 @@ const MRT_TableHeadCellColumnActionsButton = ({ header, table, }) => {
 };
 
 const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const { options: { enableColumnFilterModes, columnFilterModeOptions, icons: { FilterListIcon, CloseIcon }, localization, manualFiltering, muiTableHeadCellFilterTextFieldProps, }, refs: { filterInputRefs }, setColumnFilterFns, } = table;
     const { column } = header;
     const { columnDef } = column;
@@ -1638,15 +1632,27 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
     const handleClearEmptyFilterChip = () => {
         setFilterValue('');
         column.setFilterValue(undefined);
-        setColumnFilterFns((prev) => (Object.assign(Object.assign({}, prev), { [header.id]: 'fuzzy' })));
+        setColumnFilterFns((prev) => {
+            var _a, _b, _c;
+            return (Object.assign(Object.assign({}, prev), { [header.id]: (_c = (_b = (_a = columnDef.columnFilterModeOptions) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : columnFilterModeOptions === null || columnFilterModeOptions === void 0 ? void 0 : columnFilterModeOptions[0]) !== null && _c !== void 0 ? _c : 'fuzzy' }));
+        });
     };
     const handleFilterMenuOpen = (event) => {
         setAnchorEl(event.currentTarget);
     };
     const isMounted = React.useRef(false);
     React.useEffect(() => {
-        if (isMounted.current && column.getFilterValue() === undefined) {
-            handleClear();
+        if (isMounted.current) {
+            const filterValue = column.getFilterValue();
+            if (filterValue === undefined) {
+                handleClear();
+            }
+            else if (isRangeFilter && rangeFilterIndex !== undefined) {
+                setFilterValue(filterValue[rangeFilterIndex]);
+            }
+            else {
+                setFilterValue(filterValue);
+            }
         }
         isMounted.current = true;
     }, [column.getFilterValue()]);
@@ -1682,7 +1688,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
                 endAdornment: !filterChipLabel && (React__default["default"].createElement(InputAdornment__default["default"], { position: "end" },
                     React__default["default"].createElement(Tooltip__default["default"], { arrow: true, placement: "right", title: (_h = localization.clearFilter) !== null && _h !== void 0 ? _h : '' },
                         React__default["default"].createElement("span", null,
-                            React__default["default"].createElement(IconButton__default["default"], { "aria-label": localization.clearFilter, disabled: !(filterValue === null || filterValue === void 0 ? void 0 : filterValue.length), onClick: handleClear, size: "small", sx: {
+                            React__default["default"].createElement(IconButton__default["default"], { "aria-label": localization.clearFilter, disabled: !((_j = filterValue === null || filterValue === void 0 ? void 0 : filterValue.toString()) === null || _j === void 0 ? void 0 : _j.length), onClick: handleClear, size: "small", sx: {
                                     height: '1.75rem',
                                     width: '1.75rem',
                                 } },
@@ -1717,8 +1723,8 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
                 ? textFieldProps.sx(theme)
                 : textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.sx))) }),
             (isSelectFilter || isMultiSelectFilter) && (React__default["default"].createElement(MenuItem__default["default"], { divider: true, disabled: true, hidden: true, value: "" },
-                React__default["default"].createElement(Box__default["default"], { sx: { opacity: 0.5 } }, filterPlaceholder))), (_j = columnDef === null || columnDef === void 0 ? void 0 : columnDef.filterSelectOptions) === null || _j === void 0 ? void 0 :
-            _j.map((option) => {
+                React__default["default"].createElement(Box__default["default"], { sx: { opacity: 0.5 } }, filterPlaceholder))), (_k = columnDef === null || columnDef === void 0 ? void 0 : columnDef.filterSelectOptions) === null || _k === void 0 ? void 0 :
+            _k.map((option) => {
                 var _a;
                 let value;
                 let text;