material-react-table 1.5.3 → 1.5.4

package/dist/cjs/index.js

@@ -1538,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;
@@ -1642,8 +1642,17 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
     };
     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()]);
@@ -1679,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',
                                 } },
@@ -1714,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;