@ukhomeoffice/cop-react-form-renderer 3.10.0 → 3.10.1-alpha

package/dist/utils/CheckYourAnswers/getCYARowsForCollection.js

@@ -21,6 +21,20 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 getPlaceholderRow = function getPlaceholderRow(page, onAction) {
+  return [{
+    "pageId": page.id,
+    "key": page.components[0].labels.empty || 'Not answered',
+    "required": false,
+    "action": {
+      "page": page.id,
+      "label": "Change",
+      "aria_suffix": page.cya_link.aria_suffix,
+      onAction: onAction
+    }
+  }];
+};
+
 var getContainerForItem = function getContainerForItem(collection, item, labelCount, full_path) {
   return {
     id: item.id,
@@ -59,7 +73,7 @@ var getTitleRowForItem = function getTitleRowForItem(collection, item, pageId, l
 };
 
 var getCYARowsForCollection = function getCYARowsForCollection(page, collection, items, onAction) {
-  if (Array.isArray(items) && (0, _showComponentCYA.default)(collection, page.formData)) {
+  if (Array.isArray(items) && items.length && (0, _showComponentCYA.default)(collection, page.formData)) {
     return items.flatMap(function (item, index) {
       var labelCount = (collection.countOffset || 0) + index + 1;
       var full_path = "".concat(collection.full_path || collection.fieldId, "[").concat(index, "]");
@@ -70,7 +84,7 @@ var getCYARowsForCollection = function getCYARowsForCollection(page, collection,
     });
   }
 
-  return [];
+  return getPlaceholderRow(page, onAction);
 };
 
 var _default = getCYARowsForCollection;

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

@@ -15,10 +15,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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.CheckYourAnswers.getCYARowsForCollection', function () {
-  it('should get no rows when there are no items', function () {
+  it('should get a single placeholder row when there are no items', function () {
     var FORM_DATA = undefined;
     var PAGE = {
       id: 'page',
+      components: [{
+        labels: {
+          add: 'Add'
+        }
+      }],
       formData: FORM_DATA,
       cya_link: {}
     };
@@ -39,7 +44,7 @@ describe('utils.CheckYourAnswers.getCYARowsForCollection', function () {
     var ON_ACTION = function ON_ACTION() {};
 
     var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, undefined, ON_ACTION);
-    expect(ROWS.length).toEqual(0);
+    expect(ROWS.length).toEqual(1);
   });
   it('should get an appropriate row for a collection with a single readonly text component', function () {
     var FORM_DATA = {

package/package.json

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