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

package/dist/json/terminal.json

@@ -0,0 +1,81 @@
+{
+  "data": [
+    {
+      "id": 1,
+      "name": "Terminal 1",
+      "validfrom": "2019-01-01T00:01:00.000Z",
+      "validto": null,
+      "updatedby": null
+    },
+    {
+      "id": 2,
+      "name": "Terminal 2",
+      "validfrom": "2019-01-01T00:01:00.000Z",
+      "validto": null,
+      "updatedby": null
+    },
+    {
+      "id": 3,
+      "name": "Terminal 3",
+      "validfrom": "2019-01-01T00:01:00.000Z",
+      "validto": null,
+      "updatedby": null
+    },
+    {
+      "id": 4,
+      "name": "Terminal 4",
+      "validfrom": "2019-01-01T00:01:00.000Z",
+      "validto": null,
+      "updatedby": null
+    },
+    {
+      "id": 5,
+      "name": "Terminal 5",
+      "validfrom": "2019-01-01T00:01:00.000Z",
+      "validto": null,
+      "updatedby": null
+    },
+    {
+      "id": 6,
+      "name": "North Terminal",
+      "validfrom": "2019-01-01T00:01:00.000Z",
+      "validto": null,
+      "updatedby": null
+    },
+    {
+      "id": 7,
+      "name": "South Terminal",
+      "validfrom": "2019-01-01T00:01:00.000Z",
+      "validto": null,
+      "updatedby": null
+    },
+    {
+      "id": 8,
+      "name": "Eastern Docks",
+      "validfrom": "2019-01-01T00:01:00.000Z",
+      "validto": null,
+      "updatedby": null
+    },
+    {
+      "id": 9,
+      "name": "Western Docks",
+      "validfrom": "2019-01-01T00:01:00.000Z",
+      "validto": null,
+      "updatedby": null
+    },
+    {
+      "id": 10,
+      "name": "Tourist",
+      "validfrom": "2021-05-07T00:01:00.000Z",
+      "validto": null,
+      "updatedby": "Ben Milnes"
+    },
+    {
+      "id": 11,
+      "name": "Freight",
+      "validfrom": "2021-05-07T00:01:00.000Z",
+      "validto": null,
+      "updatedby": "Ben Milnes"
+    }
+  ]
+}

package/dist/models/ComponentTypes.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var TYPE_AUTOCOMPLETE = 'autocomplete';
 var TYPE_CHECKBOXES = 'checkboxes';
+var TYPE_COLLECTION = 'collection';
 var TYPE_CONTAINER = 'container';
 var TYPE_DATE = 'date';
 var TYPE_EMAIL = 'email';
@@ -21,6 +22,7 @@ var TYPE_TIME = 'time';
 var ComponentTypes = {
   AUTOCOMPLETE: TYPE_AUTOCOMPLETE,
   CHECKBOXES: TYPE_CHECKBOXES,
+  COLLECTION: TYPE_COLLECTION,
   CONTAINER: TYPE_CONTAINER,
   DATE: TYPE_DATE,
   EMAIL: TYPE_EMAIL,

package/dist/utils/CheckYourAnswers/getCYARow.js

@@ -29,6 +29,7 @@ var getCYARow = function getCYARow(page, component, onAction) {
     value = page.formData[component.fieldId];
   }
 
+  setNestedValue(component, page);
   return {
     pageId: page.id,
     id: component.id,
@@ -40,5 +41,16 @@ var getCYARow = function getCYARow(page, component, onAction) {
   };
 };
 
+var setNestedValue = function setNestedValue(component, page) {
+  var _component$data, _component$data$optio;
+
+  (_component$data = component.data) === null || _component$data === void 0 ? void 0 : (_component$data$optio = _component$data.options) === null || _component$data$optio === void 0 ? void 0 : _component$data$optio.forEach(function (option, index) {
+    //check if option is selected and has nested component
+    if (page.formData[component.id] === option.value && option.nested) {
+      component.data.options[index].nested.value = page.formData[option.nested.id];
+    }
+  });
+};
+
 var _default = getCYARow;
 exports.default = _default;

package/dist/utils/CheckYourAnswers/getCYARow.test.js

@@ -4,7 +4,8 @@ var _getCYARow = _interopRequireDefault(require("./getCYARow"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-// Local imports
+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('CheckYourAnswers', function () {
     describe('getCYARow', function () {
@@ -148,6 +149,32 @@ describe('utils', function () {
           onAction: ON_ACTION
         });
       });
+      it('should update update any nested components with corresponding values from the stored formdata', function () {
+        var SELECTED_VALUE = 'selectedValue';
+        var NESTED_ID = 'nestedId';
+        var NESTED_VALUE = 'nestedValue';
+        var PAGE = {
+          id: 'page',
+          formData: _defineProperty({
+            a: SELECTED_VALUE
+          }, NESTED_ID, NESTED_VALUE),
+          cya_link: {}
+        };
+        var COMPONENT = {
+          type: 'radios',
+          id: 'a',
+          data: {
+            options: [{
+              value: SELECTED_VALUE,
+              nested: {
+                id: NESTED_ID
+              }
+            }]
+          }
+        };
+        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, function () {});
+        expect(ROW.component.data.options[0].nested.value).toEqual(NESTED_VALUE);
+      });
     });
   });
 });

