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

package/dist/utils/Validate/additional/mustHaveLessThanDecimalPlaces.test.js

@@ -2,30 +2,30 @@
 
 var _mustHaveLessThanDecimalPlaces = _interopRequireDefault(require("./mustHaveLessThanDecimalPlaces"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe('utils', function () {
-  describe('Validate', function () {
-    describe('additional', function () {
-      describe('mustHaveLessThanDecimalPlaces', function () {
-        test('should return false given a number with more than the allowed number of decimal places', function () {
-          var result = (0, _mustHaveLessThanDecimalPlaces.default)('999999999.9999', {
+describe('utils', () => {
+  describe('Validate', () => {
+    describe('additional', () => {
+      describe('mustHaveLessThanDecimalPlaces', () => {
+        test('should return false given a number with more than the allowed number of decimal places', () => {
+          const result = (0, _mustHaveLessThanDecimalPlaces.default)('999999999.9999', {
             maxDecimals: 3
           });
           expect(result).toEqual(false);
         });
-        test('should return true given a number with less than the allowed number of decimal places', function () {
-          var result = (0, _mustHaveLessThanDecimalPlaces.default)('999999999.99', {
+        test('should return true given a number with less than the allowed number of decimal places', () => {
+          const result = (0, _mustHaveLessThanDecimalPlaces.default)('999999999.99', {
             maxDecimals: 3
           });
           expect(result).toEqual(true);
         });
-        test('should return true given a number with no decimal places', function () {
-          var result = (0, _mustHaveLessThanDecimalPlaces.default)('999999999', {
+        test('should return true given a number with no decimal places', () => {
+          const result = (0, _mustHaveLessThanDecimalPlaces.default)('999999999', {
             maxDecimals: 3
           });
           expect(result).toEqual(true);
         });
-        test('should return true given nothing', function () {
-          var result = (0, _mustHaveLessThanDecimalPlaces.default)(undefined, {
+        test('should return true given nothing', () => {
+          const result = (0, _mustHaveLessThanDecimalPlaces.default)(undefined, {
             maxDecimals: 3
           });
           expect(result).toEqual(true);

package/dist/utils/Validate/additional/mustNotContainSql.js

@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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); }
 // NOTE: SQL RegEx reference:
 // http://www.symantec.com/connect/articles/detection-sql-injection-and-cross-site-scripting-attacks
-var SQL_COMBINED = /(%27)|(')|(--)|(%23)|(#)|((%3D)|(=))[^\n]*((%27)|(')|(--)|(%3B)|(;))|w*((%27)|('))((%6F)|o|(%4F))((%72)|r|(%52))|((%27)|('))union/i;
-var mustNotContainSql = function mustNotContainSql(value) {
+const SQL_COMBINED = /(%27)|(')|(--)|(%23)|(#)|((%3D)|(=))[^\n]*((%27)|(')|(--)|(%3B)|(;))|w*((%27)|('))((%6F)|o|(%4F))((%72)|r|(%52))|((%27)|('))union/i;
+const mustNotContainSql = value => {
   // eslint-disable-next-line no-extra-boolean-cast
   if (!!value) {
-    var string = _typeof(value) === 'object' ? JSON.stringify(value) : String(value);
+    const string = typeof value === 'object' ? JSON.stringify(value) : String(value);
     return !SQL_COMBINED.test(string);
   }
   return false;

package/dist/utils/Validate/additional/mustNotContainSql.test.js

@@ -2,28 +2,28 @@
 
 var _mustNotContainSql = _interopRequireDefault(require("./mustNotContainSql"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe('utils', function () {
-  describe('Validate', function () {
-    describe('additional', function () {
-      describe('mustNotContainSql', function () {
-        test('should return true given a string not containing sql characters', function () {
-          var result = (0, _mustNotContainSql.default)('test');
+describe('utils', () => {
+  describe('Validate', () => {
+    describe('additional', () => {
+      describe('mustNotContainSql', () => {
+        test('should return true given a string not containing sql characters', () => {
+          const result = (0, _mustNotContainSql.default)('test');
           expect(result).toEqual(true);
         });
-        test('should return true given non-string datatype is converted to string', function () {
-          var result = (0, _mustNotContainSql.default)(123);
+        test('should return true given non-string datatype is converted to string', () => {
+          const result = (0, _mustNotContainSql.default)(123);
           expect(result).toEqual(true);
         });
-        test('should return false given a string containing sql characters', function () {
-          var result = (0, _mustNotContainSql.default)("test' OR '1'='1'");
+        test('should return false given a string containing sql characters', () => {
+          const result = (0, _mustNotContainSql.default)("test' OR '1'='1'");
           expect(result).toEqual(false);
         });
-        test('should return false given string is null', function () {
-          var result = (0, _mustNotContainSql.default)(null);
+        test('should return false given string is null', () => {
+          const result = (0, _mustNotContainSql.default)(null);
           expect(result).toEqual(false);
         });
-        test('should return false given string is not defined', function () {
-          var result = (0, _mustNotContainSql.default)(undefined);
+        test('should return false given string is not defined', () => {
+          const result = (0, _mustNotContainSql.default)(undefined);
           expect(result).toEqual(false);
         });
       });

package/dist/utils/Validate/additional/mustSelectOnlyOne.js

@@ -10,9 +10,9 @@ exports.default = void 0;
  * @param {object} component the container component
  * @returns true if the user has only provided a value for one of the components in the container, otherwise false.
  */
-var mustSelectOnlyOne = function mustSelectOnlyOne(data, _, component) {
+const mustSelectOnlyOne = (data, _, component) => {
   var _component$components;
-  var valueCount = (_component$components = component.components) === null || _component$components === void 0 ? void 0 : _component$components.reduce(function (acc, inner) {
+  const valueCount = (_component$components = component.components) === null || _component$components === void 0 ? void 0 : _component$components.reduce((acc, inner) => {
     var _data$component$id;
     if ((_data$component$id = data[component.id]) !== null && _data$component$id !== void 0 && _data$component$id[inner.id]) {
       // Account for checkboxes that the user may have unselected

package/dist/utils/Validate/additional/mustSelectOnlyOne.test.js

@@ -2,16 +2,12 @@
 
 var _mustSelectOnlyOne = _interopRequireDefault(require("./mustSelectOnlyOne"));
 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 _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); }
-describe('utils', function () {
-  describe('Validate', function () {
-    describe('additional', function () {
-      describe('mustSelectOnlyOne', function () {
-        var CONTAINER_ID = 'containerId';
-        var COMPONENT = {
+describe('utils', () => {
+  describe('Validate', () => {
+    describe('additional', () => {
+      describe('mustSelectOnlyOne', () => {
+        const CONTAINER_ID = 'containerId';
+        const COMPONENT = {
           id: CONTAINER_ID,
           type: 'container',
           components: [{
@@ -22,28 +18,34 @@ describe('utils', function () {
             id: 'charlie'
           }]
         };
-        test('should return true if all components are empty', function () {
-          var DATA = {};
+        test('should return true if all components are empty', () => {
+          const DATA = {};
           expect((0, _mustSelectOnlyOne.default)(DATA, {}, COMPONENT)).toEqual(true);
         });
-        test('should return true if one component has data', function () {
-          var DATA = _defineProperty({}, CONTAINER_ID, {
-            alpha: 'text'
-          });
+        test('should return true if one component has data', () => {
+          const DATA = {
+            [CONTAINER_ID]: {
+              alpha: 'text'
+            }
+          };
           expect((0, _mustSelectOnlyOne.default)(DATA, {}, COMPONENT)).toEqual(true);
         });
-        test('should return false if more than one component has data', function () {
-          var DATA = _defineProperty({}, CONTAINER_ID, {
-            alpha: 'text',
-            bravo: 'test'
-          });
+        test('should return false if more than one component has data', () => {
+          const DATA = {
+            [CONTAINER_ID]: {
+              alpha: 'text',
+              bravo: 'test'
+            }
+          };
           expect((0, _mustSelectOnlyOne.default)(DATA, {}, COMPONENT)).toEqual(false);
         });
-        test('should return true if more than one component has data but one is an empty array', function () {
-          var DATA = _defineProperty({}, CONTAINER_ID, {
-            alpha: 'text',
-            bravo: []
-          });
+        test('should return true if more than one component has data but one is an empty array', () => {
+          const DATA = {
+            [CONTAINER_ID]: {
+              alpha: 'text',
+              bravo: []
+            }
+          };
           expect((0, _mustSelectOnlyOne.default)(DATA, {}, COMPONENT)).toEqual(true);
         });
       });

package/dist/utils/Validate/additional/utils.js

@@ -4,15 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formattedTime = exports.formatString = exports.DATE_FORMAT = void 0;
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-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; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var isNumeric = function isNumeric(value) {
-  return /^-?\d+$/.test(value);
-};
+const isNumeric = value => /^-?\d+$/.test(value);
 
 /**
  
@@ -23,25 +15,20 @@ var isNumeric = function isNumeric(value) {
  * @param {string} dateComponent - the value representing a day or month.
  * @returns  the value (appended with a leading zero, if the value passed in was a single digit)
 */
-var formatInTwoDigits = function formatInTwoDigits(dateComponent) {
+const formatInTwoDigits = dateComponent => {
   if (isNumeric(dateComponent)) {
     return dateComponent.padStart(2, '0');
   }
   return '';
 };
-var formatString = exports.formatString = function formatString(date) {
-  var _date$split = date.split('-'),
-    _date$split2 = _slicedToArray(_date$split, 3),
-    day = _date$split2[0],
-    month = _date$split2[1],
-    year = _date$split2[2];
+const formatString = date => {
+  const [day, month, year] = date.split('-');
   return "".concat(formatInTwoDigits(day), "-").concat(formatInTwoDigits(month), "-").concat(year);
 };
-var formattedTime = exports.formattedTime = function formattedTime(time) {
-  var _time$split = time.split(':'),
-    _time$split2 = _slicedToArray(_time$split, 2),
-    hour = _time$split2[0],
-    minute = _time$split2[1];
+exports.formatString = formatString;
+const formattedTime = time => {
+  const [hour, minute] = time.split(':');
   return "".concat(formatInTwoDigits(hour), ":").concat(formatInTwoDigits(minute));
 };
-var DATE_FORMAT = exports.DATE_FORMAT = 'DD-MM-YYYY';
+exports.formattedTime = formattedTime;
+const DATE_FORMAT = exports.DATE_FORMAT = 'DD-MM-YYYY';

package/dist/utils/Validate/index.js

@@ -17,7 +17,7 @@ var _validateTime = _interopRequireDefault(require("./validateTime"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Local imports
 
-var Validate = {
+const Validate = {
   component: _validateComponent.default,
   container: _validateContainer.default,
   email: _validateEmail.default,

package/dist/utils/Validate/validateCollection.js

@@ -7,12 +7,8 @@ exports.default = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _validateContainer = _interopRequireDefault(require("./validateContainer"));
 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 of the items within a collection.
  * @param {object} collection The collection to validate.
@@ -20,26 +16,26 @@ 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 for all items within the collection.
  */
-var validateCollection = function validateCollection(collection, items, formData) {
-  var errors = [];
+const validateCollection = (collection, items, formData) => {
+  const errors = [];
   if (collection && Array.isArray(collection.item) && Array.isArray(items)) {
-    items.forEach(function (item, index) {
-      var labelCount = (collection.countOffset || 0) + index + 1;
-      var fullPath = "".concat(collection.full_path || collection.fieldId, "[").concat(index, "]");
-      var container = {
+    items.forEach((item, index) => {
+      const labelCount = (collection.countOffset || 0) + index + 1;
+      const fullPath = "".concat(collection.full_path || collection.fieldId, "[").concat(index, "]");
+      const container = {
         full_path: fullPath,
-        components: collection.item.map(function (component) {
-          var newComponent = _objectSpread(_objectSpread({}, component), {}, {
+        components: collection.item.map(component => {
+          const newComponent = {
+            ...component,
             full_path: "".concat(fullPath, ".").concat(component.fieldId)
-          });
+          };
           if (component.custom_errors && Array.isArray(component.custom_errors)) {
-            newComponent.custom_errors = component.custom_errors.map(function (error) {
-              return _objectSpread(_objectSpread({}, error), {}, {
-                message: _copReactComponents.Utils.interpolateString(index === 0 && error.firstOnlyMessage ? error.firstOnlyMessage : error.message, {
-                  index: labelCount
-                })
-              });
-            });
+            newComponent.custom_errors = component.custom_errors.map(error => ({
+              ...error,
+              message: _copReactComponents.Utils.interpolateString(index === 0 && error.firstOnlyMessage ? error.firstOnlyMessage : error.message, {
+                index: labelCount
+              })
+            }));
           }
           return newComponent;
         })
@@ -47,8 +43,6 @@ var validateCollection = function validateCollection(collection, items, formData
       errors.push((0, _validateContainer.default)(container, item, formData));
     });
   }
-  return errors.filter(function (e) {
-    return !!e;
-  }).flat();
+  return errors.filter(e => !!e).flat();
 };
 var _default = exports.default = validateCollection;

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

@@ -3,119 +3,127 @@
 var _models = require("../../models");
 var _validateCollection = _interopRequireDefault(require("./validateCollection"));
 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 _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.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 () {
+// Local imports
+
+describe('utils.Validate.Collection', () => {
+  const setup = (id, type, label, required, item) => ({
+    id,
+    fieldId: id,
+    type,
+    label,
+    required,
+    item
+  });
+  it('should return an empty array when the component is null', () => {
     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);
+  it('should return an empty array when the collection has an undefined item array', () => {
+    const ID = 'collection';
+    const LABEL = 'field';
+    const 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, []);
+  it('should return an empty array when the collection has an empty item array', () => {
+    const ID = 'collection';
+    const LABEL = 'field';
+    const 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')];
+  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, [EMAIL]);
+    const ITEMS = [{
+      [EMAIL_ID]: 'alpha.bravo@homeoffice.gov.uk'
+    }, {
+      [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')];
+  it('should return an array containing an error when the collection has an invalid first item', () => {
+    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 COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [EMAIL]);
+    const ITEMS = [{
+      [EMAIL_ID]: 'alpha.bravo@digital.homeoffice.com'
+    }, {
+      [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')];
+  it('should return an array containing an error when the collection has an invalid second item', () => {
+    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 COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [EMAIL]);
+    const ITEMS = [{
+      [EMAIL_ID]: 'alpha.bravo@digital.homeoffice.gov.uk'
+    }, {
+      [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")
     }]);
   });
-  it('should correctly interpolate error messages using collection\'s index', function () {
-    var ID = 'container';
-    var LABEL = 'field';
-    var TYPE = 'autocomplete';
-    var ITEM = setup(ID, TYPE, LABEL, true, []);
+  it('should correctly interpolate error messages using collection\'s index', () => {
+    const ID = 'container';
+    const LABEL = 'field';
+    const TYPE = 'autocomplete';
+    const ITEM = setup(ID, TYPE, LABEL, true, []);
     ITEM.custom_errors = [{
       "type": "required",
       // eslint-disable-next-line no-template-curly-in-string
       "message": "Test to check that ${index} is 1"
     }];
-    var COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [ITEM]);
+    const COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [ITEM]);
     COLLECTION.countOffset = 0;
     expect((0, _validateCollection.default)(COLLECTION, ITEM.custom_errors)).toEqual([{
       error: "Test to check that 1 is 1",
       id: "".concat(ID, "[0].").concat(COLLECTION.type)
     }]);
   });
-  it('should correctly display firstOnlyMessage error message', function () {
-    var ID = 'container';
-    var LABEL = 'field';
-    var TYPE = 'autocomplete';
-    var ITEM = setup(ID, TYPE, LABEL, true, []);
+  it('should correctly display firstOnlyMessage error message', () => {
+    const ID = 'container';
+    const LABEL = 'field';
+    const TYPE = 'autocomplete';
+    const ITEM = setup(ID, TYPE, LABEL, true, []);
     ITEM.custom_errors = [{
       "type": "required",
       // eslint-disable-next-line no-template-curly-in-string
       "message": "Test to check that ${index} is 1",
       "firstOnlyMessage": "Test for first message"
     }];
-    var COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [ITEM]);
+    const COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [ITEM]);
     COLLECTION.countOffset = 0;
     expect((0, _validateCollection.default)(COLLECTION, ITEM.custom_errors)).toEqual([{
       error: "Test for first message",
       id: "".concat(ID, "[0].").concat(COLLECTION.type)
     }]);
   });
-  it('should correctly display message if firstOnlyMessage is undefined', function () {
-    var ID = 'container';
-    var LABEL = 'field';
-    var TYPE = 'autocomplete';
-    var ITEM = setup(ID, TYPE, LABEL, true, []);
+  it('should correctly display message if firstOnlyMessage is undefined', () => {
+    const ID = 'container';
+    const LABEL = 'field';
+    const TYPE = 'autocomplete';
+    const ITEM = setup(ID, TYPE, LABEL, true, []);
     ITEM.custom_errors = [{
       "type": "required",
       // eslint-disable-next-line no-template-curly-in-string
       "message": "Test to check that ${index} is 1",
       "firstOnlyMessage": undefined
     }];
-    var COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [ITEM]);
+    const COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [ITEM]);
     COLLECTION.countOffset = 0;
     expect((0, _validateCollection.default)(COLLECTION, ITEM.custom_errors)).toEqual([{
       error: "Test to check that 1 is 1",

package/dist/utils/Validate/validateComponent.js

@@ -19,7 +19,8 @@ var _validateRequired = _interopRequireDefault(require("./validateRequired"));
 var _validateTextArea = _interopRequireDefault(require("./validateTextArea"));
 var _validateTime = _interopRequireDefault(require("./validateTime"));
 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); } // Local imports
+// Local imports
+
 /**
  * Validates a single component.
  * @param {object} component The component to validate.
@@ -27,18 +28,18 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
  * @param {object} formData The data at the top level of the form.
  * @returns The first encountered error with the component.
  */
-var validateComponent = function validateComponent(component, outerData, formData) {
-  var fd = formData || outerData;
+const validateComponent = (component, outerData, formData) => {
+  const fd = formData || outerData;
   if (!(0, _showComponent.default)(component, fd)) {
     return undefined;
   }
   if (component.type === _models.ComponentTypes.CONTAINER) {
     return (0, _validateContainer.default)(component, outerData, fd);
   }
-  var error;
-  var properties;
-  var data = outerData && _typeof(outerData) === 'object' ? outerData : {};
-  var value = data[component.fieldId];
+  let error;
+  let properties;
+  const data = outerData && typeof outerData === 'object' ? outerData : {};
+  let value = data[component.fieldId];
   if (component.type === _models.ComponentTypes.COLLECTION_SUMMARY) {
     value = (0, _getCollectionPageData.default)(component.collectionName, fd);
   }
@@ -55,10 +56,11 @@ var validateComponent = function validateComponent(component, outerData, formDat
       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;
+          const validator = component.type === _models.ComponentTypes.DATE ? _validateDate.default : _validateTime.default;
+          const {
+            message,
+            propsInError
+          } = validator(value);
           properties = propsInError;
           error = message;
           break;
@@ -68,8 +70,8 @@ var validateComponent = function validateComponent(component, outerData, formDat
       case _models.ComponentTypes.RADIOS:
         {
           var _component$data$optio;
-          var nestedErrors = [];
-          (_component$data$optio = component.data.options) === null || _component$data$optio === void 0 || _component$data$optio.forEach(function (option) {
+          let nestedErrors = [];
+          (_component$data$optio = component.data.options) === null || _component$data$optio === void 0 || _component$data$optio.forEach(option => {
             if (option.nested && (0, _optionIsSelected.default)(formData[component.id], option)) {
               nestedErrors = nestedErrors.concat((0, _validateContainer.default)({
                 components: option.nested
@@ -108,8 +110,8 @@ var validateComponent = function validateComponent(component, outerData, formDat
   if (error) {
     return {
       id: component.full_path || component.id,
-      error: error,
-      properties: properties
+      error,
+      properties
     };
   }
   return undefined;