fix(ant): add support for submitErrors

Author: rvsia

packages/ant-component-mapper/src/common/helpers.js

@@ -1,7 +1,7 @@
 export const validationError = (meta, validateOnMount) => {
   if (validateOnMount) {
-    return meta.error;
+    return meta.error || meta.submitError;
   }
 
-  return meta.touched && meta.error;
+  return meta.touched && (meta.error || meta.submitError);
 };

packages/ant-component-mapper/src/files/field-array.js

@@ -134,7 +134,7 @@ const DynamicArray = ({ ...props }) => {
     ...buttonLabels
   };
 
-  const { dirty, submitFailed, error } = meta;
+  const { dirty, submitFailed, error, submitError } = meta;
   const isError = (dirty || submitFailed) && error && typeof error === 'string';
   return (
     <AntForm
@@ -228,10 +228,10 @@ const DynamicArray = ({ ...props }) => {
                   )}
                 </Row>
               </Col>
-              {isError && (
+              {(isError || submitError) && (
                 <Col span={12}>
                   <Typography.Text type="danger" {...ErrorMessageProps}>
-                    {typeof error === 'object' ? error.name : error}
+                    {typeof error === 'object' ? error.name : error || submitError}
                   </Typography.Text>
                 </Col>
               )}

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

@@ -289,6 +289,21 @@ describe('formFields generated tests', () => {
             ).toEqual(true);
           }
         });
+
+        it('renders with submitError', async () => {
+          const wrapper = mount(<RendererWrapper schema={schema} onSubmit={() => ({ [field.name]: errorText })} />);
+          await act(async () => {
+            wrapper.find('form').simulate('submit');
+          });
+          wrapper.update();
+          expect(
+            wrapper
+              .find('.ant-form-item-explain')
+              .last()
+              .text()
+          ).toEqual(errorText);
+          expect(wrapper.find('.ant-form-item-has-error').length).toBeGreaterThanOrEqual(1);
+        });
       });
     });
   });