package/dist/utils/CheckYourAnswers/getCYARowForGroup.js

@@ -69,6 +69,7 @@ var getCYARowForGroup = function getCYARowForGroup(page, group, rows, onAction)
     pageId: page.id,
     fieldId: group.id,
     key: group.label,
+    required: group.required,
     value: value,
     action: (0, _getCYAAction.default)(false, page, onAction)
   };

package/dist/utils/Component/cleanAttributes.js

@@ -19,7 +19,7 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-var JSON_ONLY_PROPERTIES = ['source', 'use', 'show_when', 'options', 'additionalValidation', 'full_path'];
+var JSON_ONLY_PROPERTIES = ['source', 'use', 'show_when', 'options', 'additionalValidation', 'full_path', 'shown', 'formData'];
 /**
  * This method removes and properties that are entirely specific to the JSON
  * configuration and that should not be used as HTML attributes.

package/dist/utils/Component/getComponent.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.getNestedComponent = exports.default = void 0;
 
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 
@@ -84,6 +84,13 @@ var getRadios = function getRadios(config) {
     options = val;
   });
 
+  options.forEach(function (option) {
+    if (!option.nested) {
+      return;
+    }
+
+    option.nestedJSX = getNestedComponent(config, option);
+  });
   var attrs = (0, _cleanAttributes.default)(config);
   return /*#__PURE__*/_react.default.createElement(_copReactComponents.Radios, _extends({}, attrs, {
     options: options
@@ -148,6 +155,34 @@ var getComponentByType = function getComponentByType(config) {
       }
   }
 };
+/**
+ * Get nested component with form data
+ * @param {*} parentConfig 
+ * @param {*} nestedConfig 
+ */
+
+
+var getNestedComponent = function getNestedComponent(parentConfig, nestedConfig) {
+  nestedConfig.nested.onChange = parentConfig.onChange;
+
+  if (parentConfig.formData) {
+    var _parentConfig$formDat;
+
+    nestedConfig.nested.value = parentConfig !== null && parentConfig !== void 0 && (_parentConfig$formDat = parentConfig.formData) !== null && _parentConfig$formDat !== void 0 && _parentConfig$formDat[nestedConfig.nested.fieldId] ? parentConfig.formData[nestedConfig.nested.fieldId] : '';
+  }
+
+  if ('readonly' in nestedConfig.nested) delete nestedConfig.nested.readonly;
+
+  if (parentConfig.readonly) {
+    nestedConfig.nested.readonly = parentConfig.readonly;
+    return getComponent(nestedConfig.nested, false);
+  }
+
+  return getComponent(nestedConfig.nested);
+};
+
+exports.getNestedComponent = getNestedComponent;
+
 /**
  * Get a renderable component, based on a configuration object.
  * @param {object} config The configuration object for the component.
@@ -155,8 +190,6 @@ var getComponentByType = function getComponentByType(config) {
  * @param {Function} fnOverride An optional override function for component rendering.
  * @returns A renderable component.
  */
-
-
 var getComponent = function getComponent(config) {
   var wrap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   var fnOverride = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;

package/dist/utils/Component/getComponentTests/getComponent.nested.test.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+var _getComponent = require("../getComponent");
+
+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; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+describe('utils.Component.get', function () {
+  it('should return a component that is nested within another component', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var ID, FIELD_ID, LABEL, VALUE, PARENT_CONFIG, NESTED_CONFIG, _render, container, child, label, input;
+
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            ID = 'testId';
+            FIELD_ID = 'fieldId';
+            LABEL = 'Test label';
+            VALUE = 'nestedValue';
+            PARENT_CONFIG = {
+              onChange: function onChange() {},
+              formData: _defineProperty({}, FIELD_ID, VALUE)
+            };
+            NESTED_CONFIG = {
+              nested: {
+                id: ID,
+                fieldId: FIELD_ID,
+                label: LABEL,
+                type: 'text'
+              }
+            };
+            _render = (0, _react.render)((0, _getComponent.getNestedComponent)(PARENT_CONFIG, NESTED_CONFIG)), container = _render.container;
+            child = container.childNodes[0];
+            expect(child.classList).toContain('govuk-form-group');
+            label = child.childNodes[0];
+            expect(label).toBeDefined();
+            expect(label.innerHTML).toContain(LABEL);
+            input = child.childNodes[1];
+            expect(input.tagName).toEqual('INPUT');
+            expect(input.classList).toContain('govuk-input');
+            expect(input.id).toEqual(ID);
+            expect(input.value).toEqual(VALUE);
+
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  it('should return a read only component that is nested within another readonly component', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+    var ID, FIELD_ID, LABEL, VALUE, PARENT_CONFIG, NESTED_CONFIG, _render2, container, child;
+
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            ID = 'testId';
+            FIELD_ID = 'fieldId';
+            LABEL = 'Test label';
+            VALUE = 'nestedValue';
+            PARENT_CONFIG = {
+              onChange: function onChange() {},
+              formData: _defineProperty({}, FIELD_ID, VALUE),
+              readonly: true
+            };
+            NESTED_CONFIG = {
+              nested: {
+                id: ID,
+                fieldId: FIELD_ID,
+                label: LABEL,
+                type: 'text',
+                readonly: true
+              }
+            };
+            _render2 = (0, _react.render)((0, _getComponent.getNestedComponent)(PARENT_CONFIG, NESTED_CONFIG)), container = _render2.container;
+            child = container.childNodes[0];
+            expect(child.classList).toContain('hods-readonly');
+
+          case 9:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })));
+});

