@ukhomeoffice/cop-react-form-renderer 3.2.4 → 3.3.1-alpha

package/dist/components/FormComponent/Collection.js

@@ -37,14 +37,6 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 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); }); }; }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 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."); }
@@ -97,7 +89,7 @@ var Collection = function Collection(_ref) {
         var itemIndex = value.findIndex(function (item) {
           return item.id === target.name;
         });
-        reportChange([].concat(_toConsumableArray(value.slice(0, itemIndex)), [target.value], _toConsumableArray(value.slice(itemIndex + 1))));
+        reportChange([].concat(value.slice(0, itemIndex), [target.value], value.slice(itemIndex + 1)));
       }
     }
   };
@@ -108,7 +100,7 @@ var Collection = function Collection(_ref) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              reportChange([].concat(_toConsumableArray(value), [{
+              reportChange([].concat(value, [{
                 id: Date.now().toString()
               }]));
 

package/dist/components/FormComponent/FormComponent.js

@@ -156,7 +156,7 @@ FormComponent.propTypes = {
     label: _propTypes.default.string,
     hint: _propTypes.default.string,
     data: _propTypes.default.shape({
-      options: _propTypes.default.arrayOf(_propTypes.default.object),
+      options: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object])),
       url: _propTypes.default.string
     })
   }).isRequired,

package/dist/components/FormPage/FormPage.test.js

