@ukhomeoffice/cop-react-form-renderer 2.8.3 → 2.9.1

package/dist/utils/Validate/validateComponent.js

@@ -11,97 +11,116 @@ var _showComponent = _interopRequireDefault(require("../Component/showComponent"
 
 var _additional = _interopRequireDefault(require("./additional"));
 
-var _validateDate2 = _interopRequireDefault(require("./validateDate"));
+var _validateCollection = _interopRequireDefault(require("./validateCollection"));
+
+var _validateContainer = _interopRequireDefault(require("./validateContainer"));
+
+var _validateDate = _interopRequireDefault(require("./validateDate"));
 
 var _validateEmail = _interopRequireDefault(require("./validateEmail"));
 
 var _validateRequired = _interopRequireDefault(require("./validateRequired"));
 
-var _validateTime2 = _interopRequireDefault(require("./validateTime"));
+var _validateTime = _interopRequireDefault(require("./validateTime"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-var validateContainer = function validateContainer(container, formData) {
-  var errors = [];
-
-  if (Array.isArray(container.components)) {
-    var fd = formData && container.fieldId ? formData[container.fieldId] : formData;
-    container.components.forEach(function (component) {
-      errors.push(validateComponent(component, fd));
-    });
-  }
-
-  return errors.filter(function (e) {
-    return !!e;
-  });
-};
 /**
  * Validates a single component.
  * @param {object} component The component to validate.
  * @param {object} formData The data to use that holds this component's value.
  * @returns The first encountered error with the component.
  */
+var validateComponent = function validateComponent(component, formData) {
+  var _component$data$optio;
 
+  if (!(0, _showComponent.default)(component, formData)) {
+    return undefined;
+  }
 
-var validateComponent = function validateComponent(component, formData) {
   var error = undefined;
+  var nestedId = undefined;
+  var propertiesInError = undefined;
   var data = formData && _typeof(formData) === 'object' ? formData : {};
 
-  if (component && (0, _showComponent.default)(component, formData)) {
-    if (component.type === _models.ComponentTypes.CONTAINER) {
-      return validateContainer(component, formData);
-    }
+  if (component.type === _models.ComponentTypes.CONTAINER) {
+    return (0, _validateContainer.default)(component, formData);
+  }
 
-    var value = data[component.fieldId];
-    delete component.propsInError;
+  var value = data[component.fieldId];
 
-    if (component.required) {
-      error = (0, _validateRequired.default)(value, component.label, component.custom_errors);
-    }
+  if (component.required) {
+    error = (0, _validateRequired.default)(value, component.label, component.custom_errors);
+  }
 
-    if (!error && component.type === _models.ComponentTypes.EMAIL) {
-      error = (0, _validateEmail.default)(value, component.label);
-    }
+  if (!error) {
+    switch (component.type) {
+      case _models.ComponentTypes.COLLECTION:
+        return (0, _validateCollection.default)(component, value);
 
-    if (!error && component.type === _models.ComponentTypes.DATE) {
-      var _validateDate = (0, _validateDate2.default)(value),
-          message = _validateDate.message,
-          propsInError = _validateDate.propsInError;
+      case _models.ComponentTypes.EMAIL:
+        error = (0, _validateEmail.default)(value, component.label);
+        break;
 
-      component.propsInError = propsInError;
-      error = message;
-    }
+      case _models.ComponentTypes.DATE:
+      case _models.ComponentTypes.TIME:
+        var validator = component.type === _models.ComponentTypes.DATE ? _validateDate.default : _validateTime.default;
+
+        var _validator = validator(value),
+            message = _validator.message,
+            propsInError = _validator.propsInError;
+
+        propertiesInError = propsInError;
+        error = message;
+        break;
 
-    if (!error && component.type === _models.ComponentTypes.TIME) {
-      var _validateTime = (0, _validateTime2.default)(value),
-          _message = _validateTime.message,
-          _propsInError = _validateTime.propsInError;
+      case _models.ComponentTypes.RADIOS:
+        (_component$data$optio = component.data.options) === null || _component$data$optio === void 0 ? void 0 : _component$data$optio.some(function (option) {
+          var nestedError;
 
-      component.propsInError = _propsInError;
-      error = _message;
+          if (option.nested && option.nested.shown) {
+            var _nestedError;
+
+            nestedError = validateComponent(option.nested, formData);
+            error = (_nestedError = nestedError) === null || _nestedError === void 0 ? void 0 : _nestedError.error;
+
+            if (nestedError) {
+              nestedId = nestedError.id;
+            }
+          }
+
+          return nestedError;
+        });
+        break;
+
+      default:
+        break;
     }
 
     if (!error && component.additionalValidation) {
       error = (0, _additional.default)(component, value);
 
       if (component.type === _models.ComponentTypes.DATE && error) {
-        component.propsInError = {
+        propertiesInError = {
           day: true,
           month: true,
           year: true
         };
       }
     }
+  }
 
-    component.error = error;
+  if (error) {
+    return {
+      id: nestedId || component.full_path || component.id,
+      error: error,
+      properties: propertiesInError
+    };
   }
 
-  return error ? {
-    id: component.id,
-    error: error
-  } : undefined;
+  return undefined;
 };
 
 var _default = validateComponent;

package/dist/utils/Validate/validateComponent.test.js

@@ -8,202 +8,261 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-describe('utils', function () {
-  describe('Validate', function () {
-    describe('component', function () {
-      var setup = function setup(id, type, label, required, additionalValidation) {
-        return {
-          id: id,
-          fieldId: id,
-          type: type,
-          label: label,
-          required: required,
-          additionalValidation: additionalValidation
-        };
-      };
+describe('utils.Validate.Component', function () {
+  var setup = function setup(id, type, label, required, additionalValidation) {
+    return {
+      id: id,
+      fieldId: id,
+      type: type,
+      label: label,
+      required: required,
+      additionalValidation: additionalValidation
+    };
+  };
 
-      it('should return no error when the component is null', function () {
-        expect((0, _validateComponent.default)(null, {})).toBeUndefined();
+  it('should return no error when the component is null', function () {
+    expect((0, _validateComponent.default)(null, {})).toBeUndefined();
+  });
+  describe('when there is no form data', function () {
+    it('should return no error when the component is not required and not an email type', function () {
+      var ID = 'field';
+      var LABEL = 'Field';
+      var COMPONENT = setup(ID, _models.ComponentTypes.TEXT, LABEL, false);
+      expect((0, _validateComponent.default)(COMPONENT, null)).toBeUndefined();
+    });
+    it('should return a required error when the component is required and not an email type', function () {
+      var ID = 'field';
+      var LABEL = 'Field';
+      var COMPONENT = setup(ID, _models.ComponentTypes.TEXT, LABEL, true);
+      expect((0, _validateComponent.default)(COMPONENT, null)).toEqual({
+        id: ID,
+        error: "".concat(LABEL, " is required")
       });
-      describe('when there is no form data', function () {
-        it('should return no error when the component is not required and not an email type', function () {
-          var ID = 'field';
-          var LABEL = 'Field';
-          var COMPONENT = setup(ID, _models.ComponentTypes.TEXT, LABEL, false);
-          expect((0, _validateComponent.default)(COMPONENT, null)).toBeUndefined();
-        });
-        it('should return a required error when the component is required and not an email type', function () {
-          var ID = 'field';
-          var LABEL = 'Field';
-          var COMPONENT = setup(ID, _models.ComponentTypes.TEXT, LABEL, true);
-          expect((0, _validateComponent.default)(COMPONENT, null)).toEqual({
-            id: ID,
-            error: "".concat(LABEL, " is required")
-          });
-        });
-        it('should return a required error when the component is required and of type email', function () {
-          var ID = 'field';
-          var LABEL = 'Field';
-          var COMPONENT = setup(ID, _models.ComponentTypes.EMAIL, LABEL, true);
-          expect((0, _validateComponent.default)(COMPONENT, null)).toEqual({
-            id: ID,
-            error: "".concat(LABEL, " is required")
-          });
-        });
-        it('should return no error when the component is of type email but not required', function () {
-          var ID = 'field';
-          var LABEL = 'Field';
-          var COMPONENT = setup(ID, _models.ComponentTypes.EMAIL, LABEL, false);
-          expect((0, _validateComponent.default)(COMPONENT, null)).toBeUndefined();
-        });
+    });
+    it('should return a required error when the component is required and of type email', function () {
+      var ID = 'field';
+      var LABEL = 'Field';
+      var COMPONENT = setup(ID, _models.ComponentTypes.EMAIL, LABEL, true);
+      expect((0, _validateComponent.default)(COMPONENT, null)).toEqual({
+        id: ID,
+        error: "".concat(LABEL, " is required")
+      });
+    });
+    it('should return no error when the component is of type email but not required', function () {
+      var ID = 'field';
+      var LABEL = 'Field';
+      var COMPONENT = setup(ID, _models.ComponentTypes.EMAIL, LABEL, false);
+      expect((0, _validateComponent.default)(COMPONENT, null)).toBeUndefined();
+    });
+  });
+  describe('when the value is fully valid', function () {
+    var ID = 'field';
+
+    var DATA = _defineProperty({}, ID, 'alpha.bravo@digital.homeoffice.gov.uk');
+
+    it('should return no error when the component is not required and not an email type', function () {
+      var LABEL = 'Field';
+      var COMPONENT = setup(ID, _models.ComponentTypes.TEXT, LABEL, false);
+      expect((0, _validateComponent.default)(COMPONENT, DATA)).toBeUndefined();
+    });
+    it('should return no error when the component is required and not an email type', function () {
+      var LABEL = 'Field';
+      var COMPONENT = setup(ID, _models.ComponentTypes.TEXT, LABEL, true);
+      expect((0, _validateComponent.default)(COMPONENT, DATA)).toBeUndefined();
+    });
+    it('should return no error when the component is required and of type email', function () {
+      var LABEL = 'Field';
+      var COMPONENT = setup(ID, _models.ComponentTypes.EMAIL, LABEL, true);
+      expect((0, _validateComponent.default)(COMPONENT, DATA)).toBeUndefined();
+    });
+    it('should return no error when the component is of type email but not required', function () {
+      var LABEL = 'Field';
+      var COMPONENT = setup(ID, _models.ComponentTypes.EMAIL, LABEL, false);
+      expect((0, _validateComponent.default)(COMPONENT, DATA)).toBeUndefined();
+    });
+  });
+  describe('when the value is an invalid email', function () {
+    var ID = 'field';
+
+    var DATA = _defineProperty({}, ID, 'alpha.bravo@hotmail.com');
+
+    it('should return no error when the component is not required and not an email type', function () {
+      var LABEL = 'Field';
+      var COMPONENT = setup(ID, _models.ComponentTypes.TEXT, LABEL, false);
+      expect((0, _validateComponent.default)(COMPONENT, DATA)).toBeUndefined();
+    });
+    it('should return no error when the component is required and not an email type', function () {
+      var LABEL = 'Field';
+      var COMPONENT = setup(ID, _models.ComponentTypes.TEXT, LABEL, true);
+      expect((0, _validateComponent.default)(COMPONENT, DATA)).toBeUndefined();
+    });
+    it('should return no error when the component is required and of type email', function () {
+      var LABEL = 'Field';
+      var COMPONENT = setup(ID, _models.ComponentTypes.EMAIL, LABEL, true);
+      expect((0, _validateComponent.default)(COMPONENT, DATA)).toEqual({
+        id: ID,
+        error: "Enter ".concat(LABEL.toLowerCase(), " in the correct format, like jane.doe@homeoffice.gov.uk")
       });
-      describe('when the value is fully valid', function () {
-        var ID = 'field';
-
-        var DATA = _defineProperty({}, ID, 'alpha.bravo@digital.homeoffice.gov.uk');
-
-        it('should return no error when the component is not required and not an email type', function () {
-          var LABEL = 'Field';
-          var COMPONENT = setup(ID, _models.ComponentTypes.TEXT, LABEL, false);
-          expect((0, _validateComponent.default)(COMPONENT, DATA)).toBeUndefined();
-        });
-        it('should return no error when the component is required and not an email type', function () {
-          var LABEL = 'Field';
-          var COMPONENT = setup(ID, _models.ComponentTypes.TEXT, LABEL, true);
-          expect((0, _validateComponent.default)(COMPONENT, DATA)).toBeUndefined();
-        });
-        it('should return no error when the component is required and of type email', function () {
-          var LABEL = 'Field';
-          var COMPONENT = setup(ID, _models.ComponentTypes.EMAIL, LABEL, true);
-          expect((0, _validateComponent.default)(COMPONENT, DATA)).toBeUndefined();
-        });
-        it('should return no error when the component is of type email but not required', function () {
-          var LABEL = 'Field';
-          var COMPONENT = setup(ID, _models.ComponentTypes.EMAIL, LABEL, false);
-          expect((0, _validateComponent.default)(COMPONENT, DATA)).toBeUndefined();
-        });
+    });
+    it('should return no error when the component is of type email but not required', function () {
+      var LABEL = 'Field';
+      var COMPONENT = setup(ID, _models.ComponentTypes.EMAIL, LABEL, false);
+      expect((0, _validateComponent.default)(COMPONENT, DATA)).toEqual({
+        id: ID,
+        error: "Enter ".concat(LABEL.toLowerCase(), " in the correct format, like jane.doe@homeoffice.gov.uk")
       });
-      describe('when the value is an invalid email', function () {
-        var ID = 'field';
-
-        var DATA = _defineProperty({}, ID, 'alpha.bravo@hotmail.com');
-
-        it('should return no error when the component is not required and not an email type', function () {
-          var LABEL = 'Field';
-          var COMPONENT = setup(ID, _models.ComponentTypes.TEXT, LABEL, false);
-          expect((0, _validateComponent.default)(COMPONENT, DATA)).toBeUndefined();
-        });
-        it('should return no error when the component is required and not an email type', function () {
-          var LABEL = 'Field';
-          var COMPONENT = setup(ID, _models.ComponentTypes.TEXT, LABEL, true);
-          expect((0, _validateComponent.default)(COMPONENT, DATA)).toBeUndefined();
-        });
-        it('should return no error when the component is required and of type email', function () {
-          var LABEL = 'Field';
-          var COMPONENT = setup(ID, _models.ComponentTypes.EMAIL, LABEL, true);
-          expect((0, _validateComponent.default)(COMPONENT, DATA)).toEqual({
-            id: ID,
-            error: "Enter ".concat(LABEL.toLowerCase(), " in the correct format, like jane.doe@homeoffice.gov.uk")
-          });
-        });
-        it('should return no error when the component is of type email but not required', function () {
-          var LABEL = 'Field';
-          var COMPONENT = setup(ID, _models.ComponentTypes.EMAIL, LABEL, false);
-          expect((0, _validateComponent.default)(COMPONENT, DATA)).toEqual({
-            id: ID,
-            error: "Enter ".concat(LABEL.toLowerCase(), " in the correct format, like jane.doe@homeoffice.gov.uk")
-          });
-        });
+    });
+  });
+  describe('when the component is a Date Input', function () {
+    var ID = 'field';
+    it('should always reject invalid dates', function () {
+      var LABEL = 'Field';
+      var COMPONENT = setup(ID, _models.ComponentTypes.DATE, LABEL, false);
+
+      var DATA = _defineProperty({}, ID, '25-45-2033');
+
+      expect((0, _validateComponent.default)(COMPONENT, DATA)).toEqual({
+        error: 'Month must be between 1 and 12',
+        id: ID,
+        properties: {
+          month: true
+        }
       });
-      describe('when the component is a Date Input', function () {
-        var ID = 'field';
-        it('should always reject invalid dates', function () {
-          var LABEL = 'Field';
-          var COMPONENT = setup(ID, _models.ComponentTypes.DATE, LABEL, false);
-
-          var DATA = _defineProperty({}, ID, '25-45-2033');
-
-          expect((0, _validateComponent.default)(COMPONENT, DATA)).toEqual({
-            error: 'Month must be between 1 and 12',
-            id: ID
-          });
-        });
-        it('should apply optional validators when specified', function () {
-          var LABEL = 'Field';
-
-          var DATA = _defineProperty({}, ID, '25-3-3033');
-
-          var ADDITIONAL_VALIDATION = [{
-            function: 'mustBeBefore',
-            value: 3,
-            unit: 'day',
-            message: 'Date must be less than 3 days in the future'
-          }];
-          var COMPONENT = setup(ID, _models.ComponentTypes.DATE, LABEL, false, ADDITIONAL_VALIDATION);
-          expect((0, _validateComponent.default)(COMPONENT, DATA)).toEqual({
-            error: 'Date must be less than 3 days in the future',
-            id: ID
-          });
-        });
+    });
+    it('should apply optional validators when specified', function () {
+      var LABEL = 'Field';
+
+      var DATA = _defineProperty({}, ID, '25-3-3033');
+
+      var ADDITIONAL_VALIDATION = [{
+        function: 'mustBeBefore',
+        value: 3,
+        unit: 'day',
+        message: 'Date must be less than 3 days in the future'
+      }];
+      var COMPONENT = setup(ID, _models.ComponentTypes.DATE, LABEL, false, ADDITIONAL_VALIDATION);
+      expect((0, _validateComponent.default)(COMPONENT, DATA)).toEqual({
+        error: 'Date must be less than 3 days in the future',
+        id: ID,
+        properties: {
+          day: true,
+          month: true,
+          year: true
+        }
       });
-      describe('when the component is a Time Input', function () {
-        var ID = 'field';
-        it('should always reject invalid time', function () {
-          var LABEL = 'Field';
-          var COMPONENT = setup(ID, _models.ComponentTypes.TIME, LABEL, false);
-
-          var DATA = _defineProperty({}, ID, '25:45');
-
-          expect((0, _validateComponent.default)(COMPONENT, DATA)).toEqual({
-            error: 'Hour must be between 0 and 23',
-            id: ID
-          });
-        });
+    });
+  });
+  describe('when the component is a Time Input', function () {
+    var ID = 'field';
+    it('should always reject invalid time', function () {
+      var LABEL = 'Field';
+      var COMPONENT = setup(ID, _models.ComponentTypes.TIME, LABEL, false);
+
+      var DATA = _defineProperty({}, ID, '25:45');
+
+      expect((0, _validateComponent.default)(COMPONENT, DATA)).toEqual({
+        error: 'Hour must be between 0 and 23',
+        id: ID,
+        properties: {
+          hour: true
+        }
       });
-      describe('when the component is a container', function () {
-        it('should return an empty array when the container has an undefined components array', function () {
-          var ID = 'container';
-          var LABEL = 'field';
-          var CONTAINER = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false);
-          expect((0, _validateComponent.default)(CONTAINER, null)).toEqual([]);
-        });
-        it('should return an empty array when the container has no components', function () {
-          var ID = 'container';
-          var LABEL = 'field';
-          var CONTAINER = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false);
-          CONTAINER.components = [];
-          expect((0, _validateComponent.default)(CONTAINER, null)).toEqual([]);
-        });
-        it('should return an empty array when the container has only valid components', function () {
-          var EMAIL_ID = 'email';
-          var EMAIL_LABEL = 'Email';
-          var EMAIL = setup(EMAIL_ID, _models.ComponentTypes.EMAIL, EMAIL_LABEL, false);
-          var ID = 'container';
-          var LABEL = 'field';
-          var CONTAINER = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false);
-          CONTAINER.components = [EMAIL];
-
-          var DATA = _defineProperty({}, ID, _defineProperty({}, EMAIL_ID, 'alpha.bravo@digital.homeoffice.gov.uk'));
-
-          expect((0, _validateComponent.default)(CONTAINER, DATA)).toEqual([]);
-        });
-        it('should return an array containing an error when the container has an invalid component', function () {
-          var EMAIL_ID = 'email';
-          var EMAIL_LABEL = 'Email';
-          var EMAIL = setup(EMAIL_ID, _models.ComponentTypes.EMAIL, EMAIL_LABEL, false);
-          var ID = 'container';
-          var LABEL = 'field';
-          var CONTAINER = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false);
-          CONTAINER.components = [EMAIL];
-
-          var DATA = _defineProperty({}, ID, _defineProperty({}, EMAIL_ID, 'alpha.bravo@digital.homeoffice.com'));
-
-          expect((0, _validateComponent.default)(CONTAINER, DATA)).toEqual([{
-            id: EMAIL_ID,
-            error: "Enter ".concat(EMAIL_LABEL.toLowerCase(), " in the correct format, like jane.doe@homeoffice.gov.uk")
-          }]);
-        });
+    });
+  });
+  describe('when the component is a container', function () {
+    it('should return an empty array when the container has only valid components', function () {
+      var EMAIL_ID = 'email';
+      var EMAIL_LABEL = 'Email';
+      var EMAIL = setup(EMAIL_ID, _models.ComponentTypes.EMAIL, EMAIL_LABEL, false);
+      var ID = 'container';
+      var LABEL = 'field';
+      var CONTAINER = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false);
+      CONTAINER.components = [EMAIL];
+
+      var DATA = _defineProperty({}, ID, _defineProperty({}, EMAIL_ID, 'alpha.bravo@digital.homeoffice.gov.uk'));
+
+      expect((0, _validateComponent.default)(CONTAINER, DATA)).toEqual([]);
+    });
+  });
+  describe('when the component is a collection', function () {
+    it('should return an empty array when the collection has only valid items', function () {
+      var EMAIL_ID = 'email';
+      var EMAIL_LABEL = 'Email';
+      var EMAIL = setup(EMAIL_ID, _models.ComponentTypes.EMAIL, EMAIL_LABEL, false);
+      var ID = 'collection';
+      var LABEL = 'field';
+      var COLLECTION = setup(ID, _models.ComponentTypes.COLLECTION, LABEL, false);
+      COLLECTION.item = [EMAIL];
+
+      var DATA = _defineProperty({}, ID, [_defineProperty({}, EMAIL_ID, 'alpha.bravo@homeoffice.gov.uk'), _defineProperty({}, EMAIL_ID, 'charlie.delta@homeoffice.gov.uk')]);
+
+      expect((0, _validateComponent.default)(COLLECTION, DATA)).toEqual([]);
+    });
+  });
+  describe('when the component has a nested component', function () {
+    it('should return no error when the radio component contains nested components without errors', function () {
+      var NESTED_ID = 'nestedId';
+      var NESTED_VALUE = 'nestedValue';
+
+      var FORMDATA = _defineProperty({}, NESTED_ID, NESTED_VALUE);
+
+      var COMPONENT = {
+        type: 'radios',
+        id: 'a',
+        data: {
+          options: [{
+            nested: {
+              type: 'text',
+              fieldId: NESTED_ID,
+              id: NESTED_ID,
+              required: true,
+              shown: true
+            }
+          }]
+        }
+      };
+      expect((0, _validateComponent.default)(COMPONENT, FORMDATA)).toBeUndefined();
+    });
+    it('should return an error when the radio component contains nested components with errors', function () {
+      var NESTED_ID = 'nestedId';
+      var FORMDATA = {};
+      var COMPONENT = {
+        type: 'radios',
+        id: 'a',
+        data: {
+          options: [{
+            nested: {
+              type: 'text',
+              fieldId: NESTED_ID,
+              id: NESTED_ID,
+              required: true,
+              shown: true
+            }
+          }]
+        }
+      };
+      expect((0, _validateComponent.default)(COMPONENT, FORMDATA)).toEqual({
+        id: NESTED_ID,
+        error: "Field is required"
       });
     });
+    it('should return no error when a non selected radio component contains nested components with errors', function () {
+      var NESTED_ID = 'nestedId';
+      var COMPONENT = {
+        type: 'radios',
+        id: 'a',
+        data: {
+          options: [{
+            nested: {
+              type: 'text',
+              fieldId: NESTED_ID,
+              id: NESTED_ID,
+              required: true
+            }
+          }]
+        }
+      };
+      expect((0, _validateComponent.default)(COMPONENT, {})).toBeUndefined();
+    });
   });
 });

package/dist/utils/Validate/validateContainer.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _validateComponent = _interopRequireDefault(require("./validateComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Local imports
+var validateContainer = function validateContainer(container, formData) {
+  var errors = [];
+
+  if (container && Array.isArray(container.components)) {
+    var fd = formData && container.fieldId ? formData[container.fieldId] : formData;
+    container.components.forEach(function (component) {
+      errors.push((0, _validateComponent.default)(component, fd));
+    });
+  }
+
+  return errors.filter(function (e) {
+    return !!e;
+  });
+};
+
+var _default = validateContainer;
+exports.default = _default;