package/dist/utils/Meta/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.META_PROPERTY = exports.META_DOCUMENTS_PROPERTY = void 0;
+var META_PROPERTY = 'meta';
+exports.META_PROPERTY = META_PROPERTY;
+var META_DOCUMENTS_PROPERTY = 'documents';
+exports.META_DOCUMENTS_PROPERTY = META_DOCUMENTS_PROPERTY;

package/dist/utils/Meta/documents/getDocuments.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _constants = require("../constants");
+
+// Local imports
+var getDocuments = function getDocuments(formData) {
+  var _formData$META_PROPER;
+
+  return (formData === null || formData === void 0 ? void 0 : (_formData$META_PROPER = formData[_constants.META_PROPERTY]) === null || _formData$META_PROPER === void 0 ? void 0 : _formData$META_PROPER[_constants.META_DOCUMENTS_PROPERTY]) || [];
+};
+
+var _default = getDocuments;
+exports.default = _default;

package/dist/utils/Meta/documents/getDocuments.test.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _constants = require("../constants");
+
+var _getDocuments = _interopRequireDefault(require("./getDocuments"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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.Meta.documents.get', function () {
+  it('should return an empty array if formData is null', function () {
+    expect((0, _getDocuments.default)(null)).toEqual([]);
+  });
+  it('should return an empty array if formData does not contain a meta property', function () {
+    expect((0, _getDocuments.default)({})).toEqual([]);
+  });
+  it('should return an empty array if the meta property is undefined', function () {
+    var FORM_DATA = _defineProperty({}, _constants.META_PROPERTY, undefined);
+
+    expect((0, _getDocuments.default)(FORM_DATA)).toEqual([]);
+  });
+  it('should return an empty array if the meta property contains no documents property', function () {
+    var FORM_DATA = _defineProperty({}, _constants.META_PROPERTY, {});
+
+    expect((0, _getDocuments.default)(FORM_DATA)).toEqual([]);
+  });
+  it('should return an empty array if the meta.documents property is undefined', function () {
+    var FORM_DATA = _defineProperty({}, _constants.META_PROPERTY, _defineProperty({}, _constants.META_DOCUMENTS_PROPERTY, undefined));
+
+    expect((0, _getDocuments.default)(FORM_DATA)).toEqual([]);
+  });
+  it('should return the meta.documents property if it exists', function () {
+    var DOCUMENTS = [{
+      field: 'alpha',
+      url: 'http://alpha-bravo.com/files/charlie'
+    }];
+
+    var FORM_DATA = _defineProperty({}, _constants.META_PROPERTY, _defineProperty({}, _constants.META_DOCUMENTS_PROPERTY, DOCUMENTS));
+
+    expect((0, _getDocuments.default)(FORM_DATA)).toEqual(DOCUMENTS);
+  });
+});

