Formats Fully Qualified Name field

Author: elsamaryv

app/javascript/components/miq-ae-class/class-form.schema.js

@@ -3,9 +3,11 @@ import { componentTypes } from '@@ddf';
 const createSchema = (fqname) => ({
   fields: [
     {
-      component: componentTypes.PLAIN_TEXT,
+      component: componentTypes.TEXT_FIELD,
       name: 'fqname',
-      label: `${__('Fully Qualified Name')}:\t ${fqname}`,
+      label: 'Fully Qualified Name',
+      value: `${fqname}`,
+      disabled: true,
     },
     {
       component: componentTypes.TEXT_FIELD,

app/javascript/components/miq-ae-class/index.jsx

@@ -8,6 +8,7 @@ import miqRedirectBack from '../../helpers/miq-redirect-back';
 import miqFlash from '../../helpers/miq-flash';
 
 const MiqAeClass = ({ classRecord, fqname }) => {
+  const formattedFqname = fqname.replace(/\s+/g, '');
   const [data, setData] = useState({
     isLoading: true,
     initialValues: undefined,
@@ -24,7 +25,7 @@ const MiqAeClass = ({ classRecord, fqname }) => {
       });
     } else {
       const initialValues = {
-        fqname,
+        formattedFqname,
         name: classRecord && classRecord.name,
         display_name: classRecord && classRecord.display_name,
         description: classRecord && classRecord.description,
@@ -86,7 +87,7 @@ const MiqAeClass = ({ classRecord, fqname }) => {
     ? (
       <div className="dialog-provision-form">
         <MiqFormRenderer
-          schema={createSchema(fqname)}
+          schema={createSchema(formattedFqname)}
           initialValues={data.initialValues}
           validatorMapper={customValidatorMapper}
           onSubmit={onSubmit}