Update field changes (#20425)

* update field changes

* fix sonar issue

openmetadata-ui/src/main/resources/ui/src/components/common/AirflowMessageBanner/airflow-message-banner.less

@@ -23,4 +23,5 @@
   + .rjsf .form-group.field {
     margin-top: 0px;
   }
+  width: 100%;
 }

openmetadata-ui/src/main/resources/ui/src/components/common/Form/JSONSchema/JSONSchemaTemplate/ObjectFieldTemplate.tsx

@@ -22,6 +22,7 @@ import { isEmpty, isUndefined } from 'lodash';
 import React, { Fragment, FunctionComponent } from 'react';
 import { useTranslation } from 'react-i18next';
 import { ADVANCED_PROPERTIES } from '../../../../../constants/Services.constant';
+import serviceUtilClassBase from '../../../../../utils/ServiceUtilClassBase';
 import './object-field-template.less';
 
 const { Panel } = Collapse;
@@ -62,6 +63,12 @@ export const ObjectFieldTemplate: FunctionComponent<ObjectFieldTemplateProps> =
       } as PropertyMap
     );
 
+    const {
+      properties: updatedNormalProperties,
+      additionalField: AdditionalField,
+      additionalFieldContent,
+    } = serviceUtilClassBase.getProperties(normalProperties);
+
     const fieldElement = (
       <Fragment>
         <Space className="w-full justify-between header-title-wrapper">
@@ -94,7 +101,13 @@ export const ObjectFieldTemplate: FunctionComponent<ObjectFieldTemplateProps> =
             />
           )}
         </Space>
-        {normalProperties.map((element, index) => (
+
+        {AdditionalField &&
+          React.createElement(AdditionalField, {
+            data: additionalFieldContent,
+          })}
+
+        {updatedNormalProperties.map((element, index) => (
           <div
             className={classNames('property-wrapper', {
               'additional-fields': schema.additionalProperties,

openmetadata-ui/src/main/resources/ui/src/utils/ServiceUtilClassBase.ts

@@ -11,6 +11,7 @@
  *  limitations under the License.
  */
 
+import { ObjectFieldTemplatePropertyType } from '@rjsf/utils';
 import { capitalize, get, toLower } from 'lodash';
 import { ServiceTypes } from 'Models';
 import MetricIcon from '../assets/svg/metric.svg';
@@ -764,6 +765,14 @@ class ServiceUtilClassBase {
     return widgets;
   }
 
+  public getProperties(property: ObjectFieldTemplatePropertyType[]) {
+    return {
+      properties: property,
+      additionalField: '',
+      additionalFieldContent: null,
+    };
+  }
+
   public getEditConfigData(
     serviceData?: ServicesType,
     data?: ConfigData