UIPQB-124 Switching array operators disables the "Test" button

src/QueryBuilder/QueryBuilder/QueryBuilderModal/SelectionContainer/SelectionContainer.js

@@ -1,7 +1,8 @@
 import PropTypes from 'prop-types';
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { useIntl } from 'react-intl';
 import { useParamsDataSource } from '../../../../hooks/useParamsDataSource';
+import { COLUMN_KEYS } from '../../../../constants/columnKeys';
 
 export const SelectionContainer = ({
   component: Component,
@@ -24,12 +25,6 @@ export const SelectionContainer = ({
     ];
   };
 
-  const getFormattedValue = (val) => {
-    if (isMulti) return val || [];
-
-    return val || '';
-  };
-
   const getOptions = (staticValues, sourceValues) => {
     if (staticValues) return getSelectOptionsWithPlaceholder(staticValues);
     if (sourceValues) return getSelectOptionsWithPlaceholder(sourceValues);
@@ -55,12 +50,25 @@ export const SelectionContainer = ({
   };
 
   const dataOptions = getOptions(availableValues, data?.content);
-  const val = getFormattedValue(value);
+
+  useEffect(() => {
+    const getFormattedValue = (val) => {
+      if (isMulti) return val || [];
+
+      return val || '';
+    };
+
+    const val = getFormattedValue(value);
+
+    if (!val) {
+      onChange(isMulti ? [] : '', rest.index, COLUMN_KEYS.VALUE);
+    }
+  }, [value, isMulti, onChange, rest.index]);
 
   return (
     <Component
       {...rest}
-      value={val}
+      value={value}
       data-testid={testId}
       onChange={onChange}
       filter={filterOptions}