Merge pull request #854 from rvsia/antWarning

feat(ant): add warning

Author: Hyperkid123

packages/ant-component-mapper/src/common/form-wrapper.js

@@ -7,10 +7,17 @@ import { childrenPropTypes } from '@data-driven-forms/common/src/prop-types-temp
 
 const AntForm = ({ label, children, isRequired, FormItemProps, meta, validateOnMount, helperText, description, hideLabel }) => {
   const invalid = validationError(meta, validateOnMount);
-  const help = invalid || helperText || description;
+  const warning = (meta.touched || validateOnMount) && meta.warning;
+  const help = invalid || warning || helperText || description;
 
   return (
-    <Form.Item validateStatus={!invalid ? '' : 'error'} help={help} label={!hideLabel && label} required={isRequired} {...FormItemProps}>
+    <Form.Item
+      validateStatus={!invalid ? (warning ? 'warning' : '') : 'error'}
+      help={help}
+      label={!hideLabel && label}
+      required={isRequired}
+      {...FormItemProps}
+    >
       {children}
     </Form.Item>
   );

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

@@ -103,6 +103,29 @@ describe('formFields generated tests', () => {
           expect(wrapper.find('.ant-form-item-has-error').length).toBeGreaterThanOrEqual(1);
         });
 
+        it('renders with warning', async () => {
+          const errorField = {
+            ...field,
+            validate: [{ type: validatorTypes.REQUIRED, warning: true }],
+            useWarnings: true,
+            validateOnMount: true
+          };
+          let wrapper;
+
+          await act(async () => {
+            wrapper = mount(<RendererWrapper schema={{ fields: [errorField] }} />);
+          });
+          wrapper.update();
+
+          expect(
+            wrapper
+              .find('.ant-form-item-explain')
+              .last()
+              .text()
+          ).toEqual(errorText);
+          expect(wrapper.find('.ant-form-item-has-warning').length).toBeGreaterThanOrEqual(1);
+        });
+
         it('renders with error and validateOnMount', async () => {
           const errorField = {
             ...field,