Made Fields immutable for Applications (#20799)

* Made dropdown immutable for input field

* added tests

* removed test

openmetadata-ui/src/main/resources/ui/src/components/common/Form/JSONSchema/JsonSchemaWidgets/QueryBuilderWidget/QueryBuilderWidget.tsx

@@ -51,6 +51,7 @@ import {
   elasticsearchToJsonLogic,
   getJsonTreeFromQueryFilter,
   jsonLogicToElasticsearch,
+  READONLY_SETTINGS,
 } from '../../../../../../utils/QueryBuilderUtils';
 import searchClassBase from '../../../../../../utils/SearchClassBase';
 import { withAdvanceSearch } from '../../../../../AppRouter/withAdvanceSearch';
@@ -266,6 +267,10 @@ const QueryBuilderWidget: FC<WidgetProps> = ({
                   <Builder {...props} />
                 </div>
               )}
+              settings={{
+                ...config.settings,
+                ...(props.readonly ? READONLY_SETTINGS : {}),
+              }}
               value={treeInternal}
               onChange={handleChange}
             />

openmetadata-ui/src/main/resources/ui/src/components/common/Form/JSONSchema/JsonSchemaWidgets/QueryBuilderWidget/query-builder-widget.less

@@ -50,6 +50,11 @@
 }
 
 .query-builder-form-field {
+  .ant-select-disabled.ant-select:not(.ant-select-customize-input)
+    .ant-select-selector {
+    color: @black;
+    background-color: @background-color;
+  }
   .hide--line.one--child {
     margin-top: 0;
     padding-top: 16px;

openmetadata-ui/src/main/resources/ui/src/utils/QueryBuilderUtils.tsx

@@ -94,7 +94,14 @@ export const getSelectEqualsNotEqualsProperties = (
     },
   };
 };
-
+export const READONLY_SETTINGS = {
+  immutableGroupsMode: true,
+  immutableFieldsMode: true,
+  immutableOpsMode: true,
+  immutableValuesMode: true,
+  canRegroup: false,
+  canRemove: false,
+};
 export const getSelectAnyInProperties = (
   parentPath: Array<string>,
   termObjects: Array<EsTerm>