@ukhomeoffice/cop-react-form-renderer 4.47.0 → 4.48.0

package/dist/utils/CheckYourAnswers/getCYARowsForCollectionPage.js

@@ -109,12 +109,19 @@ var getCYARowsForCollectionPage = function getCYARowsForCollectionPage(page, onA
   }
 
   (_page$formData = page.formData) === null || _page$formData === void 0 ? void 0 : (_page$formData$page$c = _page$formData[page.collection.name]) === null || _page$formData$page$c === void 0 ? void 0 : _page$formData$page$c.forEach(function (item, index) {
+    var _page$collection2;
+
     var labelCount = index + 1;
+    var actionPosition = ((_page$collection2 = page.collection) === null || _page$collection2 === void 0 ? void 0 : _page$collection2.actionPosition) || 'top';
     var full_path = "".concat(page.collection.name, "[").concat(index, "]");
     var titleRow = getTitleRowForItem(page, item, page.id, labelCount, full_path);
     var actionRows = getActionRows(page, item, onAction, labelCount);
     rows = rows.concat(titleRow);
-    rows = rows.concat(actionRows);
+
+    if (actionPosition === 'top') {
+      rows = rows.concat(actionRows);
+    }
+
     page.collectionPages.forEach(function (p) {
       if (p.collection.route) {
         var pageWithRoute = (0, _addShowWhen.default)(p, p.collection.route);
@@ -132,6 +139,10 @@ var getCYARowsForCollectionPage = function getCYARowsForCollectionPage(page, onA
         rows = rows.concat(containerRows);
       }
     });
+
+    if (actionPosition === 'bottom') {
+      rows = rows.concat(actionRows);
+    }
   });
   return rows.filter(function (row) {
     return !!row;

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

@@ -331,4 +331,61 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', function () {
       size: 's'
     });
   });
+  it('should position actions under the title if actionPosition flag is not specified', function () {
+    var FORM_DATA = {
+      collection: [{
+        id: '01',
+        testText: 'value'
+      }]
+    };
+
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
+      formData: FORM_DATA
+    });
+
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null);
+    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');
+  });
+  it('should position actions under the title if actionPosition flag is top', function () {
+    var FORM_DATA = {
+      collection: [{
+        id: '01',
+        testText: 'value'
+      }]
+    };
+
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
+      collection: _objectSpread(_objectSpread({}, MASTER_PAGE.collection), {}, {
+        actionPosition: 'top'
+      }),
+      formData: FORM_DATA
+    });
+
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null);
+    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');
+  });
+  it('should position actions under all other rows if actionPosition flag is bottom', function () {
+    var FORM_DATA = {
+      collection: [{
+        id: '01',
+        testText: 'value'
+      }]
+    };
+
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
+      collection: _objectSpread(_objectSpread({}, MASTER_PAGE.collection), {}, {
+        actionPosition: 'bottom'
+      }),
+      formData: FORM_DATA
+    });
+
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null);
+    expect(ROWS[ROWS.length - 3].action.label).toEqual('Change');
+    expect(ROWS[ROWS.length - 2].action.label).toEqual('custom remove label');
+    expect(ROWS[ROWS.length - 1].action.label).toEqual('custom change label');
+  });
 });

package/package.json

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