Add convertWarningToError option

Author: rvsia

packages/react-form-renderer/src/files/use-field-api.d.ts

@@ -10,6 +10,8 @@ export interface ValidatorType extends Object {
 export interface UseFieldApiConfig extends AnyObject {
   name: string;
   validate?: ValidatorType[];
+  useWarnings?: boolean;
+  convertWarningToError?: boolean;
 }
 export interface UseFieldApiComponentConfig extends UseFieldConfig<any>  {
   name: string;

packages/react-form-renderer/src/files/use-field-api.js

@@ -66,7 +66,7 @@ const createFieldProps = (name, formOptions) => {
   };
 };
 
-const useFieldApi = ({ name, initializeOnMount, component, render, validate, resolveProps, useWarnings, ...props }) => {
+const useFieldApi = ({ name, initializeOnMount, component, render, validate, resolveProps, useWarnings, convertWarningToError, ...props }) => {
   const { validatorMapper, formOptions } = useContext(RendererContext);
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -219,7 +219,8 @@ const useFieldApi = ({ name, initializeOnMount, component, render, validate, res
     ...(useWarnings && {
       meta: {
         ...fieldProps.meta,
-        warning
+        warning,
+        ...(convertWarningToError && { error: warning })
       }
     }),
     input: {

packages/react-form-renderer/src/tests/form-renderer/validator.test.js

@@ -110,6 +110,34 @@ describe('FormRenderer validator', () => {
       expect(wrapper.find('#warning').text()).toEqual('Required');
     });
 
+    it('should convert warning to error', async () => {
+      await act(async () => {
+        wrapper = mount(
+          <FormRenderer
+            FormTemplate={FormTemplate}
+            componentMapper={{
+              [componentTypes.TEXT_FIELD]: TextField
+            }}
+            schema={{
+              fields: [
+                {
+                  useWarnings: true,
+                  convertWarningToError: true,
+                  component: 'text-field',
+                  name: NAME,
+                  validate: [{ type: 'required', warning: true }]
+                }
+              ]
+            }}
+            onSubmit={jest.fn()}
+          />
+        );
+      });
+      wrapper.update();
+
+      expect(wrapper.find('#error').text()).toEqual('Required');
+    });
+
     it('should convert function validator to warning', async () => {
       const ERROR = 'SOME-ERROR';