fixing cannot create a topic issue,added some default values to pass … (#1467)

* fixing cannot create a topic issue,added some default values to pass validation

* fixed default values in other forms

Co-authored-by: Ekaterina Petrova <[email protected]>

Author: NelyDavtyan

kafka-ui-react-app/src/components/Connect/New/New.tsx

@@ -127,6 +127,7 @@ const New: React.FC<NewProps> = ({
         <div className={['field', connectNameFieldClassName].join(' ')}>
           <InputLabel>Connect *</InputLabel>
           <Controller
+            defaultValue={connectOptions[0].value}
             control={control}
             name="connectName"
             render={({ field: { name, onChange } }) => (

kafka-ui-react-app/src/components/Schemas/Edit/Edit.tsx

@@ -86,6 +86,7 @@ const Edit: React.FC = () => {
             <div>
               <InputLabel>Type</InputLabel>
               <Controller
+                defaultValue={schema.schemaType}
                 control={control}
                 rules={{ required: true }}
                 name="schemaType"
@@ -108,6 +109,9 @@ const Edit: React.FC = () => {
             <div>
               <InputLabel>Compatibility level</InputLabel>
               <Controller
+                defaultValue={
+                  schema.compatibilityLevel as CompatibilityLevelCompatibilityEnum
+                }
                 control={control}
                 name="compatibilityLevel"
                 render={({ field: { name, onChange } }) => (

kafka-ui-react-app/src/components/Schemas/New/New.tsx

@@ -99,6 +99,7 @@ const New: React.FC = () => {
         <div>
           <InputLabel>Schema Type *</InputLabel>
           <Controller
+            defaultValue={SchemaTypeOptions[0].value as SchemaType}
             control={control}
             rules={{ required: 'Schema Type is required.' }}
             name="schemaType"

kafka-ui-react-app/src/components/Topics/New/New.tsx

@@ -21,9 +21,10 @@ interface RouterParams {
 
 const New: React.FC = () => {
   const methods = useForm<TopicFormData>({
-    mode: 'onTouched',
+    mode: 'all',
     resolver: yupResolver(topicFormValidationSchema),
   });
+
   const { clusterName } = useParams<RouterParams>();
   const history = useHistory();
   const dispatch = useDispatch();

kafka-ui-react-app/src/components/Topics/shared/Form/TopicForm.tsx

@@ -115,6 +115,7 @@ const TopicForm: React.FC<Props> = ({
           <div>
             <InputLabel>Cleanup policy</InputLabel>
             <Controller
+              defaultValue={CleanupPolicyOptions[0].value}
               control={control}
               name="cleanupPolicy"
               render={({ field: { name, onChange } }) => (
@@ -142,6 +143,7 @@ const TopicForm: React.FC<Props> = ({
               <Controller
                 control={control}
                 name="retentionBytes"
+                defaultValue={0}
                 render={({ field: { name, onChange } }) => (
                   <Select
                     name={name}