@ukhomeoffice/cop-react-form-renderer 4.80.0 → 4.81.0

package/dist/components/CheckYourAnswers/CheckYourAnswers.js

@@ -135,13 +135,15 @@ var CheckYourAnswers = function CheckYourAnswers(_ref) {
   }, title), errors && errors.length > 0 && /*#__PURE__*/_react.default.createElement(_copReactComponents.ErrorSummary, {
     errors: errors
   }), type === _models.FormTypes.TASK_CYA && pages.length > 0 && sections && sections.map(function (section) {
-    return section.tasks.map(function (task) {
+    return section.tasks.map(function (task, taskIndex) {
       var filterPages = pages.filter(function (page) {
         return task.pages.some(function (p) {
           return p === page.name;
         });
       });
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+        key: taskIndex
+      }, /*#__PURE__*/_react.default.createElement("h3", {
         className: "govuk-heading-m govuk-!-margin-top-8 govuk-!-margin-bottom-0"
       }, filterPages.length > 0 && task.name), filterPages.map(function (page, pageIndex) {
         var hideActionButtons = isGroup(page.id) || noChangeAction;

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

@@ -206,9 +206,13 @@ describe('utils', function () {
           }
         };
         var ON_ACTION = function ON_ACTION() {};
-        var _renderWithValidation = (0, _setupTests.renderWithValidation)((0, _getCYARowsForPage.default)(PAGE, ON_ACTION).map(function (row) {
-            return row.value;
-          })),
+        // rows do not have defined keys which means cannot pass them to render as an array,
+        // so just pass the single row instead of array containing single row
+        var cyaRow = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION).map(function (row) {
+          return row.value;
+        });
+        expect(cyaRow.length).toEqual(1);
+        var _renderWithValidation = (0, _setupTests.renderWithValidation)(cyaRow[0]),
           container = _renderWithValidation.container;
         expect(container.childNodes.length).toEqual(4);
         var addressValues = container.childNodes;

package/dist/utils/Component/getComponent.js

@@ -24,7 +24,7 @@ var LIST_CLASS = 'govuk-list';
 var BODY_CLASS = 'govuk-body';
 var INPUT_CLASS = 'govuk-input';
 
-/** 
+/**
  * Separate function for each component type for the sake of
  * code clarity - having the additional bits and pieces in the
  * switch statement increases the cyclomatic complexity and
@@ -86,7 +86,7 @@ var getDate = function getDate(config) {
   return /*#__PURE__*/_react.default.createElement(_copReactComponents.DateInput, attrs);
 };
 var getDetails = function getDetails(config) {
-  var attrs = (0, _cleanAttributes.default)(config);
+  var attrs = (0, _cleanAttributes.default)(config, ['tagName']);
   var html = getHTML(config);
   return /*#__PURE__*/_react.default.createElement(_copReactComponents.Details, attrs, html);
 };
@@ -112,9 +112,9 @@ var getInsetText = function getInsetText(config) {
 };
 var getList = function getList(config) {
   var _attrs$items;
-  var attrs = (0, _cleanAttributes.default)(config);
-  var tagName = attrs.ordered ? 'ol' : 'ul';
-  var bullet = attrs.ordered ? 'number' : 'bullet';
+  var attrs = (0, _cleanAttributes.default)(config, ['ordered']);
+  var tagName = config.ordered ? 'ol' : 'ul';
+  var bullet = config.ordered ? 'number' : 'bullet';
   var classes = _copReactComponents.Utils.classBuilder(LIST_CLASS, bullet);
   var content = (_attrs$items = attrs.items) === null || _attrs$items === void 0 ? void 0 : _attrs$items.map(function (item) {
     return "<li>".concat(item, "</li>");

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

@@ -34,18 +34,20 @@ describe('utils.Component.get', function () {
       type: _models.ComponentTypes.DETAILS,
       content: CONTENT,
       summary: SUMMARY,
+      tagName: 'div',
       'data-testid': ID
     };
     var _render2 = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
       container = _render2.container;
     var details = container.querySelector('details');
     expect(details.classList).toContain('hods-details');
-    expect(details.childNodes[1].childNodes[0].childNodes[0].textContent).toEqual('this is the content');
-    expect(details.childNodes[1].childNodes[0].childNodes[0].tagName).toEqual('P');
-    expect(details.childNodes[1].childNodes[0].childNodes[1].childNodes[0].textContent).toEqual('one');
-    expect(details.childNodes[1].childNodes[0].childNodes[1].childNodes[1].textContent).toEqual('two');
-    expect(details.childNodes[1].childNodes[0].childNodes[1].tagName).toEqual('OL');
-    expect(details.childNodes[1].childNodes[0].childNodes[2].textContent).toEqual('second section of content');
-    expect(details.childNodes[1].childNodes[0].childNodes[2].tagName).toEqual('P');
+    var content = details.childNodes[1].childNodes[0].childNodes;
+    expect(content[0].textContent).toEqual('this is the content');
+    expect(content[0].tagName).toEqual('P');
+    expect(content[1].childNodes[0].textContent).toEqual('one');
+    expect(content[1].childNodes[1].textContent).toEqual('two');
+    expect(content[1].tagName).toEqual('OL');
+    expect(content[2].textContent).toEqual('second section of content');
+    expect(content[2].tagName).toEqual('P');
   });
 });

package/dist/utils/Component/wrapInFormGroup.js

@@ -10,7 +10,7 @@ var _cleanAttributes = _interopRequireDefault(require("./cleanAttributes"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var wrapInFormGroup = function wrapInFormGroup(config, children) {
-  var attrs = (0, _cleanAttributes.default)(config, ['fieldId', 'displayMenu', 'showCharacterCount']);
+  var attrs = (0, _cleanAttributes.default)(config, ['fieldId', 'displayMenu', 'showCharacterCount', 'readonly']);
   return /*#__PURE__*/_react.default.createElement(_copReactComponents.FormGroup, _extends({}, attrs, {
     onChange: null
   }), children);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/cop-react-form-renderer",
-  "version": "4.80.0",
+  "version": "4.81.0",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",