@ukhomeoffice/cop-react-form-renderer 6.13.2 → 6.14.1

package/dist/utils/CheckYourAnswers/getCYARowsForContainer.js

@@ -9,23 +9,20 @@ var _elevateNestedComponents = _interopRequireDefault(require("../Component/elev
 var _getCYARow = _interopRequireDefault(require("./getCYARow"));
 var _getCYARowsForCollection = _interopRequireDefault(require("./getCYARowsForCollection"));
 var _showComponentCYA = _interopRequireDefault(require("./showComponentCYA"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Local imports
-var getCYARowsForContainer = function getCYARowsForContainer(page, container, formData, onAction, fnOverride) {
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Local imports
+const getCYARowsForContainer = (page, container, formData, onAction, fnOverride) => {
   if ((0, _showComponentCYA.default)(container, _objectSpread(_objectSpread({}, page.formData), formData))) {
-    var allComponents = (0, _elevateNestedComponents.default)(container.components, formData);
-    return allComponents.filter(function (c) {
-      return (0, _showComponentCYA.default)(c, _objectSpread(_objectSpread({}, page.formData), formData));
-    }).flatMap(function (component) {
-      var fd = formData ? formData[component.fieldId] : undefined;
+    const allComponents = (0, _elevateNestedComponents.default)(container.components.filter(component => component.show_on_cya === undefined || component.show_on_cya), formData);
+    return allComponents.filter(c => (0, _showComponentCYA.default)(c, _objectSpread(_objectSpread({}, page.formData), formData))).flatMap(component => {
+      const fd = formData ? formData[component.fieldId] : undefined;
       if (typeof fnOverride === 'function') {
-        var overrideRows = fnOverride(_objectSpread(_objectSpread({}, page), {}, {
-          formData: formData
+        const overrideRows = fnOverride(_objectSpread(_objectSpread({}, page), {}, {
+          formData
         }), component, onAction);
         if (overrideRows) {
           return overrideRows;
@@ -38,7 +35,7 @@ var getCYARowsForContainer = function getCYARowsForContainer(page, container, fo
         return (0, _getCYARowsForCollection.default)(page, component, fd, onAction, fnOverride);
       }
       return (0, _getCYARow.default)(_objectSpread(_objectSpread({}, page), {}, {
-        formData: formData
+        formData
       }), component, onAction);
     });
   }

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

@@ -3,33 +3,31 @@
 var _models = require("../../models");
 var _setupTests = require("../../setupTests");
 var _getCYARowsForContainer = _interopRequireDefault(require("./getCYARowsForContainer"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Local imports
-describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
-  var OUTER_ID = 'a';
-  var INNER_ID = 'b';
-  it('should get an appropriate row for a container with a single readonly text component', function () {
-    var FORM_DATA = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Local imports
+
+describe('utils.CheckYourAnswers.getCYARowsForContainer', () => {
+  const OUTER_ID = 'a';
+  const INNER_ID = 'b';
+  it('should get an appropriate row for a container with a single readonly text component', () => {
+    const FORM_DATA = {
       container: {
         a: 'Bravo'
       }
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: 'text',
       readonly: true,
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -37,10 +35,10 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ON_ACTION = function ON_ACTION() {};
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
     expect(ROWS.length).toEqual(1);
-    ROWS.forEach(function (row, index) {
+    ROWS.forEach((row, index) => {
       (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: CONTAINER.components[index].fieldId,
@@ -51,31 +49,31 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       });
     });
   });
-  it('should get appropriate rows for a container with two editable text components', function () {
-    var FORM_DATA = {
+  it('should get appropriate rows for a container with two editable text components', () => {
+    const FORM_DATA = {
       container: {
         a: 'Alpha Charlie',
         b: 'Bravo Charlie'
       }
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var COMPONENT_A = {
+    const COMPONENT_A = {
       type: 'text',
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    var COMPONENT_B = {
+    const COMPONENT_B = {
       type: 'text',
       id: 'b',
       fieldId: 'b',
       label: 'Bravo'
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -83,10 +81,10 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ON_ACTION = function ON_ACTION() {};
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
     expect(ROWS.length).toEqual(2);
-    ROWS.forEach(function (row, index) {
+    ROWS.forEach((row, index) => {
       (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: CONTAINER.components[index].fieldId,
@@ -99,35 +97,35 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       });
     });
   });
-  it("should filter out any components that shouldn't be shown", function () {
-    var FORM_DATA = {
+  it("should filter out any components that shouldn't be shown", () => {
+    const FORM_DATA = {
       container: {
         a: 'Alpha Charlie',
         b: 'Bravo Charlie'
       }
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var COMPONENT_A = {
+    const COMPONENT_A = {
       type: 'text',
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    var COMPONENT_B = {
+    const COMPONENT_B = {
       type: 'text',
       id: 'b',
       fieldId: 'b',
       label: 'Bravo'
     };
-    var COMPONENT_C = {
+    const COMPONENT_C = {
       type: 'heading',
       content: 'Heading component'
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -135,10 +133,10 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ON_ACTION = function ON_ACTION() {};
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
     expect(ROWS.length).toEqual(2);
-    ROWS.forEach(function (row, index) {
+    ROWS.forEach((row, index) => {
       (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: CONTAINER.components[index].fieldId,
@@ -151,27 +149,69 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       });
     });
   });
-  it('should get an appropriate row for a container with a single readonly text component inside a nested container', function () {
-    var FORM_DATA = {
+  it('should not display nested input components when passed a value of false for "show_on_cya" at the parent component level', () => {
+    const FORM_DATA = {
+      container: {
+        topLevelInput: 'A',
+        nestedInput: 'Bravo'
+      }
+    };
+    const PAGE = {
+      id: 'page',
+      formData: FORM_DATA,
+      cya_link: {}
+    };
+    const NESTED_COMPONENT = {
+      type: 'text',
+      id: 'nestedInput',
+      fieldId: 'nestedInput',
+      label: 'Nested input',
+      value: 'Bravo'
+    };
+    const COMPONENT = {
+      type: 'checkboxes',
+      id: 'topLevelInput',
+      fieldId: 'topLevelInput',
+      label: 'Top level input',
+      show_on_cya: false,
+      options: [{
+        value: 'A',
+        label: 'Option Alpha',
+        nested: [NESTED_COMPONENT]
+      }]
+    };
+    const CONTAINER = {
+      id: 'container',
+      fieldId: 'container',
+      type: _models.ComponentTypes.CONTAINER,
+      components: [COMPONENT],
+      value: FORM_DATA
+    };
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
+    expect(ROWS.length).toEqual(0);
+  });
+  it('should get an appropriate row for a container with a single readonly text component inside a nested container', () => {
+    const FORM_DATA = {
       container: {
         nested: {
           a: 'Bravo'
         }
       }
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: 'text',
       readonly: true,
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    var NESTED_CONTAINER = {
+    const NESTED_CONTAINER = {
       id: 'nested',
       fieldId: 'nested',
       type: _models.ComponentTypes.CONTAINER,
@@ -179,7 +219,7 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container.nested,
       formData: FORM_DATA
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -187,10 +227,10 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ON_ACTION = function ON_ACTION() {};
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
     expect(ROWS.length).toEqual(1);
-    ROWS.forEach(function (row, index) {
+    ROWS.forEach((row, index) => {
       (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: NESTED_CONTAINER.components[index].fieldId,
@@ -201,36 +241,36 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       });
     });
   });
-  it('should get an appropriate row for a container with a single readonly text component inside a nested container but no formData', function () {
-    var FORM_DATA = undefined;
-    var PAGE = {
+  it('should get an appropriate row for a container with a single readonly text component inside a nested container but no formData', () => {
+    const FORM_DATA = undefined;
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: 'text',
       readonly: true,
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    var NESTED_CONTAINER = {
+    const NESTED_CONTAINER = {
       id: 'nested',
       fieldId: 'nested',
       type: _models.ComponentTypes.CONTAINER,
       components: [COMPONENT]
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
       components: [NESTED_CONTAINER]
     };
-    var ON_ACTION = function ON_ACTION() {};
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, undefined, ON_ACTION);
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, undefined, ON_ACTION);
     expect(ROWS.length).toEqual(1);
-    ROWS.forEach(function (row, index) {
+    ROWS.forEach((row, index) => {
       (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: NESTED_CONTAINER.components[index].fieldId,
@@ -241,15 +281,21 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       });
     });
   });
-  it('should get an appropriate row for a collection with a single text component inside a container', function () {
-    var FORM_DATA = _defineProperty({}, OUTER_ID, [_defineProperty({}, INNER_ID, 'Bravo'), _defineProperty({}, INNER_ID, 'Charlie')]);
-    var PAGE = {
+  it('should get an appropriate row for a collection with a single text component inside a container', () => {
+    const FORM_DATA = {
+      [OUTER_ID]: [{
+        [INNER_ID]: 'Bravo'
+      }, {
+        [INNER_ID]: 'Charlie'
+      }]
+    };
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {},
       collection: 'collectionName'
     };
-    var COLLECTION_COMPONENT = {
+    const COLLECTION_COMPONENT = {
       type: 'collection',
       id: OUTER_ID,
       fieldId: OUTER_ID,
@@ -261,7 +307,7 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
         type: 'text'
       }]
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -269,9 +315,9 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA, function () {});
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA, () => {});
     expect(ROWS.length).toEqual(4);
-    var checkTitleRow = function checkTitleRow(index, row) {
+    const checkTitleRow = (index, row) => {
       expect(row).toEqual({
         pageId: PAGE.id,
         fieldId: CONTAINER.components[0].fieldId,
@@ -281,7 +327,7 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
         type: 'title'
       });
     };
-    var checkValueRow = function checkValueRow(index, row, value) {
+    const checkValueRow = (index, row, value) => {
       (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: INNER_ID,
@@ -294,7 +340,7 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
           label: INNER_ID,
           type: 'text'
         },
-        value: value,
+        value,
         full_path: "".concat(OUTER_ID, "[").concat(index, "].").concat(INNER_ID)
       });
     };
@@ -303,23 +349,27 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
     checkTitleRow(1, ROWS[2]);
     checkValueRow(1, ROWS[3], 'Charlie');
   });
-  it('should conditionally show an appropriate row for a single text component inside a container belonging to a partial-collection', function () {
-    var FORM_DATA = {
+  it('should conditionally show an appropriate row for a single text component inside a container belonging to a partial-collection', () => {
+    const FORM_DATA = {
       collectionName: [{
-        container: _defineProperty({}, INNER_ID, 'Bravo'),
+        container: {
+          [INNER_ID]: 'Bravo'
+        },
         other_data: true
       }, {
-        container: _defineProperty({}, INNER_ID, 'Charlie'),
+        container: {
+          [INNER_ID]: 'Charlie'
+        },
         other_data: false
       }]
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {},
       collection: 'collectionName'
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -336,27 +386,27 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
         value: true
       }
     };
-    expect((0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.collectionName[0], function () {}).length).toEqual(1);
-    expect((0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.collectionName[1], function () {})).toBeFalsy();
+    expect((0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.collectionName[0], () => {}).length).toEqual(1);
+    expect((0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.collectionName[1], () => {})).toBeFalsy();
   });
-  it('should get the appropriate number for rows components with nested components inside a container', function () {
-    var FORM_DATA = {
+  it('should get the appropriate number for rows components with nested components inside a container', () => {
+    const FORM_DATA = {
       container: {
         a: 'B',
         nested: 'Bravo'
       }
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var NESTED_COMPONENT = {
+    const NESTED_COMPONENT = {
       id: 'nested',
       fieldId: 'nested',
       type: _models.ComponentTypes.TEXT
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: 'radios',
       id: 'a',
       fieldId: 'a',
@@ -372,7 +422,7 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
         }]
       }
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -380,35 +430,35 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ON_ACTION = function ON_ACTION() {};
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
     expect(ROWS.length).toEqual(2);
   });
-  it('should ignore the result of the override function if it returns nullish', function () {
-    var FORM_DATA = {
+  it('should ignore the result of the override function if it returns nullish', () => {
+    const FORM_DATA = {
       container: {
         a: 'Alpha Charlie',
         b: 'Bravo Charlie'
       }
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var COMPONENT_A = {
+    const COMPONENT_A = {
       type: 'text',
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    var COMPONENT_B = {
+    const COMPONENT_B = {
       type: 'text',
       id: 'b',
       fieldId: 'b',
       label: 'Bravo'
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -416,12 +466,10 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ON_ACTION = function ON_ACTION() {};
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION, function () {
-      return null;
-    });
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION, () => null);
     expect(ROWS.length).toEqual(2);
-    ROWS.forEach(function (row, index) {
+    ROWS.forEach((row, index) => {
       (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: CONTAINER.components[index].fieldId,
@@ -434,31 +482,31 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       });
     });
   });
-  it('should use rows produced by the override function if provided', function () {
-    var FORM_DATA = {
+  it('should use rows produced by the override function if provided', () => {
+    const FORM_DATA = {
       container: {
         a: 'Alpha Charlie',
         b: 'Bravo Charlie'
       }
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var COMPONENT_A = {
+    const COMPONENT_A = {
       type: 'text',
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    var COMPONENT_B = {
+    const COMPONENT_B = {
       type: 'text',
       id: 'b',
       fieldId: 'b',
       label: 'Bravo'
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -466,16 +514,16 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ON_ACTION = function ON_ACTION() {};
+    const ON_ACTION = () => {};
     // eslint-disable-next-line arrow-body-style
-    var OVERRIDE = function OVERRIDE(page, comp) {
+    const OVERRIDE = (page, comp) => {
       // This will be called for each component in the container,
       // returning a custom row object.
       return {
         key: "CustomRowFor".concat(comp.label)
       };
     };
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION, OVERRIDE);
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION, OVERRIDE);
     expect(ROWS.length).toEqual(2);
     expect(ROWS).toEqual([{
       key: 'CustomRowForAlpha'