package/dist/utils/Meta/documents/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _constants = require("../constants");
+
+var _setDocumentForField = _interopRequireDefault(require("./setDocumentForField"));
+
+var _getDocuments = _interopRequireDefault(require("./getDocuments"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Local imports
+var documents = {
+  setForField: _setDocumentForField.default,
+  get: _getDocuments.default,
+  name: _constants.META_DOCUMENTS_PROPERTY
+};
+var _default = documents;
+exports.default = _default;

package/dist/utils/Meta/documents/setDocumentForField.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _constants = require("../constants");
+
+var _getDocuments = _interopRequireDefault(require("./getDocuments"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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; }
+
+var setDocumentForField = function setDocumentForField(document, formData, field) {
+  var documents = (0, _getDocuments.default)(formData).filter(function (d) {
+    return d.field !== field;
+  });
+
+  if (document) {
+    documents.push(_objectSpread(_objectSpread({}, document), {}, {
+      field: field
+    }));
+  }
+
+  var existing = formData ? formData[_constants.META_PROPERTY] : undefined;
+  return _objectSpread(_objectSpread({}, existing), {}, _defineProperty({}, _constants.META_DOCUMENTS_PROPERTY, documents));
+};
+
+var _default = setDocumentForField;
+exports.default = _default;

package/dist/utils/Meta/documents/setDocumentForField.test.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _constants = require("../constants");
+
+var _setDocumentForField = _interopRequireDefault(require("./setDocumentForField"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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.Meta.documents.add', function () {
+  var ALPHA_DOCUMENT = {
+    field: 'alpha',
+    url: 'http://alpha-bravo.com/files/alpha'
+  };
+  var BRAVO_DOCUMENT = {
+    field: 'bravo',
+    url: 'http://alpha-bravo.com/files/bravo'
+  };
+  it('should return an appropriately set up object if formData is null', function () {
+    expect((0, _setDocumentForField.default)(ALPHA_DOCUMENT, null, ALPHA_DOCUMENT.field)).toEqual(_defineProperty({}, _constants.META_DOCUMENTS_PROPERTY, [ALPHA_DOCUMENT]));
+  });
+  it('should add a new document to the array', function () {
+    var FORM_DATA = _defineProperty({}, _constants.META_PROPERTY, _defineProperty({}, _constants.META_DOCUMENTS_PROPERTY, [ALPHA_DOCUMENT]));
+
+    expect((0, _setDocumentForField.default)(BRAVO_DOCUMENT, FORM_DATA, BRAVO_DOCUMENT.field)).toEqual(_defineProperty({}, _constants.META_DOCUMENTS_PROPERTY, [ALPHA_DOCUMENT, BRAVO_DOCUMENT]));
+  });
+  it('should replace an existing document with the same field', function () {
+    var NEW_URL = 'http://replacement.com/files/alpha';
+    var NEW_ALPHA = {
+      field: ALPHA_DOCUMENT.field,
+      url: NEW_URL
+    };
+
+    var FORM_DATA = _defineProperty({}, _constants.META_PROPERTY, _defineProperty({}, _constants.META_DOCUMENTS_PROPERTY, [ALPHA_DOCUMENT]));
+
+    expect((0, _setDocumentForField.default)(NEW_ALPHA, FORM_DATA, NEW_ALPHA.field)).toEqual(_defineProperty({}, _constants.META_DOCUMENTS_PROPERTY, [NEW_ALPHA]));
+  });
+  it('should handle a null document being passed where a document with that field already exists', function () {
+    var FORM_DATA = _defineProperty({}, _constants.META_PROPERTY, _defineProperty({}, _constants.META_DOCUMENTS_PROPERTY, [ALPHA_DOCUMENT]));
+
+    expect((0, _setDocumentForField.default)(null, FORM_DATA, ALPHA_DOCUMENT.field)).toEqual(_defineProperty({}, _constants.META_DOCUMENTS_PROPERTY, []));
+  });
+  it('should handle a null document being passed where a document with that field does not already exist', function () {
+    var FORM_DATA = _defineProperty({}, _constants.META_PROPERTY, _defineProperty({}, _constants.META_DOCUMENTS_PROPERTY, [ALPHA_DOCUMENT]));
+
+    expect((0, _setDocumentForField.default)(null, FORM_DATA, BRAVO_DOCUMENT.field)).toEqual(_defineProperty({}, _constants.META_DOCUMENTS_PROPERTY, [ALPHA_DOCUMENT]));
+  });
+});

package/dist/utils/Meta/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Meta = void 0;
+
+var _constants = require("./constants");
+
+var _documents = _interopRequireDefault(require("./documents"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Local imports
+var Meta = {
+  documents: _documents.default,
+  name: _constants.META_PROPERTY
+};
+exports.Meta = Meta;
+var _default = Meta;
+exports.default = _default;

package/dist/utils/Validate/validateCollection.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _validateContainer = _interopRequireDefault(require("./validateContainer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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; }
+
+var validateCollection = function validateCollection(collection, items) {
+  var errors = [];
+
+  if (collection && Array.isArray(collection.item) && Array.isArray(items)) {
+    items.forEach(function (item, index) {
+      var full_path = "".concat(collection.full_path || collection.fieldId, "[").concat(index, "]");
+      var container = {
+        full_path: full_path,
+        components: collection.item.map(function (component) {
+          return _objectSpread(_objectSpread({}, component), {}, {
+            full_path: "".concat(full_path, ".").concat(component.fieldId)
+          });
+        })
+      };
+      errors.push((0, _validateContainer.default)(container, item));
+    });
+  }
+
+  return errors.filter(function (e) {
+    return !!e;
+  }).flat();
+};
+
+var _default = validateCollection;
+exports.default = _default;

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

@@ -0,0 +1,74 @@
+"use strict";
+
+var _models = require("../../models");
+
+var _validateCollection = _interopRequireDefault(require("./validateCollection"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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.Validate.Collection', function () {
+  var setup = function setup(id, type, label, required, item) {
+    return {
+      id: id,
+      fieldId: id,
+      type: type,
+      label: label,
+      required: required,
+      item: item
+    };
+  };
+
+  it('should return an empty array when the component is null', function () {
+    expect((0, _validateCollection.default)(null, [])).toEqual([]);
+  });
+  it('should return an empty array when the collection has an undefined item array', function () {
+    var ID = 'collection';
+    var LABEL = 'field';
+    var COLLECTION = setup(ID, _models.ComponentTypes.COLLECTION, LABEL, false, undefined);
+    expect((0, _validateCollection.default)(COLLECTION, [])).toEqual([]);
+  });
+  it('should return an empty array when the collection has an empty item array', function () {
+    var ID = 'collection';
+    var LABEL = 'field';
+    var COLLECTION = setup(ID, _models.ComponentTypes.COLLECTION, LABEL, false, []);
+    expect((0, _validateCollection.default)(COLLECTION, [])).toEqual([]);
+  });
+  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, [EMAIL]);
+    var ITEMS = [_defineProperty({}, EMAIL_ID, 'alpha.bravo@homeoffice.gov.uk'), _defineProperty({}, EMAIL_ID, 'charlie.delta@homeoffice.gov.uk')];
+    expect((0, _validateCollection.default)(COLLECTION, ITEMS)).toEqual([]);
+  });
+  it('should return an array containing an error when the collection has an invalid first item', 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 COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [EMAIL]);
+    var ITEMS = [_defineProperty({}, EMAIL_ID, 'alpha.bravo@digital.homeoffice.com'), _defineProperty({}, EMAIL_ID, 'alpha.bravo@digital.homeoffice.gov.uk')];
+    expect((0, _validateCollection.default)(COLLECTION, ITEMS)).toEqual([{
+      id: "".concat(ID, "[0].").concat(EMAIL_ID),
+      error: "Enter ".concat(EMAIL_LABEL.toLowerCase(), " in the correct format, like jane.doe@homeoffice.gov.uk")
+    }]);
+  });
+  it('should return an array containing an error when the collection has an invalid second item', 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 COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [EMAIL]);
+    var ITEMS = [_defineProperty({}, EMAIL_ID, 'alpha.bravo@digital.homeoffice.gov.uk'), _defineProperty({}, EMAIL_ID, 'alpha.bravo@digital.homeoffice.com')];
+    expect((0, _validateCollection.default)(COLLECTION, ITEMS)).toEqual([{
+      id: "".concat(ID, "[1].").concat(EMAIL_ID),
+      error: "Enter ".concat(EMAIL_LABEL.toLowerCase(), " in the correct format, like jane.doe@homeoffice.gov.uk")
+    }]);
+  });
+});