Enhance UI layout and improve file format handling

- Added flexbox styling to .table-row for better alignment and spacing in ContentMapper component.
- Updated LoadFileFormat component to improve file format icon handling and accessibility.
- Refined file processing logic to restrict XML handling to specific CMS types (WordPress and Drupal).

Author: sauravraw

ui/src/components/ContentMapper/index.scss

@@ -414,3 +414,16 @@ div .table-row {
     margin: 0 auto;
   }
 }
+
+.table-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;                   
+}
+.table-row .select {
+  flex: 1;                    
+}
+.advanced-setting-button,
+.table-row button {
+  flex-shrink: 0;           
+}

ui/src/components/LegacyCms/Actions/LoadFileFormat.tsx

@@ -161,7 +161,7 @@ const LoadFileFormat = (_props: LoadFileFormatProps) => {
               ? 'DIRECTORY'
               : extractedFormat.toUpperCase()
         };
-        
+                
         dispatch(updateNewMigrationData({
           ...newMigrationData,
           legacy_cms: {
@@ -178,7 +178,7 @@ const LoadFileFormat = (_props: LoadFileFormatProps) => {
         } else if (extractedFormat === 'directory') {
           setFileIcon('Folder');
         } else {
-        setFileIcon(fileFormatObj.title);
+          setFileIcon(fileFormatObj.title);
         }
       }
     } else if (!isEmptyString(currentFormat)) {
@@ -198,12 +198,12 @@ const LoadFileFormat = (_props: LoadFileFormatProps) => {
     }, 0);
   }, [newMigrationData?.legacy_cms?.uploadedFile?.file_details?.localPath, newMigrationData?.legacy_cms?.selectedFileFormat, dispatch, newMigrationData]);
 
-  
   return (
     <div className="p-3">
       <div className="col-12">
         <label htmlFor="file-format">
           <TextInput
+            label="File Format"
             value={
               fileIcon === 'SQL' ? 'SQL' : 
               fileIcon === 'Folder' ? 'DIRECTORY' : 
@@ -212,15 +212,13 @@ const LoadFileFormat = (_props: LoadFileFormatProps) => {
             }
             version="v2"
             isReadOnly={true}
-            disabled={true}
             width="large"
-            placeholder=""
             prefix={
               <Icon
-                icon={fileIcon === 'SQL' ? 'ApiTokens' : fileIcon ? fileIcon : 'CrashedPage'}
+                icon={fileIcon === 'SQL' ? 'ApiTokens' : fileIcon === 'Folder' ? 'Folder' : fileIcon ? fileIcon : 'CrashedPage'}
                 size="medium"
                 version="v2"
-                aria-label="fileformat"
+                aria-label="File format icon"
               />
             }
           />

upload-api/src/services/fileProcessing.ts

@@ -48,7 +48,7 @@ const handleFileProcessing = async (
         }
       };
     }
-  } else if (fileExt === 'xml') {
+  } else if (fileExt === 'xml' && (cmsType === 'wordpress' || cmsType === 'drupal')) {
     if (await validator({ data: zipBuffer, type: cmsType, extension: fileExt })) {
       const $ = Cheerio.load(zipBuffer, { xmlMode: true });
       const fixedXml = $.xml();