@ukhomeoffice/cop-react-form-renderer 5.14.2 → 5.14.4

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

@@ -1,27 +1,25 @@
 "use strict";
 
 var _getCYACollectionChangeAction = _interopRequireDefault(require("./getCYACollectionChangeAction"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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); }
-describe('utils', function () {
-  describe('CheckYourAnswers', function () {
-    describe('getCYACollectionChangeAction', function () {
-      var PAGE = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Local imports
+
+describe('utils', () => {
+  describe('CheckYourAnswers', () => {
+    describe('getCYACollectionChangeAction', () => {
+      const PAGE = {
         id: 2,
         collection: {
           name: 'collectionName'
         }
       };
-      var ITEM = {
+      const ITEM = {
         id: 2
       };
-      var TEST_DATA = {
-        page: _objectSpread({}, PAGE),
+      let TEST_DATA = {
+        page: {
+          ...PAGE
+        },
         collectionName: [{
           id: 1
         }, {
@@ -31,23 +29,23 @@ describe('utils', function () {
         }],
         collectionNameActiveId: 3
       };
-      it('should change activeId to the selected item and call onAction with the correct page', function () {
-        var ON_ACTION = function ON_ACTION(row, callback) {
+      it('should change activeId to the selected item and call onAction with the correct page', () => {
+        const ON_ACTION = (row, callback) => {
           expect(row.id).toEqual(2);
           TEST_DATA = callback(TEST_DATA);
         };
-        var action = (0, _getCYACollectionChangeAction.default)(PAGE, ITEM, ON_ACTION, 0, {});
+        const action = (0, _getCYACollectionChangeAction.default)(PAGE, ITEM, ON_ACTION, 0, {});
         action.action.onAction(PAGE);
         expect(TEST_DATA.collectionNameActiveId).toEqual(2);
       });
-      it('should get label to custom value', function () {
-        var action = (0, _getCYACollectionChangeAction.default)(PAGE, ITEM, function () {}, 0, {
+      it('should get label to custom value', () => {
+        const action = (0, _getCYACollectionChangeAction.default)(PAGE, ITEM, () => {}, 0, {
           label: 'customName'
         });
         expect(action.action.label).toEqual('customName');
       });
-      it('should call onAction with a custom page', function () {
-        var PAGE_WITH_CUSTOM_DESTINATION = {
+      it('should call onAction with a custom page', () => {
+        const PAGE_WITH_CUSTOM_DESTINATION = {
           id: 2,
           collection: {
             name: 'collectionName',
@@ -58,11 +56,11 @@ describe('utils', function () {
             }]
           }
         };
-        var ON_ACTION = function ON_ACTION(page, callback) {
+        const ON_ACTION = (page, callback) => {
           expect(page.pageId).toEqual('confirmDelete');
           TEST_DATA = callback(TEST_DATA);
         };
-        var action = (0, _getCYACollectionChangeAction.default)(PAGE_WITH_CUSTOM_DESTINATION, ITEM, ON_ACTION, 0, PAGE_WITH_CUSTOM_DESTINATION.collection.actions[0]);
+        const action = (0, _getCYACollectionChangeAction.default)(PAGE_WITH_CUSTOM_DESTINATION, ITEM, ON_ACTION, 0, PAGE_WITH_CUSTOM_DESTINATION.collection.actions[0]);
         action.action.onAction({});
         expect(TEST_DATA.collectionNameActiveId).toEqual(2);
       });

package/dist/utils/CheckYourAnswers/getCYACollectionDeleteAction.js

@@ -6,35 +6,31 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _models = require("../../models");
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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 getCYACollectionDeleteAction = function getCYACollectionDeleteAction(page, item, _onAction, labelCount, action) {
-  var label = (action === null || action === void 0 ? void 0 : action.label) || _models.CollectionLabels.remove;
+// Global imports
+
+// Local imports
+
+const getCYACollectionDeleteAction = (page, item, onAction, labelCount, action) => {
+  const label = action?.label || _models.CollectionLabels.remove;
   return {
     pageId: page.id,
-    fieldId: "delete".concat(labelCount),
-    key: "delete".concat(labelCount),
+    fieldId: `delete${labelCount}`,
+    key: `delete${labelCount}`,
     type: 'action',
     action: {
-      onAction: function onAction() {
-        var deleteCallback = function deleteCallback(cyaData) {
-          var data = cyaData;
-          data["".concat(page.collection.name)] = data["".concat(page.collection.name)].filter(function (i) {
-            return i.id !== item.id;
-          });
+      onAction: () => {
+        const deleteCallback = cyaData => {
+          const data = cyaData;
+          data[`${page.collection.name}`] = data[`${page.collection.name}`].filter(i => i.id !== item.id);
           return data;
         };
-        _onAction(null, deleteCallback);
+        onAction(null, deleteCallback);
       },
-      label: _copReactComponents.Utils.interpolateString(label, _objectSpread(_objectSpread({}, item), {}, {
+      label: _copReactComponents.Utils.interpolateString(label, {
+        ...item,
         index: labelCount
-      }))
+      })
     }
   };
 };
-var _default = getCYACollectionDeleteAction;
-exports.default = _default;
+var _default = exports.default = getCYACollectionDeleteAction;

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

@@ -1,17 +1,13 @@
 "use strict";
 
 var _getCYACollectionDeleteAction = _interopRequireDefault(require("./getCYACollectionDeleteAction"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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); }
-describe('utils', function () {
-  describe('CheckYourAnswers', function () {
-    describe('getCYACollectionDeleteAction', function () {
-      var PAGE = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Local imports
+
+describe('utils', () => {
+  describe('CheckYourAnswers', () => {
+    describe('getCYACollectionDeleteAction', () => {
+      const PAGE = {
         id: 'pageid',
         collection: {
           name: 'collectionName',
@@ -20,11 +16,13 @@ describe('utils', function () {
           }
         }
       };
-      var ITEM = {
+      const ITEM = {
         id: 2
       };
-      var TEST_DATA = {
-        page: _objectSpread({}, PAGE),
+      const TEST_DATA = {
+        page: {
+          ...PAGE
+        },
         collectionName: [{
           id: 1
         }, {
@@ -33,19 +31,19 @@ describe('utils', function () {
           id: 3
         }]
       };
-      it('should remove selected item from the form data', function () {
-        var data = null;
-        var ON_ACTION = function ON_ACTION(_, callback) {
+      it('should remove selected item from the form data', () => {
+        let data = null;
+        const ON_ACTION = (_, callback) => {
           data = callback(TEST_DATA);
         };
-        var action = (0, _getCYACollectionDeleteAction.default)(PAGE, ITEM, ON_ACTION, 0, {});
+        const action = (0, _getCYACollectionDeleteAction.default)(PAGE, ITEM, ON_ACTION, 0, {});
         action.action.onAction();
         expect(data.collectionName.length).toEqual(2);
         expect(data.collectionName[0].id).toEqual(1);
         expect(data.collectionName[1].id).toEqual(3);
       });
-      it('should get label to custom value', function () {
-        var action = (0, _getCYACollectionDeleteAction.default)(PAGE, ITEM, function () {}, 0, {
+      it('should get label to custom value', () => {
+        const action = (0, _getCYACollectionDeleteAction.default)(PAGE, ITEM, () => {}, 0, {
           label: "customName"
         });
         expect(action.action.label).toEqual('customName');

package/dist/utils/CheckYourAnswers/getCYARow.js

@@ -8,18 +8,17 @@ var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _Component = _interopRequireDefault(require("../Component"));
 var _optionIsSelected = _interopRequireDefault(require("../Component/optionIsSelected"));
 var _getCYAAction = _interopRequireDefault(require("./getCYAAction"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports
 
 // Local imports
 
-var setNestedValue = function setNestedValue(component, page) {
-  var _component$data, _component$data$optio;
-  (_component$data = component.data) === null || _component$data === void 0 ? void 0 : (_component$data$optio = _component$data.options) === null || _component$data$optio === void 0 ? void 0 : _component$data$optio.forEach(function (option) {
+const setNestedValue = (component, page) => {
+  component.data?.options?.forEach(option => {
     // check if option is selected and has nested component
     if (Array.isArray(option.nested) && (0, _optionIsSelected.default)(page.formData[component.id], option)) {
-      option.nested.forEach(function (paramChild) {
-        var child = paramChild;
+      option.nested.forEach(paramChild => {
+        const child = paramChild;
         child.value = page.formData[child.id];
       });
     }
@@ -35,8 +34,8 @@ var setNestedValue = function setNestedValue(component, page) {
  * 
  * @returns A configuration object for a Check your answers row.
  */
-var getCYARow = function getCYARow(page, component, onAction) {
-  var value = '';
+const getCYARow = (page, component, onAction) => {
+  let value = '';
   if (page.formData && component.fieldId) {
     value = page.formData[component.fieldId];
     setNestedValue(component, page);
@@ -53,5 +52,4 @@ var getCYARow = function getCYARow(page, component, onAction) {
     action: (0, _getCYAAction.default)(component.readonly, page, onAction)
   };
 };
-var _default = getCYARow;
-exports.default = _default;
+var _default = exports.default = getCYARow;

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

@@ -2,30 +2,28 @@
 
 var _setupTests = require("../../setupTests");
 var _getCYARow = _interopRequireDefault(require("./getCYARow"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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); }
-describe('utils', function () {
-  describe('CheckYourAnswers', function () {
-    describe('getCYARow', function () {
-      it('should get an appropriate row for a readonly text component', function () {
-        var PAGE = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Local imports
+
+describe('utils', () => {
+  describe('CheckYourAnswers', () => {
+    describe('getCYARow', () => {
+      it('should get an appropriate row for a readonly text component', () => {
+        const PAGE = {
           id: 'page',
           formData: {
             a: 'Bravo'
           }
         };
-        var COMPONENT = {
+        const COMPONENT = {
           type: 'text',
           readonly: true,
           id: 'a',
           fieldId: 'a',
           label: 'Alpha'
         };
-        var ON_ACTION = function ON_ACTION() {};
-        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
+        const ON_ACTION = () => {};
+        const ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
         (0, _setupTests.expectObjectLike)(ROW, {
           pageId: PAGE.id,
           fieldId: COMPONENT.fieldId,
@@ -35,19 +33,19 @@ describe('utils', function () {
           action: null
         });
       });
-      it('should get an appropriate row for a readonly text component with no value', function () {
-        var PAGE = {
+      it('should get an appropriate row for a readonly text component with no value', () => {
+        const PAGE = {
           id: 'page',
           formData: {}
         };
-        var COMPONENT = {
+        const COMPONENT = {
           type: 'text',
           readonly: true,
           id: 'a',
           fieldId: 'a',
           label: 'Alpha'
         };
-        var ON_ACTION = function ON_ACTION() {};
+        const ON_ACTION = () => {};
         expect((0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION)).toEqual({
           pageId: PAGE.id,
           id: COMPONENT.id,
@@ -58,21 +56,21 @@ describe('utils', function () {
           action: null
         });
       });
-      it('should get an appropriate row for a readonly non-editable component', function () {
-        var PAGE = {
+      it('should get an appropriate row for a readonly non-editable component', () => {
+        const PAGE = {
           id: 'page',
           formData: {
             a: 'BLAH'
           }
         };
-        var COMPONENT = {
+        const COMPONENT = {
           type: 'blah',
           readonly: true,
           id: 'a',
           fieldId: 'a',
           label: 'Alpha'
         };
-        var ON_ACTION = function ON_ACTION() {};
+        const ON_ACTION = () => {};
         expect((0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION)).toEqual({
           pageId: PAGE.id,
           id: COMPONENT.id,
@@ -82,22 +80,22 @@ describe('utils', function () {
           action: null
         });
       });
-      it('should use the cya_label where there is no label', function () {
-        var PAGE = {
+      it('should use the cya_label where there is no label', () => {
+        const PAGE = {
           id: 'page',
           formData: {
             a: 'Bravo'
           }
         };
-        var COMPONENT = {
+        const COMPONENT = {
           type: 'text',
           readonly: true,
           id: 'a',
           fieldId: 'a',
           cya_label: 'CYA Alpha'
         };
-        var ON_ACTION = function ON_ACTION() {};
-        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
+        const ON_ACTION = () => {};
+        const ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
         (0, _setupTests.expectObjectLike)(ROW, {
           pageId: PAGE.id,
           fieldId: COMPONENT.fieldId,
@@ -107,22 +105,22 @@ describe('utils', function () {
           value: 'Bravo'
         });
       });
-      it('should get an appropriate row for an editable text component', function () {
-        var PAGE = {
+      it('should get an appropriate row for an editable text component', () => {
+        const PAGE = {
           id: 'page',
           formData: {
             a: 'Bravo'
           },
           cya_link: {}
         };
-        var COMPONENT = {
+        const COMPONENT = {
           type: 'text',
           id: 'a',
           fieldId: 'a',
           label: 'Alpha'
         };
-        var ON_ACTION = function ON_ACTION() {};
-        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
+        const ON_ACTION = () => {};
+        const ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
         (0, _setupTests.expectObjectLike)(ROW, {
           pageId: PAGE.id,
           fieldId: COMPONENT.fieldId,
@@ -134,18 +132,19 @@ describe('utils', function () {
           onAction: ON_ACTION
         });
       });
-      it('should update any nested components in radios with corresponding values from the stored formdata', function () {
-        var SELECTED_VALUE = 'selectedValue';
-        var NESTED_ID = 'nestedId';
-        var NESTED_VALUE = 'nestedValue';
-        var PAGE = {
+      it('should update any nested components in radios with corresponding values from the stored formdata', () => {
+        const SELECTED_VALUE = 'selectedValue';
+        const NESTED_ID = 'nestedId';
+        const NESTED_VALUE = 'nestedValue';
+        const PAGE = {
           id: 'page',
-          formData: _defineProperty({
-            a: SELECTED_VALUE
-          }, NESTED_ID, NESTED_VALUE),
+          formData: {
+            a: SELECTED_VALUE,
+            [NESTED_ID]: NESTED_VALUE
+          },
           cya_link: {}
         };
-        var COMPONENT = {
+        const COMPONENT = {
           type: 'radios',
           id: 'a',
           fieldId: 'a',
@@ -158,17 +157,17 @@ describe('utils', function () {
             }]
           }
         };
-        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, function () {});
+        const ROW = (0, _getCYARow.default)(PAGE, COMPONENT, () => {});
         expect(ROW.component.data.options[0].nested[0].value).toEqual(NESTED_VALUE);
       });
-      it('should handle an undefined formData when attempting to set nested values in radios', function () {
-        var SELECTED_VALUE = 'selectedValue';
-        var NESTED_ID = 'nestedId';
-        var PAGE = {
+      it('should handle an undefined formData when attempting to set nested values in radios', () => {
+        const SELECTED_VALUE = 'selectedValue';
+        const NESTED_ID = 'nestedId';
+        const PAGE = {
           id: 'page',
           cya_link: {}
         };
-        var COMPONENT = {
+        const COMPONENT = {
           type: 'radios',
           id: 'a',
           fieldId: 'a',
@@ -181,21 +180,22 @@ describe('utils', function () {
             }]
           }
         };
-        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, function () {});
+        const ROW = (0, _getCYARow.default)(PAGE, COMPONENT, () => {});
         expect(ROW.component.data.options[0].nested[0].value).toBeUndefined();
       });
-      it('should update any nested components in checkboxes with corresponding values from the stored formdata', function () {
-        var SELECTED_VALUE = 'selectedValue';
-        var NESTED_ID = 'nestedId';
-        var NESTED_VALUE = 'nestedValue';
-        var PAGE = {
+      it('should update any nested components in checkboxes with corresponding values from the stored formdata', () => {
+        const SELECTED_VALUE = 'selectedValue';
+        const NESTED_ID = 'nestedId';
+        const NESTED_VALUE = 'nestedValue';
+        const PAGE = {
           id: 'page',
-          formData: _defineProperty({
-            a: [SELECTED_VALUE]
-          }, NESTED_ID, NESTED_VALUE),
+          formData: {
+            a: [SELECTED_VALUE],
+            [NESTED_ID]: NESTED_VALUE
+          },
           cya_link: {}
         };
-        var COMPONENT = {
+        const COMPONENT = {
           type: 'checkboxes',
           id: 'a',
           fieldId: 'a',
@@ -208,17 +208,17 @@ describe('utils', function () {
             }]
           }
         };
-        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, function () {});
+        const ROW = (0, _getCYARow.default)(PAGE, COMPONENT, () => {});
         expect(ROW.component.data.options[0].nested[0].value).toEqual(NESTED_VALUE);
       });
-      it('should handle an undefined formData when attempting to set nested values in checkboxes', function () {
-        var SELECTED_VALUE = 'selectedValue';
-        var NESTED_ID = 'nestedId';
-        var PAGE = {
+      it('should handle an undefined formData when attempting to set nested values in checkboxes', () => {
+        const SELECTED_VALUE = 'selectedValue';
+        const NESTED_ID = 'nestedId';
+        const PAGE = {
           id: 'page',
           cya_link: {}
         };
-        var COMPONENT = {
+        const COMPONENT = {
           type: 'checkboxes',
           id: 'a',
           fieldId: 'a',
@@ -231,25 +231,25 @@ describe('utils', function () {
             }]
           }
         };
-        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, function () {});
+        const ROW = (0, _getCYARow.default)(PAGE, COMPONENT, () => {});
         expect(ROW.component.data.options[0].nested[0].value).toBeUndefined();
       });
-      it('should get an appropriate row for a readonly text component with no value and interpolated label', function () {
-        var PAGE = {
+      it('should get an appropriate row for a readonly text component with no value and interpolated label', () => {
+        const PAGE = {
           id: 'page',
           formData: {
             text: 'Smith'
           }
         };
         // eslint-disable-next-line no-template-curly-in-string
-        var COMPONENT = {
+        const COMPONENT = {
           type: 'text',
           readonly: true,
           id: 'a',
           fieldId: 'a',
           label: 'Alpha ${text}'
         };
-        var ON_ACTION = function ON_ACTION() {};
+        const ON_ACTION = () => {};
         expect((0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION)).toEqual({
           pageId: PAGE.id,
           id: COMPONENT.id,
@@ -260,23 +260,23 @@ describe('utils', function () {
           action: null
         });
       });
-      it('should use the interolated cya_label where there is no label', function () {
-        var PAGE = {
+      it('should use the interolated cya_label where there is no label', () => {
+        const PAGE = {
           id: 'page',
           formData: {
             a: 'Bravo'
           }
         };
         // eslint-disable-next-line no-template-curly-in-string
-        var COMPONENT = {
+        const COMPONENT = {
           type: 'text',
           readonly: true,
           id: 'a',
           fieldId: 'a',
           cya_label: 'CYA Alpha ${a}'
         };
-        var ON_ACTION = function ON_ACTION() {};
-        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
+        const ON_ACTION = () => {};
+        const ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
         (0, _setupTests.expectObjectLike)(ROW, {
           pageId: PAGE.id,
           fieldId: COMPONENT.fieldId,