@ukhomeoffice/cop-react-form-renderer 6.14.0 → 6.14.2-alpha

package/dist/components/FormRenderer/onTaskAction.js

@@ -6,27 +6,26 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _models = require("../../models");
 var _helpers = _interopRequireDefault(require("./helpers"));
-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); }
-var onTaskAction = function onTaskAction(currentTask, pages, setCurrentTask, hubDetails, data, onPageChange) {
+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); }
+const onTaskAction = (currentTask, pages, setCurrentTask, hubDetails, data, onPageChange) => {
   if (currentTask) {
-    var task = currentTask;
+    const task = currentTask;
     task.fullPages = [];
-    task.pages.forEach(function (page) {
+    task.pages.forEach(page => {
       task.fullPages.push(_helpers.default.getPage(page, pages));
     });
     setCurrentTask(currentTask);
-    var state = _objectSpread({}, task);
+    const state = _objectSpread({}, task);
     if (task.state === _models.TaskStates.TYPES.COMPLETE && !task.alwaysShowFirstPage) {
       if (hubDetails !== null && hubDetails !== void 0 && hubDetails.noTaskCYAs) {
         // If the task is complete and there are no CYA's then show user first page
         /* eslint-disable prefer-destructuring */
-        var currentPage = data.formStatus.tasks[currentTask.name].currentPage;
+        const currentPage = data.formStatus.tasks[currentTask.name].currentPage;
         onPageChange(task.pages[0] || currentPage);
       } else if (task.customCYA) {
         onPageChange(task.customCYA);
@@ -34,9 +33,9 @@ var onTaskAction = function onTaskAction(currentTask, pages, setCurrentTask, hub
         onPageChange(_models.FormPages.CYA, state);
       }
     } else if (task.state === _models.TaskStates.TYPES.IN_PROGRESS && !task.alwaysShowFirstPage) {
-      var _currentPage = data.formStatus.tasks[currentTask.name].currentPage;
+      const currentPage = data.formStatus.tasks[currentTask.name].currentPage;
       /* eslint-enable prefer-destructuring */
-      onPageChange(_currentPage || currentTask.pages[0], state);
+      onPageChange(currentPage || currentTask.pages[0], state);
     } else if (task.firstPage) {
       onPageChange(task.firstPage, state);
     } else {

package/dist/components/FormRenderer/onTaskAction.test.js

@@ -3,40 +3,37 @@
 var _models = require("../../models");
 var _helpers = _interopRequireDefault(require("./helpers"));
 var _onTaskAction = _interopRequireDefault(require("./onTaskAction"));
-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); }
-jest.mock('./helpers', function () {
-  return {
-    getPageArgs: [],
-    getPage: function getPage(page, pages) {
-      this.getPageArgs.push({
-        page: page,
-        pages: pages
-      });
-    },
-    reset: function reset() {
-      this.getPageArgs = [];
-    }
-  };
-});
-describe('components.FormRenderer.onTaskAction', function () {
-  var setCurrentTaskArgs = [];
-  var mockSetCurrentTask = function mockSetCurrentTask(task) {
+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); }
+jest.mock('./helpers', () => ({
+  getPageArgs: [],
+  getPage(page, pages) {
+    this.getPageArgs.push({
+      page,
+      pages
+    });
+  },
+  reset() {
+    this.getPageArgs = [];
+  }
+}));
+describe('components.FormRenderer.onTaskAction', () => {
+  let setCurrentTaskArgs = [];
+  const mockSetCurrentTask = task => {
     setCurrentTaskArgs.push(task);
   };
-  var onPageChangeArgs = [];
-  var mockOnPageChange = function mockOnPageChange(page, state) {
+  let onPageChangeArgs = [];
+  const mockOnPageChange = (page, state) => {
     onPageChangeArgs.push({
-      page: page,
-      state: state
+      page,
+      state
     });
   };
-  var PAGES = [{
+  const PAGES = [{
     id: 'page1'
   }, {
     id: 'page2'
@@ -45,7 +42,7 @@ describe('components.FormRenderer.onTaskAction', function () {
   }, {
     id: 'customCya'
   }];
-  var DATA = {
+  const DATA = {
     formStatus: {
       tasks: {
         task1: {
@@ -58,7 +55,7 @@ describe('components.FormRenderer.onTaskAction', function () {
       }
     }
   };
-  var ARGS = {
+  const ARGS = {
     currentTask: null,
     pages: PAGES,
     setCurrentTask: mockSetCurrentTask,
@@ -66,31 +63,31 @@ describe('components.FormRenderer.onTaskAction', function () {
     data: DATA,
     onPageChange: mockOnPageChange
   };
-  var genericChecks = function genericChecks(currentTask) {
+  const genericChecks = currentTask => {
     expect(_helpers.default.getPageArgs.length).toEqual(currentTask.pages.length);
     expect(currentTask.fullPages.length).toEqual(currentTask.pages.length);
     expect(setCurrentTaskArgs.length).toEqual(1);
     expect(setCurrentTaskArgs[0]).toEqual(currentTask);
   };
-  beforeEach(function () {
+  beforeEach(() => {
     setCurrentTaskArgs = [];
     onPageChangeArgs = [];
     _helpers.default.reset();
   });
-  it('should do nothing if currentTask is null', function () {
+  it('should do nothing if currentTask is null', () => {
     _onTaskAction.default.apply(void 0, Object.values(ARGS));
     expect(_helpers.default.getPageArgs.length).toEqual(0);
     expect(setCurrentTaskArgs.length).toEqual(0);
     expect(onPageChangeArgs.length).toEqual(0);
   });
-  describe("when currentTask has a state of ".concat(_models.TaskStates.TYPES.COMPLETE), function () {
-    var TASK = {
+  describe("when currentTask has a state of ".concat(_models.TaskStates.TYPES.COMPLETE), () => {
+    const TASK = {
       name: 'task1',
       state: _models.TaskStates.TYPES.COMPLETE,
       pages: ['page1', 'page2', 'page3']
     };
-    it('should handle task CYAs not being shown', function () {
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+    it('should handle task CYAs not being shown', () => {
+      const CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
         currentTask: TASK,
         hubDetails: {
           noTaskCYAs: true
@@ -101,8 +98,8 @@ describe('components.FormRenderer.onTaskAction', function () {
       expect(onPageChangeArgs.length).toEqual(1);
       expect(onPageChangeArgs[0].page).toEqual(CUSTOM_ARGS.currentTask.pages[0]);
     });
-    it('should handle task CYAs not being shown and no pages being provided on currentTask', function () {
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+    it('should handle task CYAs not being shown and no pages being provided on currentTask', () => {
+      const CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
         currentTask: _objectSpread(_objectSpread({}, TASK), {}, {
           pages: []
         }),
@@ -115,8 +112,8 @@ describe('components.FormRenderer.onTaskAction', function () {
       expect(onPageChangeArgs.length).toEqual(1);
       expect(onPageChangeArgs[0].page).toEqual(CUSTOM_ARGS.data.formStatus.tasks[CUSTOM_ARGS.currentTask.name].currentPage);
     });
-    it('should handle a custom CYA being provided', function () {
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+    it('should handle a custom CYA being provided', () => {
+      const CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
         currentTask: _objectSpread(_objectSpread({}, TASK), {}, {
           customCYA: 'customCya'
         })
@@ -126,8 +123,8 @@ describe('components.FormRenderer.onTaskAction', function () {
       expect(onPageChangeArgs.length).toEqual(1);
       expect(onPageChangeArgs[0].page).toEqual(CUSTOM_ARGS.currentTask.customCYA);
     });
-    it('should handle navigation to a normal CYA page', function () {
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+    it('should handle navigation to a normal CYA page', () => {
+      const CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
         currentTask: TASK
       });
       _onTaskAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
@@ -137,14 +134,14 @@ describe('components.FormRenderer.onTaskAction', function () {
       expect(onPageChangeArgs[0].state).toEqual(CUSTOM_ARGS.currentTask);
     });
   });
-  describe("when currentTask has a state of ".concat(_models.TaskStates.TYPES.IN_PROGRESS), function () {
-    it('should handle page change when formStatus has a current page for the task', function () {
-      var TASK = {
+  describe("when currentTask has a state of ".concat(_models.TaskStates.TYPES.IN_PROGRESS), () => {
+    it('should handle page change when formStatus has a current page for the task', () => {
+      const TASK = {
         name: 'task1',
         state: _models.TaskStates.TYPES.IN_PROGRESS,
         pages: ['page1', 'page2', 'page3']
       };
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      const CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
         currentTask: TASK
       });
       _onTaskAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
@@ -153,13 +150,13 @@ describe('components.FormRenderer.onTaskAction', function () {
       expect(onPageChangeArgs[0].page).toEqual(CUSTOM_ARGS.data.formStatus.tasks[CUSTOM_ARGS.currentTask.name].currentPage);
       expect(onPageChangeArgs[0].state).toEqual(CUSTOM_ARGS.currentTask);
     });
-    it('should handle page change when formStatus does not have a current page for the task', function () {
-      var TASK = {
+    it('should handle page change when formStatus does not have a current page for the task', () => {
+      const TASK = {
         name: 'taskNoCurrentPage',
         state: _models.TaskStates.TYPES.IN_PROGRESS,
         pages: ['page1', 'page2', 'page3']
       };
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      const CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
         currentTask: TASK
       });
       _onTaskAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
@@ -168,15 +165,15 @@ describe('components.FormRenderer.onTaskAction', function () {
       expect(onPageChangeArgs[0].page).toEqual(CUSTOM_ARGS.currentTask.pages[0]);
       expect(onPageChangeArgs[0].state).toEqual(CUSTOM_ARGS.currentTask);
     });
-    it('should navigate to firstPage if alwaysShowFirstPage is set if state is in progress', function () {
-      var TASK = {
+    it('should navigate to firstPage if alwaysShowFirstPage is set if state is in progress', () => {
+      const TASK = {
         name: 'taskalwaysShowFirstPageInProgress',
         state: _models.TaskStates.TYPES.IN_PROGRESS,
         firstPage: 'page2',
         alwaysShowFirstPage: true,
         pages: ['page1', 'page2', 'page3']
       };
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      const CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
         currentTask: TASK
       });
       _onTaskAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
@@ -185,15 +182,15 @@ describe('components.FormRenderer.onTaskAction', function () {
       expect(onPageChangeArgs[0].page).toEqual(CUSTOM_ARGS.currentTask.pages[1]);
       expect(onPageChangeArgs[0].state).toEqual(CUSTOM_ARGS.currentTask);
     });
-    it('should navigate to firstPage if alwaysShowFirstPage is set if state is in progress', function () {
-      var TASK = {
+    it('should navigate to firstPage if alwaysShowFirstPage is set if state is in progress', () => {
+      const TASK = {
         name: 'taskalwaysShowFirstPageComplete',
         state: _models.TaskStates.TYPES.COMPLETE,
         firstPage: 'page2',
         alwaysShowFirstPage: true,
         pages: ['page1', 'page2', 'page3']
       };
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      const CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
         currentTask: TASK
       });
       _onTaskAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
@@ -203,18 +200,16 @@ describe('components.FormRenderer.onTaskAction', function () {
       expect(onPageChangeArgs[0].state).toEqual(CUSTOM_ARGS.currentTask);
     });
   });
-  var otherStates = Object.values(_models.TaskStates.TYPES).filter(function (t) {
-    return t !== _models.TaskStates.TYPES.IN_PROGRESS && t !== _models.TaskStates.TYPES.COMPLETE;
-  });
-  otherStates.forEach(function (state) {
-    describe("when currentTask has a state of ".concat(state), function () {
-      var TASK = {
+  const otherStates = Object.values(_models.TaskStates.TYPES).filter(t => t !== _models.TaskStates.TYPES.IN_PROGRESS && t !== _models.TaskStates.TYPES.COMPLETE);
+  otherStates.forEach(state => {
+    describe("when currentTask has a state of ".concat(state), () => {
+      const TASK = {
         name: 'task1',
-        state: state,
+        state,
         pages: ['page1', 'page2', 'page3']
       };
-      it('should handle the task having a specific first page defined', function () {
-        var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      it('should handle the task having a specific first page defined', () => {
+        const CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
           currentTask: _objectSpread(_objectSpread({}, TASK), {}, {
             firstPage: 'page2'
           })
@@ -225,8 +220,8 @@ describe('components.FormRenderer.onTaskAction', function () {
         expect(onPageChangeArgs[0].page).toEqual(CUSTOM_ARGS.currentTask.firstPage);
         expect(onPageChangeArgs[0].state).toEqual(CUSTOM_ARGS.currentTask);
       });
-      it('should handle the task having the first page defined as null', function () {
-        var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      it('should handle the task having the first page defined as null', () => {
+        const CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
           currentTask: _objectSpread(_objectSpread({}, TASK), {}, {
             firstPage: null
           })
@@ -237,8 +232,8 @@ describe('components.FormRenderer.onTaskAction', function () {
         expect(onPageChangeArgs[0].page).toEqual(CUSTOM_ARGS.currentTask.pages[0]);
         expect(onPageChangeArgs[0].state).toEqual(CUSTOM_ARGS.currentTask);
       });
-      it('should handle the task not having a specific first page defined', function () {
-        var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      it('should handle the task not having a specific first page defined', () => {
+        const CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
           currentTask: TASK
         });
         _onTaskAction.default.apply(void 0, Object.values(CUSTOM_ARGS));

package/dist/components/PageActions/ActionButton.js

@@ -8,19 +8,21 @@ var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _models = require("../../models");
-var _excluded = ["action", "onAction"]; // Global imports
+const _excluded = ["action", "onAction"]; // Global imports
 // Local imports
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var DEFAULT_LABEL = exports.DEFAULT_LABEL = 'Continue';
-var ActionButton = function ActionButton(_ref) {
-  var _action = _ref.action,
-    onAction = _ref.onAction,
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const DEFAULT_LABEL = exports.DEFAULT_LABEL = 'Continue';
+const ActionButton = _ref => {
+  let {
+      action: _action,
+      onAction
+    } = _ref,
     attrs = _objectWithoutProperties(_ref, _excluded);
-  var action = typeof _action === 'string' ? _models.PageAction.DEFAULTS[_action] : _action;
-  var actionLabel = _models.PageAction.DEFAULTS[_action.type];
+  const action = typeof _action === 'string' ? _models.PageAction.DEFAULTS[_action] : _action;
+  const actionLabel = _models.PageAction.DEFAULTS[_action.type];
   if (!action) {
     return null;
   }
@@ -29,9 +31,7 @@ var ActionButton = function ActionButton(_ref) {
     classModifiers: action.classModifiers,
     start: action.start || false,
     name: action.label,
-    onClick: action.disabled ? function () {} : function () {
-      return onAction(action);
-    }
+    onClick: action.disabled ? () => {} : () => onAction(action)
   }), action.label || (actionLabel === null || actionLabel === void 0 ? void 0 : actionLabel.label) || DEFAULT_LABEL);
 };
 ActionButton.propTypes = {

package/dist/components/PageActions/ActionButton.test.js

@@ -1,94 +1,72 @@
 "use strict";
 
-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); }
 var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _models = require("../../models");
 var _ActionButton = _interopRequireWildcard(require("./ActionButton"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; } // Global imports
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Global imports
+
 // Local imports
-describe('components', function () {
-  describe('PageActions.ActionButton', function () {
-    var ON_ACTION_CALLS = [];
-    var ON_ACTION = function ON_ACTION(action) {
+
+describe('components', () => {
+  describe('PageActions.ActionButton', () => {
+    const ON_ACTION_CALLS = [];
+    const ON_ACTION = action => {
       ON_ACTION_CALLS.push(action);
     };
-    beforeEach(function () {
+    beforeEach(() => {
       ON_ACTION_CALLS.length = 0;
     });
-    it('should handle an unknown action identifier', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var ACTION, _render, container;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            ACTION = 'unknown';
-            _render = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_ActionButton.default, {
-              action: ACTION,
-              onAction: ON_ACTION
-            })), container = _render.container;
-            expect(container.childNodes.length).toEqual(0);
-          case 3:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    })));
-    it('should appropriately display a submit action', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var ACTION, _render2, container, button;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            ACTION = _models.PageAction.TYPES.SUBMIT;
-            _render2 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_ActionButton.default, {
-              action: ACTION,
-              onAction: ON_ACTION
-            })), container = _render2.container;
-            button = container.childNodes[0];
-            expect(button.tagName).toEqual('BUTTON');
-            expect(button.textContent).toEqual(_ActionButton.DEFAULT_LABEL);
+    it('should handle an unknown action identifier', async () => {
+      const ACTION = 'unknown';
+      const {
+        container
+      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_ActionButton.default, {
+        action: ACTION,
+        onAction: ON_ACTION
+      }));
+      expect(container.childNodes.length).toEqual(0);
+    });
+    it('should appropriately display a submit action', async () => {
+      const ACTION = _models.PageAction.TYPES.SUBMIT;
+      const {
+        container
+      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_ActionButton.default, {
+        action: ACTION,
+        onAction: ON_ACTION
+      }));
+      const button = container.childNodes[0];
+      expect(button.tagName).toEqual('BUTTON');
+      expect(button.textContent).toEqual(_ActionButton.DEFAULT_LABEL);
 
-            // Click the button and make sure it fires the onAction handler.
-            _react.fireEvent.click(button, {});
-            expect(ON_ACTION_CALLS.length).toEqual(1);
-            expect(ON_ACTION_CALLS[0]).toEqual(_models.PageAction.DEFAULTS.submit);
-          case 8:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    })));
-    it('should appropriately display a custom action', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-      var ACTION, _render3, container, button;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            ACTION = {
-              type: 'navigate',
-              url: '/alpha',
-              label: 'Alpha'
-            };
-            _render3 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_ActionButton.default, {
-              action: ACTION,
-              onAction: ON_ACTION
-            })), container = _render3.container;
-            button = container.childNodes[0];
-            expect(button.tagName).toEqual('BUTTON');
-            expect(button.textContent).toEqual(ACTION.label);
+      // Click the button and make sure it fires the onAction handler.
+      _react.fireEvent.click(button, {});
+      expect(ON_ACTION_CALLS.length).toEqual(1);
+      expect(ON_ACTION_CALLS[0]).toEqual(_models.PageAction.DEFAULTS.submit);
+    });
+    it('should appropriately display a custom action', async () => {
+      const ACTION = {
+        type: 'navigate',
+        url: '/alpha',
+        label: 'Alpha'
+      };
+      const {
+        container
+      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_ActionButton.default, {
+        action: ACTION,
+        onAction: ON_ACTION
+      }));
+      const button = container.childNodes[0];
+      expect(button.tagName).toEqual('BUTTON');
+      expect(button.textContent).toEqual(ACTION.label);
 
-            // Click the button and make sure it fires the onAction handler.
-            _react.fireEvent.click(button, {});
-            expect(ON_ACTION_CALLS.length).toEqual(1);
-            expect(ON_ACTION_CALLS[0]).toEqual(ACTION);
-          case 8:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    })));
+      // Click the button and make sure it fires the onAction handler.
+      _react.fireEvent.click(button, {});
+      expect(ON_ACTION_CALLS.length).toEqual(1);
+      expect(ON_ACTION_CALLS[0]).toEqual(ACTION);
+    });
   });
 });

package/dist/components/PageActions/PageActions.js

@@ -8,24 +8,24 @@ var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ActionButton = _interopRequireDefault(require("./ActionButton"));
-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 PageActions = function PageActions(_ref) {
-  var actions = _ref.actions,
-    onAction = _ref.onAction;
+const PageActions = _ref => {
+  let {
+    actions,
+    onAction
+  } = _ref;
   if (!actions || actions.length === 0) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_copReactComponents.ButtonGroup, null, actions.map(function (action, index) {
-    return /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
-      key: index,
-      action: action,
-      onAction: onAction
-    });
-  }));
+  return /*#__PURE__*/_react.default.createElement(_copReactComponents.ButtonGroup, null, actions.map((action, index) => /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
+    key: index,
+    action: action,
+    onAction: onAction
+  })));
 };
 PageActions.propTypes = {
   actions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({}), _propTypes.default.string])).isRequired,