@ukhomeoffice/cop-react-form-renderer 6.7.0-alpha → 6.12.0

package/dist/utils/CheckYourAnswers/getCYARowForGroup.js

@@ -8,7 +8,13 @@ var _react = _interopRequireDefault(require("react"));
 var _FormComponent = _interopRequireDefault(require("../../components/FormComponent"));
 var _getCYAAction = _interopRequireDefault(require("./getCYAAction"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const getRowValue = row => {
+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 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); }
+var getRowValue = function getRowValue(row) {
   if (!row.value) {
     return null;
   }
@@ -18,43 +24,43 @@ const getRowValue = row => {
   return /*#__PURE__*/_react.default.createElement("div", {
     key: row.id
   }, /*#__PURE__*/_react.default.createElement(_FormComponent.default, {
-    component: {
-      ...row.component,
+    component: _objectSpread(_objectSpread({}, row.component), {}, {
       readonly: true
-    },
+    }),
     wrap: false,
     value: row.value
   }));
 };
-const getGroupValue = (group, rows) => {
-  let firstComponentIndex = -1;
-  const value = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, group.components.map(componentId => {
-    const rowIndex = rows.findIndex(r => r.id === componentId);
+var getGroupValue = function getGroupValue(group, rows) {
+  var firstComponentIndex = -1;
+  var value = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, group.components.map(function (componentId) {
+    var rowIndex = rows.findIndex(function (r) {
+      return r.id === componentId;
+    });
     if (firstComponentIndex < 0) {
       firstComponentIndex = rowIndex;
     }
     return rowIndex > -1 ? getRowValue(rows[rowIndex]) : null;
   }));
   return {
-    value,
-    firstComponentIndex
+    value: value,
+    firstComponentIndex: firstComponentIndex
   };
 };
-const getCYARowForGroup = (page, group, rows, onAction) => {
-  const {
-    value,
-    firstComponentIndex
-  } = getGroupValue(group, rows);
-  const row = {
+var getCYARowForGroup = function getCYARowForGroup(page, group, rows, onAction) {
+  var _getGroupValue = getGroupValue(group, rows),
+    value = _getGroupValue.value,
+    firstComponentIndex = _getGroupValue.firstComponentIndex;
+  var row = {
     pageId: page.id,
     fieldId: group.id,
     key: group.label,
     required: group.required,
-    value,
+    value: value,
     action: (0, _getCYAAction.default)(false, page, onAction)
   };
   return {
-    row,
+    row: row,
     insertAt: firstComponentIndex
   };
 };

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

@@ -6,35 +6,35 @@ var _getCYARow = _interopRequireDefault(require("./getCYARow"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Local imports 
 
-describe('utils', () => {
-  describe('CheckYourAnswers', () => {
-    describe('getCYARowsForGroup', () => {
-      it('should check address values block', () => {
-        const COMPONENT_ADDRESS = {
+describe('utils', function () {
+  describe('CheckYourAnswers', function () {
+    describe('getCYARowsForGroup', function () {
+      it('should check address values block', function () {
+        var COMPONENT_ADDRESS = {
           id: 'firstLineOfTheAddress',
           fieldId: 'firstLineOfTheAddress',
           label: 'address',
           type: 'text'
         };
-        const COMPONENT_TOWN = {
+        var COMPONENT_TOWN = {
           id: 'town',
           fieldId: 'town',
           label: 'Town',
           type: 'text'
         };
-        const COMPONENT_CITY = {
+        var COMPONENT_CITY = {
           id: 'city',
           fieldId: 'city',
           label: 'City',
           type: 'text'
         };
-        const COMPONENT_POSTCODE = {
+        var COMPONENT_POSTCODE = {
           id: 'postCode',
           fieldId: 'postCode',
           label: 'postCode',
           type: 'text'
         };
-        const PAGE = {
+        var PAGE = {
           components: [COMPONENT_ADDRESS, COMPONENT_TOWN, COMPONENT_CITY, COMPONENT_POSTCODE],
           id: 'addressDetails',
           fieldId: 'UK address',
@@ -52,13 +52,14 @@ describe('utils', () => {
             postCode: 'SW1A 2AA'
           }
         };
-        const ON_ACTION = () => {};
-        const rows = PAGE.components.map(component => (0, _getCYARow.default)(PAGE, component, ON_ACTION));
-        const {
-          container
-        } = (0, _setupTests.renderWithValidation)((0, _getCYARowForGroup.default)(PAGE, PAGE.groups[0], rows, ON_ACTION).row.value);
+        var ON_ACTION = function ON_ACTION() {};
+        var rows = PAGE.components.map(function (component) {
+          return (0, _getCYARow.default)(PAGE, component, ON_ACTION);
+        });
+        var _renderWithValidation = (0, _setupTests.renderWithValidation)((0, _getCYARowForGroup.default)(PAGE, PAGE.groups[0], rows, ON_ACTION).row.value),
+          container = _renderWithValidation.container;
         expect(container.childNodes.length).toEqual(4);
-        const addressValues = container.childNodes;
+        var addressValues = container.childNodes;
         expect(addressValues[0].childNodes[0].textContent).toEqual('10 Downing Street');
         expect(addressValues[1].childNodes[0].textContent).toEqual('City of Westminster');
         expect(addressValues[2].childNodes[0].textContent).toEqual('London');

package/dist/utils/CheckYourAnswers/getCYARowsForCollection.js

@@ -11,11 +11,14 @@ var _getCYARowsForContainer = _interopRequireDefault(require("./getCYARowsForCon
 var _setupContainerComponentsPath = _interopRequireDefault(require("../Component/setupContainerComponentsPath"));
 var _showComponentCYA = _interopRequireDefault(require("./showComponentCYA"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Global imports
-
+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 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); } // Global imports
 // Local imports
-
-const getEntryToCollectionRow = (page, onAction) => {
+var getEntryToCollectionRow = function getEntryToCollectionRow(page, onAction) {
   var _page$components$0$la;
   return [{
     pageId: page.id,
@@ -24,50 +27,50 @@ const getEntryToCollectionRow = (page, onAction) => {
     action: (0, _getCYAAction.default)(false, page, onAction)
   }];
 };
-const getContainerForItem = (collection, item, labelCount, fullPath) => ({
-  id: item.id,
-  fieldId: item.id,
-  type: _models.ComponentTypes.CONTAINER,
-  required: collection.required,
-  full_path: fullPath,
-  components: collection.item.map(component => ({
-    ...component,
-    label: _copReactComponents.Utils.interpolateString(component.label, {
-      ...item,
-      index: labelCount
-    }),
-    full_path: "".concat(fullPath, ".").concat(component.fieldId)
-  }))
-});
-const getTitleRowForItem = (collection, item, pageId, labelCount, fullPath) => {
-  const labels = {
-    ..._models.CollectionLabels,
-    ...collection.labels
+var getContainerForItem = function getContainerForItem(collection, item, labelCount, fullPath) {
+  return {
+    id: item.id,
+    fieldId: item.id,
+    type: _models.ComponentTypes.CONTAINER,
+    required: collection.required,
+    full_path: fullPath,
+    components: collection.item.map(function (component) {
+      return _objectSpread(_objectSpread({}, component), {}, {
+        label: _copReactComponents.Utils.interpolateString(component.label, _objectSpread(_objectSpread({}, item), {}, {
+          index: labelCount
+        })),
+        full_path: "".concat(fullPath, ".").concat(component.fieldId)
+      });
+    })
   };
+};
+var getTitleRowForItem = function getTitleRowForItem(collection, item, pageId, labelCount, fullPath) {
+  var labels = _objectSpread(_objectSpread({}, _models.CollectionLabels), collection.labels);
   if (labels.item) {
     return {
-      pageId,
+      pageId: pageId,
       fieldId: collection.fieldId,
       full_path: fullPath,
-      key: _copReactComponents.Utils.interpolateString(labels.item, {
-        ...item,
+      key: _copReactComponents.Utils.interpolateString(labels.item, _objectSpread(_objectSpread({}, item), {}, {
         index: labelCount
-      }),
+      })),
       type: 'title',
       action: null
     };
   }
   return null;
 };
-const getCYARowsForCollection = (page, collection, items, onAction, fnOverride) => {
+var getCYARowsForCollection = function getCYARowsForCollection(page, collection, items, onAction, fnOverride) {
   if (Array.isArray(items) && items.length && (0, _showComponentCYA.default)(collection, page.formData)) {
-    return items.flatMap((item, index) => {
-      const labelCount = (collection.countOffset || 0) + index + 1;
-      const fullPath = "".concat(collection.full_path || collection.fieldId, "[").concat(index, "]");
-      let container = getContainerForItem(collection, item, labelCount, fullPath);
+    return items.flatMap(function (item, index) {
+      var labelCount = (collection.countOffset || 0) + index + 1;
+      var fullPath = "".concat(collection.full_path || collection.fieldId, "[").concat(index, "]");
+      var container = getContainerForItem(collection, item, labelCount, fullPath);
       container = (0, _setupContainerComponentsPath.default)(container);
       return [getTitleRowForItem(collection, item, page.id, labelCount, fullPath)].concat((0, _getCYARowsForContainer.default)(page, container, item, onAction, fnOverride));
-    }).filter(r => !!r);
+    }).filter(function (r) {
+      return !!r;
+    });
   }
   return getEntryToCollectionRow(page, onAction);
 };

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

@@ -4,12 +4,16 @@ var _models = require("../../models");
 var _setupTests = require("../../setupTests");
 var _getCYARowsForCollection = _interopRequireDefault(require("./getCYARowsForCollection"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Local imports
-
-describe('utils.CheckYourAnswers.getCYARowsForCollection', () => {
-  it('should get a single entry point row when there are no items', () => {
-    const FORM_DATA = undefined;
-    const PAGE = {
+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 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
+describe('utils.CheckYourAnswers.getCYARowsForCollection', function () {
+  it('should get a single entry point row when there are no items', function () {
+    var FORM_DATA = undefined;
+    var PAGE = {
       id: 'page',
       components: [{
         labels: {
@@ -19,42 +23,42 @@ describe('utils.CheckYourAnswers.getCYARowsForCollection', () => {
       formData: FORM_DATA,
       cya_link: {}
     };
-    const COMPONENT = {
+    var COMPONENT = {
       type: 'text',
       readonly: true,
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    const COLLECTION = {
+    var COLLECTION = {
       id: 'collection',
       fieldId: 'collection',
       type: _models.ComponentTypes.COLLECTION,
       item: [COMPONENT]
     };
-    const ON_ACTION = () => {};
-    const ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, undefined, ON_ACTION);
+    var ON_ACTION = function ON_ACTION() {};
+    var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, undefined, ON_ACTION);
     expect(ROWS.length).toEqual(1);
   });
-  it('should get an appropriate row for a collection with a single readonly text component', () => {
-    const FORM_DATA = {
+  it('should get an appropriate row for a collection with a single readonly text component', function () {
+    var FORM_DATA = {
       collection: [{
         a: 'Bravo'
       }]
     };
-    const PAGE = {
+    var PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    const COMPONENT = {
+    var COMPONENT = {
       type: 'text',
       readonly: true,
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    const COLLECTION = {
+    var COLLECTION = {
       id: 'collection',
       fieldId: 'collection',
       type: _models.ComponentTypes.COLLECTION,
@@ -63,8 +67,8 @@ describe('utils.CheckYourAnswers.getCYARowsForCollection', () => {
       value: FORM_DATA.collection,
       formData: FORM_DATA
     };
-    const ON_ACTION = () => {};
-    const ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION);
+    var ON_ACTION = function ON_ACTION() {};
+    var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION);
     expect(ROWS.length).toEqual(2); // Item title row + component row
     (0, _setupTests.expectObjectLike)(ROWS[0], {
       pageId: PAGE.id,
@@ -81,32 +85,31 @@ describe('utils.CheckYourAnswers.getCYARowsForCollection', () => {
       full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId),
       key: COMPONENT.label,
       action: null,
-      component: {
-        ...COMPONENT,
+      component: _objectSpread(_objectSpread({}, COMPONENT), {}, {
         full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId)
-      },
+      }),
       value: 'Bravo'
     });
   });
-  it('should get an appropriate row for a collection with a single readonly text component where the item label is an empty string', () => {
-    const FORM_DATA = {
+  it('should get an appropriate row for a collection with a single readonly text component where the item label is an empty string', function () {
+    var FORM_DATA = {
       collection: [{
         a: 'Bravo'
       }]
     };
-    const PAGE = {
+    var PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    const COMPONENT = {
+    var COMPONENT = {
       type: 'text',
       readonly: true,
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    const COLLECTION = {
+    var COLLECTION = {
       id: 'collection',
       fieldId: 'collection',
       type: _models.ComponentTypes.COLLECTION,
@@ -118,8 +121,8 @@ describe('utils.CheckYourAnswers.getCYARowsForCollection', () => {
       value: FORM_DATA.collection,
       formData: FORM_DATA
     };
-    const ON_ACTION = () => {};
-    const ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION);
+    var ON_ACTION = function ON_ACTION() {};
+    var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION);
     expect(ROWS.length).toEqual(1); // Just the component row, no title row
     (0, _setupTests.expectObjectLike)(ROWS[0], {
       pageId: PAGE.id,
@@ -127,33 +130,32 @@ describe('utils.CheckYourAnswers.getCYARowsForCollection', () => {
       full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId),
       key: COMPONENT.label,
       action: null,
-      component: {
-        ...COMPONENT,
+      component: _objectSpread(_objectSpread({}, COMPONENT), {}, {
         full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId)
-      },
+      }),
       value: 'Bravo'
     });
   });
-  it('should interpolate a field label appropriately', () => {
-    const FORM_DATA = {
+  it('should interpolate a field label appropriately', function () {
+    var FORM_DATA = {
       collection: [{
         a: 'Bravo'
       }]
     };
-    const PAGE = {
+    var PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
     // eslint-disable-next-line no-template-curly-in-string
-    const COMPONENT = {
+    var COMPONENT = {
       type: 'text',
       readonly: true,
       id: 'a',
       fieldId: 'a',
       label: 'Alpha ${index}'
     };
-    const COLLECTION = {
+    var COLLECTION = {
       id: 'collection',
       fieldId: 'collection',
       type: _models.ComponentTypes.COLLECTION,
@@ -161,8 +163,8 @@ describe('utils.CheckYourAnswers.getCYARowsForCollection', () => {
       value: FORM_DATA.collection,
       formData: FORM_DATA
     };
-    const ON_ACTION = () => {};
-    const ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION);
+    var ON_ACTION = function ON_ACTION() {};
+    var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION);
     expect(ROWS.length).toEqual(2); // Title and item row.
     (0, _setupTests.expectObjectLike)(ROWS[1], {
       pageId: PAGE.id,
@@ -171,33 +173,33 @@ describe('utils.CheckYourAnswers.getCYARowsForCollection', () => {
       key: 'Alpha 1',
       // no countOffset
       action: null,
-      component: {
-        ...COMPONENT,
+      component: _objectSpread(_objectSpread({}, COMPONENT), {}, {
         full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId),
         label: 'Alpha 1' // no countOffset
-      },
+      }),
+
       value: 'Bravo'
     });
   });
-  it('should ignore the result of the override function if it returns nullish', () => {
-    const FORM_DATA = {
+  it('should ignore the result of the override function if it returns nullish', function () {
+    var FORM_DATA = {
       collection: [{
         a: 'Bravo'
       }]
     };
-    const PAGE = {
+    var PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    const COMPONENT = {
+    var COMPONENT = {
       type: 'text',
       readonly: true,
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    const COLLECTION = {
+    var COLLECTION = {
       id: 'collection',
       fieldId: 'collection',
       type: _models.ComponentTypes.COLLECTION,
@@ -206,8 +208,10 @@ describe('utils.CheckYourAnswers.getCYARowsForCollection', () => {
       value: FORM_DATA.collection,
       formData: FORM_DATA
     };
-    const ON_ACTION = () => {};
-    const ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION, () => null);
+    var ON_ACTION = function ON_ACTION() {};
+    var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION, function () {
+      return null;
+    });
     expect(ROWS.length).toEqual(2); // Item title row + component row
     (0, _setupTests.expectObjectLike)(ROWS[0], {
       pageId: PAGE.id,
@@ -224,32 +228,31 @@ describe('utils.CheckYourAnswers.getCYARowsForCollection', () => {
       full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId),
       key: COMPONENT.label,
       action: null,
-      component: {
-        ...COMPONENT,
+      component: _objectSpread(_objectSpread({}, COMPONENT), {}, {
         full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId)
-      },
+      }),
       value: 'Bravo'
     });
   });
-  it('should use rows produced by the override function if provided', () => {
-    const FORM_DATA = {
+  it('should use rows produced by the override function if provided', function () {
+    var FORM_DATA = {
       collection: [{
         a: 'Bravo'
       }]
     };
-    const PAGE = {
+    var PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    const COMPONENT = {
+    var COMPONENT = {
       type: 'text',
       readonly: true,
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    const COLLECTION = {
+    var COLLECTION = {
       id: 'collection',
       fieldId: 'collection',
       type: _models.ComponentTypes.COLLECTION,
@@ -258,16 +261,16 @@ describe('utils.CheckYourAnswers.getCYARowsForCollection', () => {
       value: FORM_DATA.collection,
       formData: FORM_DATA
     };
-    const ON_ACTION = () => {};
+    var ON_ACTION = function ON_ACTION() {};
     // eslint-disable-next-line arrow-body-style
-    const OVERRIDE = (page, comp) => {
+    var OVERRIDE = function OVERRIDE(page, comp) {
       // This will be called for each component in the collection,
       // returning a custom row object.
       return {
         key: "CustomRowFor".concat(comp.label)
       };
     };
-    const ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION, OVERRIDE);
+    var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION, OVERRIDE);
     expect(ROWS.length).toEqual(2); // Item title row + component row
     (0, _setupTests.expectObjectLike)(ROWS[0], {
       pageId: PAGE.id,