@ukhomeoffice/cop-react-form-renderer 5.75.0 → 5.76.0

package/dist/utils/CheckYourAnswers/getCYARowsForCollectionPage.js

@@ -56,7 +56,7 @@ var getTitleRowForItem = function getTitleRowForItem(page, item, pageId, labelCo
     size: page.collection.titleSize || 's'
   };
 };
-var getHeadingRow = function getHeadingRow(config, pageId, labelCount, changeAction) {
+var getHeadingRow = function getHeadingRow(config, pageId, labelCount, changeAction, item) {
   if (config.text === '') {
     return null;
   }
@@ -64,7 +64,7 @@ var getHeadingRow = function getHeadingRow(config, pageId, labelCount, changeAct
     pageId: pageId,
     fieldId: "heading".concat(labelCount),
     full_path: "heading".concat(labelCount),
-    key: config.text,
+    key: _copReactComponents.Utils.interpolateString(config.text, item),
     type: changeAction === null ? 'heading' : 'headingWithAction',
     size: config.size || 's',
     action: changeAction === null ? null : {
@@ -159,7 +159,7 @@ var getCYARowsForChildPages = function getCYARowsForChildPages(childPages, item,
         var changeAction = getChangeActionForPage(childPage, onAction, activeIds);
         if (childPage.collection.heading) {
           var headingAction = childPage.collection.heading.changeLink ? changeAction : null;
-          var headingRow = getHeadingRow(childPage.collection.heading, childPage.id, labelCount, headingAction);
+          var headingRow = getHeadingRow(childPage.collection.heading, childPage.id, labelCount, headingAction, item);
           rows = rows.concat(headingRow);
         }
         var container = getContainerForPage(childPage, item, labelCount, fullPath);

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

@@ -415,6 +415,48 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', function () {
       key: 'Test text'
     });
   });
+  it('should allow interpolation of custom headings', function () {
+    var FORM_DATA = {
+      collection: [{
+        id: '01',
+        testText: 'value'
+      }]
+    };
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
+      formData: FORM_DATA,
+      childPages: [_objectSpread(_objectSpread({}, PAGES[0]), {}, {
+        collection: _objectSpread(_objectSpread({}, PAGES[0].collection), {}, {
+          // eslint-disable-next-line no-template-curly-in-string
+          heading: {
+            size: 'm',
+            text: 'interpolated text: ${testText}'
+          }
+        })
+      })]
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    expect(ROWS.length).toEqual(7);
+    expect(ROWS[0]).toMatchObject({
+      type: 'heading',
+      key: 'Collection'
+    });
+    expect(ROWS[1]).toMatchObject({
+      type: 'heading',
+      key: 'Collection entry 1'
+    });
+    expect(ROWS[2].action.label).toEqual('Change');
+    expect(ROWS[3].action.label).toEqual('custom remove label');
+    expect(ROWS[4].action.label).toEqual('custom change label');
+    expect(ROWS[5]).toMatchObject({
+      type: 'heading',
+      key: 'interpolated text: value',
+      size: 'm'
+    });
+    expect(ROWS[6]).toMatchObject({
+      value: 'value',
+      key: 'Test text'
+    });
+  });
   it('should default to a title size of small if one is not specified', function () {
     var FORM_DATA = {
       collection: [{

package/package.json

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