Switch order of namespaces and make Destination Default is the defaul… (#21047)

* Switch order of namespace options to make Destination Default appear as the first option
* Destination Default is the default option
* Update expected HTML

Author: grishick

airbyte-webapp/src/components/CreateConnection/__snapshots__/CreateConnectionForm.test.tsx.snap

@@ -258,7 +258,7 @@ exports[`CreateConnectionForm should render 1`] = `
                               <div
                                 class="<removed-for-snapshot-test>"
                               >
-                                Mirror source structure
+                                Destination default
                               </div>
                             </div>
                           </div>
@@ -303,7 +303,7 @@ exports[`CreateConnectionForm should render 1`] = `
                       <input
                         name="namespaceDefinition"
                         type="hidden"
-                        value="source"
+                        value="destination"
                       />
                     </div>
                   </div>
@@ -796,9 +796,9 @@ exports[`CreateConnectionForm should render 1`] = `
                           />
                           <div
                             class="<removed-for-snapshot-test>"
-                            title="'<source schema>"
+                            title="'<destination schema>"
                           >
-                            '&lt;source schema&gt;
+                            '&lt;destination schema&gt;
                           </div>
                           <div
                             class="<removed-for-snapshot-test>"

airbyte-webapp/src/components/connection/DestinationNamespaceModal/DestinationNamespaceModal.tsx

@@ -19,7 +19,7 @@ import { ExampleSettingsTable } from "./ExampleSettingsTable";
 const destinationNamespaceValidationSchema = yup.object().shape({
   namespaceDefinition: yup
     .string()
-    .oneOf([NamespaceDefinitionType.source, NamespaceDefinitionType.destination, NamespaceDefinitionType.customformat])
+    .oneOf([NamespaceDefinitionType.destination, NamespaceDefinitionType.source, NamespaceDefinitionType.customformat])
     .required("form.empty.error"),
   namespaceFormat: yup.string().when("namespaceDefinition", {
     is: NamespaceDefinitionType.customformat,
@@ -48,7 +48,7 @@ export const DestinationNamespaceModal: React.FC<DestinationNamespaceModalProps>
   return (
     <Formik
       initialValues={{
-        namespaceDefinition: initialValues?.namespaceDefinition ?? NamespaceDefinitionType.source,
+        namespaceDefinition: initialValues?.namespaceDefinition ?? NamespaceDefinitionType.destination,
         namespaceFormat: initialValues.namespaceFormat,
       }}
       enableReinitialize
@@ -69,14 +69,14 @@ export const DestinationNamespaceModal: React.FC<DestinationNamespaceModalProps>
                   <LabeledRadioButton
                     {...field}
                     className={styles.radioButton}
-                    id="destinationNamespace.source"
+                    id="destinationNamespace.destination"
                     label={
                       <Text as="span">
-                        <FormattedMessage id="connectionForm.modal.destinationNamespace.option.source" />
+                        <FormattedMessage id="connectionForm.modal.destinationNamespace.option.destination" />
                       </Text>
                     }
-                    value={NamespaceDefinitionType.source}
-                    checked={field.value === NamespaceDefinitionType.source}
+                    value={NamespaceDefinitionType.destination}
+                    checked={field.value === NamespaceDefinitionType.destination}
                   />
                 )}
               </Field>
@@ -85,14 +85,14 @@ export const DestinationNamespaceModal: React.FC<DestinationNamespaceModalProps>
                   <LabeledRadioButton
                     {...field}
                     className={styles.radioButton}
-                    id="destinationNamespace.destination"
+                    id="destinationNamespace.source"
                     label={
                       <Text as="span">
-                        <FormattedMessage id="connectionForm.modal.destinationNamespace.option.destination" />
+                        <FormattedMessage id="connectionForm.modal.destinationNamespace.option.source" />
                       </Text>
                     }
-                    value={NamespaceDefinitionType.destination}
-                    checked={field.value === NamespaceDefinitionType.destination}
+                    value={NamespaceDefinitionType.source}
+                    checked={field.value === NamespaceDefinitionType.source}
                   />
                 )}
               </Field>

airbyte-webapp/src/views/Connection/ConnectionForm/components/NamespaceDefinitionField.tsx

@@ -10,16 +10,16 @@ import { NamespaceDefinitionType } from "../../../../core/request/AirbyteClient"
 import styles from "./NamespaceDefinitionField.module.scss";
 
 export const StreamOptions = [
-  {
-    value: NamespaceDefinitionType.source,
-    label: <FormattedMessage id="connectionForm.sourceFormat" />,
-    testId: "namespaceDefinition-source",
-  },
   {
     value: NamespaceDefinitionType.destination,
     label: <FormattedMessage id="connectionForm.destinationFormat" />,
     testId: "namespaceDefinition-destination",
   },
+  {
+    value: NamespaceDefinitionType.source,
+    label: <FormattedMessage id="connectionForm.sourceFormat" />,
+    testId: "namespaceDefinition-source",
+  },
   {
     value: NamespaceDefinitionType.customformat,
     label: <FormattedMessage id="connectionForm.customFormat" />,

airbyte-webapp/src/views/Connection/ConnectionForm/formConfig.tsx

@@ -138,8 +138,8 @@ export const createConnectionValidationSchema = ({
       namespaceDefinition: yup
         .string()
         .oneOf([
-          NamespaceDefinitionType.source,
           NamespaceDefinitionType.destination,
+          NamespaceDefinitionType.source,
           NamespaceDefinitionType.customformat,
         ])
         .required("form.empty.error"),
@@ -365,7 +365,7 @@ export const useInitialValues = (
       scheduleData: connection.connectionId ? connection.scheduleData ?? null : DEFAULT_SCHEDULE,
       nonBreakingChangesPreference: connection.nonBreakingChangesPreference ?? NonBreakingChangesPreference.ignore,
       prefix: connection.prefix || "",
-      namespaceDefinition: connection.namespaceDefinition || NamespaceDefinitionType.source,
+      namespaceDefinition: connection.namespaceDefinition || NamespaceDefinitionType.destination,
       namespaceFormat: connection.namespaceFormat ?? SOURCE_NAMESPACE_TAG,
       geography: connection.geography || workspace.defaultGeography || "auto",
     };

tools/bin/load_test/connection_spec.json

@@ -32,7 +32,7 @@
     ]
   },
   "prefix": "",
-  "namespaceDefinition": "source",
+  "namespaceDefinition": "destination",
   "namespaceFormat": "${SOURCE_NAMESPACE}",
   "scheduleType": "basic",
   "scheduleData": {