@@ -24,18 +24,6 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 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); }); }; }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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; }
-
 describe('components.FormPage', function () {
   describe('FormPage', function () {
     var TEXT = {
@@ -142,11 +130,9 @@ describe('components.FormPage', function () {
       expect(outerWrapper.classList).toContain('hods-autocomplete__outer-wrapper');
       var autocomplete = outerWrapper.childNodes[0];
       expect(autocomplete.classList).toContain('hods-autocomplete__wrapper');
-
-      var input = _toConsumableArray(autocomplete.childNodes).filter(function (e) {
+      var input = [].concat(autocomplete.childNodes).filter(function (e) {
         return e.tagName === 'INPUT';
       })[0];
-
       expect(input.classList).toContain('hods-autocomplete__input');
       expect(input.tagName).toEqual('INPUT');
       expect(input.id).toEqual(fieldId);

package/dist/context/ValidationContext/ValidationContext.js

@@ -17,14 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 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); }); }; }
@@ -59,7 +51,7 @@ var ValidationContextProvider = function ValidationContextProvider(_ref) {
           switch (_context.prev = _context.next) {
             case 0:
               setErrors(function (prev) {
-                return [].concat(_toConsumableArray(prev), _toConsumableArray(errors)).filter(function (e) {
+                return [].concat(prev, errors).filter(function (e) {
                   return !!e;
                 });
               });

package/dist/models/ComponentTypes.js

@@ -19,6 +19,7 @@ var TYPE_RADIOS = 'radios';
 var TYPE_TEXT = 'text';
 var TYPE_TEXT_AREA = 'textarea';
 var TYPE_TIME = 'time';
+var TYPE_WARNING = 'warning';
 var ComponentTypes = {
   AUTOCOMPLETE: TYPE_AUTOCOMPLETE,
   CHECKBOXES: TYPE_CHECKBOXES,
@@ -34,7 +35,8 @@ var ComponentTypes = {
   RADIOS: TYPE_RADIOS,
   TEXT: TYPE_TEXT,
   TEXT_AREA: TYPE_TEXT_AREA,
-  TIME: TYPE_TIME
+  TIME: TYPE_TIME,
+  WARNING: TYPE_WARNING
 };
 var _default = ComponentTypes;
 exports.default = _default;

package/dist/utils/CheckYourAnswers/getCYARow.js

@@ -27,9 +27,9 @@ var getCYARow = function getCYARow(page, component, onAction) {
 
   if (page.formData && component.fieldId) {
     value = page.formData[component.fieldId];
+    setNestedValue(component, page);
   }
 
-  setNestedValue(component, page);
   return {
     pageId: page.id,
     id: component.id,
@@ -46,9 +46,9 @@ 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) {
+  (_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) {
     //check if option is selected and has nested component
-    if (page.formData[component.id] === option.value && option.nested) {
+    if (Array.isArray(option.nested) && page.formData[component.id] === option.value) {
       option.nested.forEach(function (child) {
         child.value = page.formData[child.id];
       });

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

@@ -145,7 +145,7 @@ describe('utils', function () {
           onAction: ON_ACTION
         });
       });
-      it('should update update any nested components with corresponding values from the stored formdata', function () {
+      it('should update any nested components with corresponding values from the stored formdata', function () {
         var SELECTED_VALUE = 'selectedValue';
         var NESTED_ID = 'nestedId';
         var NESTED_VALUE = 'nestedValue';
@@ -159,6 +159,7 @@ describe('utils', function () {
         var COMPONENT = {
           type: 'radios',
           id: 'a',
+          fieldId: 'a',
           data: {
             options: [{
               value: SELECTED_VALUE,
@@ -171,6 +172,29 @@ describe('utils', function () {
         var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, function () {});
         expect(ROW.component.data.options[0].nested[0].value).toEqual(NESTED_VALUE);
       });
+      it('should handle an undefined formData when attempting to set nested values', function () {
+        var SELECTED_VALUE = 'selectedValue';
+        var NESTED_ID = 'nestedId';
+        var PAGE = {
+          id: 'page',
+          cya_link: {}
+        };
+        var COMPONENT = {
+          type: 'radios',
+          id: 'a',
+          fieldId: '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[0].value).toBeUndefined();
+      });
     });
   });
 });

package/dist/utils/CheckYourAnswers/getCYARowsForCollection.js

@@ -15,18 +15,6 @@ var _showComponentCYA = _interopRequireDefault(require("./showComponentCYA"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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 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; }
@@ -76,7 +64,7 @@ var getCYARowsForCollection = function getCYARowsForCollection(page, collection,
       var labelCount = (collection.countOffset || 0) + index + 1;
       var full_path = "".concat(collection.full_path || collection.fieldId, "[").concat(index, "]");
       var container = getContainerForItem(collection, item, labelCount, full_path);
-      return [getTitleRowForItem(collection, item, page.id, labelCount, full_path)].concat(_toConsumableArray((0, _getCYARowsForContainer.default)(page, container, item, onAction)));
+      return [getTitleRowForItem(collection, item, page.id, labelCount, full_path)].concat((0, _getCYARowsForContainer.default)(page, container, item, onAction));
     }).filter(function (r) {
       return !!r;
     });

package/dist/utils/Component/cleanAttributes.js

@@ -7,18 +7,6 @@ exports.default = exports.JSON_ONLY_PROPERTIES = void 0;
 
 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); }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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', 'formData'];
 /**
  * This method removes and properties that are entirely specific to the JSON
@@ -36,7 +24,7 @@ exports.JSON_ONLY_PROPERTIES = JSON_ONLY_PROPERTIES;
 
 var cleanAttributes = function cleanAttributes(options) {
   var alsoRemove = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var removeKeys = Array.isArray(alsoRemove) ? [].concat(JSON_ONLY_PROPERTIES, _toConsumableArray(alsoRemove)) : JSON_ONLY_PROPERTIES;
+  var removeKeys = Array.isArray(alsoRemove) ? [].concat(JSON_ONLY_PROPERTIES, alsoRemove) : JSON_ONLY_PROPERTIES;
 
   if (options && _typeof(options) === 'object') {
     return Object.keys(options).reduce(function (obj, key) {

package/dist/utils/Component/getComponent.js

@@ -114,6 +114,11 @@ var getTime = function getTime(config) {
   return /*#__PURE__*/_react.default.createElement(_copReactComponents.TimeInput, attrs);
 };
 
+var getWarningText = function getWarningText(config) {
+  var attrs = (0, _cleanAttributes.default)(config);
+  return /*#__PURE__*/_react.default.createElement(_copReactComponents.WarningText, attrs, config.content);
+};
+
 var getComponentByType = function getComponentByType(config) {
   switch (config.type) {
     case _models.ComponentTypes.HTML:
@@ -151,6 +156,9 @@ var getComponentByType = function getComponentByType(config) {
     case _models.ComponentTypes.FILE:
       return getFileUpload(config);
 
+    case _models.ComponentTypes.WARNING:
+      return getWarningText(config);
+
     default:
       {
         return null;

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+var _models = require("../../../models");
+
+var _getComponent = _interopRequireDefault(require("../getComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Global imports
+// Local imports
+describe('utils.Component.get', function () {
+  it('should return an appropriately rendered warning-text component', function () {
+    var ID = 'test-id';
+    var CONTENT = 'Warning Text';
+    var COMPONENT = {
+      type: _models.ComponentTypes.WARNING,
+      content: CONTENT,
+      'data-testid': ID
+    };
+
+    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
+        container = _render.container;
+
+    var warningText = (0, _react.getByTestId)(container, ID);
+    expect(warningText.innerHTML).toContain(CONTENT);
+    expect(warningText.tagName).toEqual('DIV');
+    expect(warningText.classList).toContain('govuk-warning-text');
+  });
+});

package/dist/utils/Container/getEditableComponents.test.js

@@ -8,18 +8,7 @@ var _getEditableComponents = _interopRequireDefault(require("./getEditableCompon
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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; }
-
+// Local imports
 describe('utils.Container.getEditableComponents', function () {
   var HTML = {
     type: 'html',
@@ -130,13 +119,13 @@ describe('utils.Container.getEditableComponents', function () {
     });
 
     var NON_EDITABLE_COMPONENTS = [HTML, INSET_TEXT, HEADING];
-    var COMPONENTS = [].concat(_toConsumableArray(EDITABLE_COMPONENTS), NON_EDITABLE_COMPONENTS, [{
+    var COMPONENTS = [].concat(EDITABLE_COMPONENTS, NON_EDITABLE_COMPONENTS, [{
       type: _models.ComponentTypes.CONTAINER,
       id: 'inner',
-      components: [].concat(_toConsumableArray(EDITABLE_COMPONENTS), NON_EDITABLE_COMPONENTS, [{
+      components: [].concat(EDITABLE_COMPONENTS, NON_EDITABLE_COMPONENTS, [{
         type: _models.ComponentTypes.CONTAINER,
         id: 'inner-inner',
-        components: [].concat(NON_EDITABLE_COMPONENTS, _toConsumableArray(EDITABLE_COMPONENTS))
+        components: [].concat(NON_EDITABLE_COMPONENTS, EDITABLE_COMPONENTS)
       }])
     }]);
     var RESULT = (0, _getEditableComponents.default)({

package/dist/utils/Data/getOptions.js

@@ -15,6 +15,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var interpolateOptions = function interpolateOptions(config, options) {
   return options.map(function (opt) {
+    if (typeof opt === 'string') {
+      return opt;
+    }
+
     return _objectSpread(_objectSpread({}, opt), {}, {
       value: _copReactComponents.Utils.interpolateString(opt.value, config.formData),
       label: _copReactComponents.Utils.interpolateString(opt.label, config.formData)

package/dist/utils/Validate/validateComponent.js

@@ -88,7 +88,12 @@ var validateComponent = function validateComponent(component, outerData, formDat
             }, formData));
           }
         });
-        return nestedErrors;
+
+        if (nestedErrors.length > 0) {
+          return nestedErrors;
+        }
+
+        break;
 
       default:
         break;

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

@@ -220,7 +220,7 @@ describe('utils.Validate.Component', function () {
           }]
         }
       };
-      expect((0, _validateComponent.default)(COMPONENT, undefined, FORMDATA)).toEqual([]);
+      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';
@@ -261,7 +261,7 @@ describe('utils.Validate.Component', function () {
           }]
         }
       };
-      expect((0, _validateComponent.default)(COMPONENT, undefined, {})).toEqual([]);
+      expect((0, _validateComponent.default)(COMPONENT, undefined, {})).toBeUndefined();
     });
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/cop-react-form-renderer",
-  "version": "3.2.4",
+  "version": "3.3.1-alpha",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",
@@ -16,7 +16,7 @@
     "post-compile": "rimraf dist/*.test.* dist/**/*.test.* dist/**/*.stories.* dist/docs dist/assets"
   },
   "dependencies": {
-    "@ukhomeoffice/cop-react-components": "1.7.4",
+    "@ukhomeoffice/cop-react-components": "1.8.0",
     "axios": "^0.21.1",
     "dayjs": "^1.11.0",
     "govuk-frontend": "^3.13.0",