allow filter changes on blur (#22903)

frontend/src/metabase/query_builder/components/filters/FilterPopover.tsx

@@ -38,6 +38,7 @@ type Props = {
   onChangeFilter: (filter: Filter) => void;
 
   onClose?: () => void;
+  commitOnBlur?: boolean;
 
   noCommitButton?: boolean;
   showFieldPicker?: boolean;
@@ -60,6 +61,7 @@ export default class FilterPopover extends Component<Props, State> {
     style: {},
     showFieldPicker: true,
     showCustom: true,
+    commitOnBlur: false,
   };
 
   constructor(props: Props) {
@@ -84,6 +86,10 @@ export default class FilterPopover extends Component<Props, State> {
     }
   }
 
+  componentWillUnmount() {
+    this.props.commitOnBlur && this.handleCommit();
+  }
+
   setFilter(filter: Filter, hideShortcuts = true) {
     this.setState({
       filter,

frontend/src/metabase/query_builder/components/filters/modals/BulkFilterSelect/BulkFilterSelect.tsx

@@ -79,6 +79,7 @@ export const BulkFilterSelect = ({
           showFieldPicker={false}
           onChangeFilter={handleChange}
           onClose={closePopover}
+          commitOnBlur
         />
       )}
     />