Set fields with submit errror to touched

Author: rvsia

packages/ant-component-mapper/src/tests/components.test.js

@@ -15,6 +15,7 @@ describe('formFields generated tests', () => {
       FormTemplate={(props) => <FormTemplate {...props} />}
       schema={schema}
       componentMapper={componentMapper}
+      subscription={{ submitFailed: true }}
       {...props}
     />
   );

packages/blueprint-component-mapper/src/tests/components.test.js

@@ -15,6 +15,7 @@ describe('formFields generated tests', () => {
       FormTemplate={(props) => <FormTemplate {...props} />}
       schema={schema}
       componentMapper={componentMapper}
+      subscription={{ submitFailed: true }}
       {...props}
     />
   );

packages/form-state-manager/src/utils/manager-api.ts

@@ -646,6 +646,20 @@ const createManagerApi: CreateManagerApi = ({
       return;
     }
 
+    state.registeredFields.forEach((name) => {
+      const warning = getFieldState(name)?.meta.warning;
+
+      if (warning) {
+        setFieldState(name, (state) => ({
+          ...state,
+          meta: {
+            ...state.meta,
+            touched: true
+          }
+        }));
+      }
+    });
+
     let error = false;
     state.registeredFields.forEach((name) =>
       traverseObject(state.fieldListeners[name].fields, (field) => {
@@ -703,7 +717,8 @@ const createManagerApi: CreateManagerApi = ({
               submitFailed: state.submitFailed,
               submitSucceeded: state.submitSucceeded,
               submitError: flatSubmitErrors[name],
-              submitting: state.submitting
+              submitting: state.submitting,
+              ...(flatSubmitErrors[name] && { touched: true })
             }
           }),
           true

packages/mui-component-mapper/src/tests/form-fields.test.js

@@ -17,6 +17,7 @@ const RendererWrapper = ({ schema = { fields: [] }, ...props }) => (
     FormTemplate={(props) => <FormTemplate {...props} />}
     schema={schema}
     componentMapper={componentMapper}
+    subscription={{ submitFailed: true }}
     {...props}
   />
 );
@@ -255,7 +256,7 @@ describe('formFields', () => {
           }
         });
 
-        it('renders with error', () => {
+        it('renders with submitError', () => {
           const wrapper = mount(<RendererWrapper schema={schema} onSubmit={() => ({ [field.name]: errorText })} />);
           wrapper.find('form').simulate('submit');
           expect(

packages/pf4-component-mapper/src/tests/form-fields.test.js

@@ -48,6 +48,7 @@ describe('FormFields', () => {
         FormTemplate={(props) => <FormTemplate {...props} />}
         schema={schema}
         componentMapper={componentMapper}
+        subscription={{ submitFailed: true }}
         {...props}
       />
     );
@@ -305,9 +306,14 @@ describe('FormFields', () => {
             }
           });
 
-          it('renders with submit error', () => {
+          it('renders with submit error', async () => {
             const wrapper = mount(<RendererWrapper schema={schema} onSubmit={() => ({ [field.name]: errorText })} />);
-            wrapper.find('form').simulate('submit');
+
+            await act(async () => {
+              wrapper.find('form').simulate('submit');
+            });
+            wrapper.update();
+
             expect(
               wrapper
                 .find('.pf-m-error')

packages/suir-component-mapper/src/tests/form-fields.test.js

@@ -17,6 +17,7 @@ const RendererWrapper = ({ schema = { fields: [] }, ...props }) => (
     FormTemplate={(props) => <FormTemplate {...props} />}
     schema={schema}
     componentMapper={componentMapper}
+    subscription={{ submitFailed: true }}
     {...props}
   />
 );
@@ -232,7 +233,7 @@ describe('formFields', () => {
           }
         });
 
-        it('renders with error', () => {
+        it('renders with submitError', () => {
           const wrapper = mount(<RendererWrapper schema={schema} onSubmit={() => ({ [field.name]: errorText })} />);
           wrapper.find('form').simulate('submit');
           expect(