@ukhomeoffice/cop-react-form-renderer 6.0.6-peter → 6.7.0-alpha

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

@@ -3,129 +3,130 @@
 var _models = require("../../models");
 var _validateComponent = _interopRequireDefault(require("./validateComponent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Local imports
-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 () {
+// Local imports
+
+describe('utils.Validate.Component', () => {
+  const setup = (id, type, label, required, additionalValidation) => ({
+    id,
+    fieldId: id,
+    type,
+    label,
+    required,
+    additionalValidation
+  });
+  it('should return no error when the component is null', () => {
     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);
+  describe('when there is no form data', () => {
+    it('should return no error when the component is not required and not an email type', () => {
+      const ID = 'field';
+      const LABEL = 'Field';
+      const 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);
+    it('should return a required error when the component is required and not an email type', () => {
+      const ID = 'field';
+      const LABEL = 'Field';
+      const 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);
+    it('should return a required error when the component is required and of type email', () => {
+      const ID = 'field';
+      const LABEL = 'Field';
+      const 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 a required error when the component is required and of type collection summary', function () {
-      var ID = 'field';
-      var LABEL = 'Field';
-      var COMPONENT = _objectSpread(_objectSpread({}, setup(ID, _models.ComponentTypes.COLLECTION_SUMMARY, LABEL, true)), {}, {
+    it('should return a required error when the component is required and of type collection summary', () => {
+      const ID = 'field';
+      const LABEL = 'Field';
+      const COMPONENT = {
+        ...setup(ID, _models.ComponentTypes.COLLECTION_SUMMARY, LABEL, true),
         collectionName: 'testCollection'
-      });
+      };
       expect((0, _validateComponent.default)(COMPONENT, {})).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);
+    it('should return no error when the component is of type email but not required', () => {
+      const ID = 'field';
+      const LABEL = 'Field';
+      const 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);
+  describe('when the value is fully valid', () => {
+    const ID = 'field';
+    const DATA = {
+      [ID]: 'alpha.bravo@digital.homeoffice.gov.uk'
+    };
+    it('should return no error when the component is not required and not an email type', () => {
+      const LABEL = 'Field';
+      const 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);
+    it('should return no error when the component is required and not an email type', () => {
+      const LABEL = 'Field';
+      const 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);
+    it('should return no error when the component is required and of type email', () => {
+      const LABEL = 'Field';
+      const 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);
+    it('should return no error when the component is of type email but not required', () => {
+      const LABEL = 'Field';
+      const 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);
+  describe('when the value is an invalid email', () => {
+    const ID = 'field';
+    const DATA = {
+      [ID]: 'alpha.bravo@hotmail.com'
+    };
+    it('should return no error when the component is not required and not an email type', () => {
+      const LABEL = 'Field';
+      const 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);
+    it('should return no error when the component is required and not an email type', () => {
+      const LABEL = 'Field';
+      const 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);
+    it('should return no error when the component is required and of type email', () => {
+      const LABEL = 'Field';
+      const 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);
+    it('should return no error when the component is of type email but not required', () => {
+      const LABEL = 'Field';
+      const 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');
+  describe('when the component is a Date Input', () => {
+    const ID = 'field';
+    it('should always reject invalid dates', () => {
+      const LABEL = 'Field';
+      const COMPONENT = setup(ID, _models.ComponentTypes.DATE, LABEL, false);
+      const DATA = {
+        [ID]: '25-45-2033'
+      };
       expect((0, _validateComponent.default)(COMPONENT, DATA)).toEqual({
         error: 'Month must be between 1 and 12',
         id: ID,
@@ -134,16 +135,18 @@ describe('utils.Validate.Component', function () {
         }
       });
     });
-    it('should apply optional validators when specified', function () {
-      var LABEL = 'Field';
-      var DATA = _defineProperty({}, ID, '25-3-3033');
-      var ADDITIONAL_VALIDATION = [{
+    it('should apply optional validators when specified', () => {
+      const LABEL = 'Field';
+      const DATA = {
+        [ID]: '25-3-3033'
+      };
+      const 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);
+      const 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,
@@ -155,12 +158,14 @@ describe('utils.Validate.Component', function () {
       });
     });
   });
-  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');
+  describe('when the component is a Time Input', () => {
+    const ID = 'field';
+    it('should always reject invalid time', () => {
+      const LABEL = 'Field';
+      const COMPONENT = setup(ID, _models.ComponentTypes.TIME, LABEL, false);
+      const DATA = {
+        [ID]: '25:45'
+      };
       expect((0, _validateComponent.default)(COMPONENT, DATA)).toEqual({
         error: 'Hour must be between 0 and 23',
         id: ID,
@@ -170,38 +175,50 @@ describe('utils.Validate.Component', function () {
       });
     });
   });
-  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);
+  describe('when the component is a container', () => {
+    it('should return an empty array when the container has only valid components', () => {
+      const EMAIL_ID = 'email';
+      const EMAIL_LABEL = 'Email';
+      const EMAIL = setup(EMAIL_ID, _models.ComponentTypes.EMAIL, EMAIL_LABEL, false);
+      const ID = 'container';
+      const LABEL = 'field';
+      const CONTAINER = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false);
       CONTAINER.components = [EMAIL];
-      var DATA = _defineProperty({}, ID, _defineProperty({}, EMAIL_ID, 'alpha.bravo@digital.homeoffice.gov.uk'));
+      const DATA = {
+        [ID]: {
+          [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);
+  describe('when the component is a collection', () => {
+    it('should return an empty array when the collection has only valid items', () => {
+      const EMAIL_ID = 'email';
+      const EMAIL_LABEL = 'Email';
+      const EMAIL = setup(EMAIL_ID, _models.ComponentTypes.EMAIL, EMAIL_LABEL, false);
+      const ID = 'collection';
+      const LABEL = 'field';
+      const 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')]);
+      const DATA = {
+        [ID]: [{
+          [EMAIL_ID]: 'alpha.bravo@homeoffice.gov.uk'
+        }, {
+          [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 = {
+  describe('when the component has a nested component', () => {
+    it('should return no error when the radio component contains nested components without errors', () => {
+      const NESTED_ID = 'nestedId';
+      const NESTED_VALUE = 'nestedValue';
+      const FORMDATA = {
+        [NESTED_ID]: NESTED_VALUE
+      };
+      const COMPONENT = {
         type: 'radios',
         id: 'a',
         data: {
@@ -217,10 +234,10 @@ describe('utils.Validate.Component', function () {
       };
       expect((0, _validateComponent.default)(COMPONENT, undefined, 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 = {
+    it('should return an error when the radio component contains nested components with errors', () => {
+      const NESTED_ID = 'nestedId';
+      const FORMDATA = {};
+      const COMPONENT = {
         type: 'radios',
         id: 'a',
         data: {
@@ -239,9 +256,9 @@ describe('utils.Validate.Component', function () {
         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 = {
+    it('should return no error when a non selected radio component contains nested components with errors', () => {
+      const NESTED_ID = 'nestedId';
+      const COMPONENT = {
         type: 'radios',
         id: 'a',
         data: {
@@ -258,11 +275,13 @@ describe('utils.Validate.Component', function () {
       };
       expect((0, _validateComponent.default)(COMPONENT, undefined, {})).toBeUndefined();
     });
-    it('should return no error when the checkbox component contains nested components without errors', function () {
-      var NESTED_ID = 'nestedId';
-      var NESTED_VALUE = 'nestedValue';
-      var FORMDATA = _defineProperty({}, NESTED_ID, NESTED_VALUE);
-      var COMPONENT = {
+    it('should return no error when the checkbox component contains nested components without errors', () => {
+      const NESTED_ID = 'nestedId';
+      const NESTED_VALUE = 'nestedValue';
+      const FORMDATA = {
+        [NESTED_ID]: NESTED_VALUE
+      };
+      const COMPONENT = {
         type: 'checkboxes',
         id: 'a',
         data: {
@@ -278,13 +297,13 @@ describe('utils.Validate.Component', function () {
       };
       expect((0, _validateComponent.default)(COMPONENT, undefined, FORMDATA)).toBeUndefined();
     });
-    it('should return an error when the checkbox component contains nested components with errors', function () {
-      var NESTED_ID = 'nestedId';
-      var OPTION_VALUE = 'optionValue';
-      var FORMDATA = {
+    it('should return an error when the checkbox component contains nested components with errors', () => {
+      const NESTED_ID = 'nestedId';
+      const OPTION_VALUE = 'optionValue';
+      const FORMDATA = {
         'a': [OPTION_VALUE]
       };
-      var COMPONENT = {
+      const COMPONENT = {
         type: 'checkboxes',
         id: 'a',
         data: {
@@ -304,14 +323,15 @@ describe('utils.Validate.Component', function () {
         error: "Field is required"
       }]);
     });
-    it('should return no error when a non selected checkbox component contains nested components with errors', function () {
-      var NESTED_ID_NOT_SELECTED = 'nestedIdNotSelected';
-      var NESTED_ID_SELECTED = 'nestedIdSelected';
-      var NESTED_VALUE_SELECTED = 'nestedValueSelected';
-      var FORMDATA = _defineProperty({
-        'a': ['optionValueSelected']
-      }, NESTED_ID_SELECTED, NESTED_VALUE_SELECTED);
-      var COMPONENT = {
+    it('should return no error when a non selected checkbox component contains nested components with errors', () => {
+      const NESTED_ID_NOT_SELECTED = 'nestedIdNotSelected';
+      const NESTED_ID_SELECTED = 'nestedIdSelected';
+      const NESTED_VALUE_SELECTED = 'nestedValueSelected';
+      const FORMDATA = {
+        'a': ['optionValueSelected'],
+        [NESTED_ID_SELECTED]: NESTED_VALUE_SELECTED
+      };
+      const COMPONENT = {
         type: 'checkboxes',
         id: 'a',
         data: {
@@ -338,16 +358,17 @@ describe('utils.Validate.Component', function () {
       };
       expect((0, _validateComponent.default)(COMPONENT, undefined, FORMDATA)).toBeUndefined();
     });
-    it('should return no error when all selected checkbox components contains nested components without errors', function () {
-      var _FORMDATA4;
-      var NESTED_ID_SELECTED_1 = 'nestedIdSelected1';
-      var NESTED_ID_SELECTED_2 = 'nestedIdSelected2';
-      var NESTED_VALUE_SELECTED_1 = 'nestedValueSelected1';
-      var NESTED_VALUE_SELECTED_2 = 'nestedValueSelected2';
-      var FORMDATA = (_FORMDATA4 = {
-        'a': ['optionValueSelected1', 'optionValueSelected2']
-      }, _defineProperty(_FORMDATA4, NESTED_ID_SELECTED_1, NESTED_VALUE_SELECTED_1), _defineProperty(_FORMDATA4, NESTED_ID_SELECTED_2, NESTED_VALUE_SELECTED_2), _FORMDATA4);
-      var COMPONENT = {
+    it('should return no error when all selected checkbox components contains nested components without errors', () => {
+      const NESTED_ID_SELECTED_1 = 'nestedIdSelected1';
+      const NESTED_ID_SELECTED_2 = 'nestedIdSelected2';
+      const NESTED_VALUE_SELECTED_1 = 'nestedValueSelected1';
+      const NESTED_VALUE_SELECTED_2 = 'nestedValueSelected2';
+      const FORMDATA = {
+        'a': ['optionValueSelected1', 'optionValueSelected2'],
+        [NESTED_ID_SELECTED_1]: NESTED_VALUE_SELECTED_1,
+        [NESTED_ID_SELECTED_2]: NESTED_VALUE_SELECTED_2
+      };
+      const COMPONENT = {
         type: 'checkboxes',
         id: 'a',
         data: {

package/dist/utils/Validate/validateContainer.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _elevateNestedComponents = _interopRequireDefault(require("../Component/elevateNestedComponents"));
 var _validateComponent = _interopRequireDefault(require("./validateComponent"));
 var _additional = _interopRequireDefault(require("./additional"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Local imports
+// Local imports
+
 /**
  * Validates all components within a container.
  * @param {object} container The container to validate.
@@ -20,33 +17,33 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  * @param {object} formData The data at the top level of the form.
  * @returns Errors for all components within the container.
  */
-var validateContainer = function validateContainer(container, outerData, formData) {
+const validateContainer = (container, outerData, formData) => {
   if (!container) {
     return [];
   }
-  var fd = formData || outerData;
-  var error = (0, _additional.default)(container, fd);
+  const fd = formData || outerData;
+  const error = (0, _additional.default)(container, fd);
   if (error) {
     return {
       id: container.id,
-      error: error
+      error
     };
   }
-  var errors = [];
+  const errors = [];
   if (Array.isArray(container.components)) {
-    var containerData = outerData && container.fieldId ? outerData[container.fieldId] : outerData;
-    container.components.forEach(function (component) {
+    const containerData = outerData && container.fieldId ? outerData[container.fieldId] : outerData;
+    const fullContainerComponents = (0, _elevateNestedComponents.default)(container.components, containerData);
+    fullContainerComponents.forEach(component => {
       // It is possible that the container being passed in is a
       // dummy container just for validation. In that scenario we want 
       // to ignore the full_path and just use the component's fieldId.
-      var fullPath = container.full_path || container.fieldId ? "".concat(container.full_path || container.fieldId, ".").concat(component.fieldId) : component.fieldId;
-      errors.push((0, _validateComponent.default)(_objectSpread(_objectSpread({}, component), {}, {
+      const fullPath = container.full_path || container.fieldId ? "".concat(container.full_path || container.fieldId, ".").concat(component.fieldId) : component.fieldId;
+      errors.push((0, _validateComponent.default)({
+        ...component,
         full_path: fullPath
-      }), containerData, fd));
+      }, containerData, fd));
     });
   }
-  return errors.flat(1).filter(function (e) {
-    return !!e;
-  });
+  return errors.flat(1).filter(e => !!e);
 };
 var _default = exports.default = validateContainer;