feat(blueprint): implement warning intent

Author: rvsia

packages/blueprint-component-mapper/src/files/form-group.js

@@ -22,12 +22,13 @@ export const FormGroupInternal = ({
 }) => {
   const { required } = useContext(BlueprintContext);
 
-  const { error, touched } = meta;
+  const { error, touched, warning } = meta;
   const showError = (validateOnMount || touched) && error;
+  const showWarning = (validateOnMount || touched) && warning;
 
-  const text = showError ? error : helperText || description;
+  const text = showError || showWarning || helperText || description;
 
-  const intent = showError && error && { intent: Intent.DANGER };
+  const intent = (showError && { intent: Intent.DANGER }) || (showWarning && { intent: Intent.WARNING });
   const labelInfo = !hideLabel && isRequired && { labelInfo: required };
 
   return (

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
+import { act } from 'react-dom/test-utils';
 
 import FormRenderer, { componentTypes } from '@data-driven-forms/react-form-renderer';
 import FormTemplate from '../files/form-template';
@@ -107,6 +108,29 @@ describe('formFields generated tests', () => {
           expect(wrapper.find('.bp3-intent-danger').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('.bp3-form-helper-text')
+              .last()
+              .text()
+          ).toEqual(errorText);
+          expect(wrapper.find('.bp3-intent-warning').length).toBeGreaterThanOrEqual(1);
+        });
+
         it('renders with helperText', () => {
           const helpertextField = {
             ...field,