@ukhomeoffice/cop-react-form-renderer 5.0.0-alpha → 5.0.1

package/dist/components/TaskList/TaskList.test.js

@@ -0,0 +1,389 @@
+"use strict";
+
+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); }
+var _react = require("@testing-library/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _TaskList = _interopRequireWildcard(require("./TaskList"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+describe('components', function () {
+  describe('TaskList', function () {
+    it('should render a TaskList', function () {
+      var COP_REF = '123';
+      var REF_TITLE = 'COP reference number';
+      var sections = [{
+        name: 'These are your tasks',
+        label: 'This is the label for your first tasks',
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageOne']
+        }, {
+          name: 'Ok task',
+          state: 'inProgress',
+          pages: ['pageTwo']
+        }, {
+          name: 'Terrible task',
+          state: 'notStarted',
+          pages: ['pageThree']
+        }]
+      }, {
+        name: 'These are your extra bonus tasks',
+        label: 'This is the label for your extra tasks',
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageFour']
+        }, {
+          name: 'Ok task',
+          state: 'cannotStartYet',
+          pages: ['pageFive']
+        }, {
+          name: 'Terrible task',
+          state: 'cannotStartYet',
+          pages: ['pageSix']
+        }]
+      }];
+      var _render = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+          refNumber: COP_REF,
+          refTitle: REF_TITLE,
+          sections: sections
+        })),
+        container = _render.container;
+      var childNodes = container.childNodes;
+      expect(childNodes.length).toEqual(1);
+      expect(childNodes[0].childNodes.length).toEqual(8);
+      var _childNodes$0$childNo = _slicedToArray(childNodes[0].childNodes, 8),
+        referenceHeading = _childNodes$0$childNo[0],
+        referenceNumber = _childNodes$0$childNo[1],
+        incompleteForm = _childNodes$0$childNo[2],
+        numComplete = _childNodes$0$childNo[3],
+        subSectionOneHeading = _childNodes$0$childNo[4],
+        subSectionOneList = _childNodes$0$childNo[5],
+        subSectionTwoHeading = _childNodes$0$childNo[6],
+        subSectionTwoList = _childNodes$0$childNo[7];
+      expect(referenceHeading).toMatchObject({
+        tagName: 'P',
+        textContent: 'COP reference number'
+      });
+      expect(referenceNumber).toMatchObject({
+        tagName: 'P',
+        textContent: '123'
+      });
+      expect(incompleteForm).toMatchObject({
+        tagName: 'P',
+        textContent: _TaskList.DEFAULT_INCOMPLETE_TITLE
+      });
+      expect(numComplete).toMatchObject({
+        tagName: 'P',
+        textContent: 'You have completed 2 of 6 sections'
+      });
+      expect(subSectionOneHeading).toMatchObject({
+        tagName: 'H2',
+        textContent: '1. These are your tasks'
+      });
+      expect(subSectionOneList.childNodes.length).toEqual(4);
+      expect(subSectionTwoHeading).toMatchObject({
+        tagName: 'H2',
+        textContent: '2. These are your extra bonus tasks'
+      });
+      expect(subSectionTwoList.childNodes.length).toEqual(4);
+      var subSectionOneLabel = childNodes[0].childNodes[5].firstChild;
+      expect(subSectionOneLabel.textContent).toEqual('This is the label for your first tasks');
+      var subSectionTwoLabel = childNodes[0].childNodes[7].firstChild;
+      expect(subSectionTwoLabel.textContent).toEqual('This is the label for your extra tasks');
+    });
+    it('should not show incomplete title if form is complete', function () {
+      var COP_REF = '123';
+      var REF_TITLE = 'COP reference number';
+      var sections = [{
+        name: 'These are your tasks',
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageOne']
+        }, {
+          name: 'Ok task',
+          state: 'complete',
+          pages: ['pageTwo']
+        }, {
+          name: 'Terrible task',
+          state: 'complete',
+          pages: ['pageThree']
+        }]
+      }, {
+        name: 'These are your extra bonus tasks',
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageFour']
+        }, {
+          name: 'Ok task',
+          state: 'complete',
+          pages: ['pageFive']
+        }, {
+          name: 'Terrible task',
+          state: 'complete',
+          pages: ['pageSix']
+        }]
+      }];
+      var _render2 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+          refNumber: COP_REF,
+          refTitle: REF_TITLE,
+          sections: sections
+        })),
+        container = _render2.container;
+      var childNodes = container.childNodes;
+      expect(childNodes[0].childNodes.length).toEqual(7);
+      var _childNodes$0$childNo2 = _slicedToArray(childNodes[0].childNodes, 3),
+        referenceHeading = _childNodes$0$childNo2[0],
+        referenceNumber = _childNodes$0$childNo2[1],
+        numComplete = _childNodes$0$childNo2[2];
+      expect(referenceHeading).toMatchObject({
+        tagName: 'P',
+        textContent: 'COP reference number'
+      });
+      expect(referenceNumber).toMatchObject({
+        tagName: 'P',
+        textContent: '123'
+      });
+      expect(numComplete).toMatchObject({
+        tagName: 'P',
+        textContent: 'You have completed 6 of 6 sections'
+      });
+    });
+    it('should not show numbers on section headings if there is only one section', function () {
+      var COP_REF = '123';
+      var REF_TITLE = 'COP reference number';
+      var sections = [{
+        name: 'These are your tasks',
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageOne']
+        }, {
+          name: 'Ok task',
+          state: 'complete',
+          pages: ['pageTwo']
+        }, {
+          name: 'Terrible task',
+          state: 'notStarted',
+          pages: ['pageThree']
+        }]
+      }];
+      var _render3 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+          refNumber: COP_REF,
+          refTitle: REF_TITLE,
+          sections: sections
+        })),
+        container = _render3.container;
+      var childNodes = container.childNodes;
+      var subSectionOne = childNodes[0].childNodes[4];
+      expect(subSectionOne.childNodes[0].textContent).toEqual('');
+      expect(subSectionOne.childNodes[1].textContent).toEqual('These are your tasks');
+    });
+    it('should not display the reference if there is no reference title', function () {
+      var COP_REF = '123';
+      var sections = [{
+        name: 'These are your tasks',
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageOne']
+        }, {
+          name: 'Ok task',
+          state: 'inProgress',
+          pages: ['pageTwo']
+        }, {
+          name: 'Terrible task',
+          state: 'notStarted',
+          pages: ['pageThree']
+        }]
+      }, {
+        name: 'These are your extra bonus tasks',
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageFour']
+        }, {
+          name: 'Ok task',
+          state: 'cannotStartYet',
+          pages: ['pageFive']
+        }, {
+          name: 'Terrible task',
+          state: 'cannotStartYet',
+          pages: ['pageSix']
+        }]
+      }];
+      var _render4 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+          refNumber: COP_REF,
+          sections: sections
+        })),
+        container = _render4.container;
+      var childNodes = container.childNodes;
+      expect(childNodes.length).toEqual(1);
+      expect(childNodes[0].childNodes.length).toEqual(6);
+
+      // The first child is now the incomplete text.
+      var incompleteForm = childNodes[0].childNodes[0];
+      expect(incompleteForm).toMatchObject({
+        tagName: 'P',
+        textContent: _TaskList.DEFAULT_INCOMPLETE_TITLE
+      });
+    });
+    it('should show the correct incomplete title', function () {
+      var INCOMPLETE_TITLE = 'Alpha Bravo';
+      var COP_REF = '123';
+      var sections = [{
+        name: 'These are your tasks',
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageOne']
+        }, {
+          name: 'Ok task',
+          state: 'inProgress',
+          pages: ['pageTwo']
+        }, {
+          name: 'Terrible task',
+          state: 'notStarted',
+          pages: ['pageThree']
+        }]
+      }, {
+        name: 'These are your extra bonus tasks',
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageFour']
+        }, {
+          name: 'Ok task',
+          state: 'cannotStartYet',
+          pages: ['pageFive']
+        }, {
+          name: 'Terrible task',
+          state: 'cannotStartYet',
+          pages: ['pageSix']
+        }]
+      }];
+      var _render5 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+          refNumber: COP_REF,
+          sections: sections,
+          incompleteTitle: INCOMPLETE_TITLE
+        })),
+        container = _render5.container;
+      var childNodes = container.childNodes;
+      // The first child is now the incomplete text.
+      var incompleteForm = childNodes[0].childNodes[0];
+      expect(incompleteForm.textContent).toEqual(INCOMPLETE_TITLE);
+    });
+    it('should not show skipped sections', function () {
+      var INCOMPLETE_TITLE = 'Alpha Bravo';
+      var COP_REF = '123';
+      var sections = [{
+        name: 'These are your tasks',
+        skipped: true,
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageOne']
+        }, {
+          name: 'Ok task',
+          state: 'inProgress',
+          pages: ['pageTwo']
+        }, {
+          name: 'Terrible task',
+          state: 'notStarted',
+          pages: ['pageThree']
+        }]
+      }, {
+        name: 'These are your extra bonus tasks',
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageFour']
+        }, {
+          name: 'Ok task',
+          state: 'cannotStartYet',
+          pages: ['pageFive']
+        }, {
+          name: 'Terrible task',
+          state: 'cannotStartYet',
+          pages: ['pageSix']
+        }]
+      }];
+      var _render6 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+          refNumber: COP_REF,
+          sections: sections,
+          incompleteTitle: INCOMPLETE_TITLE
+        })),
+        container = _render6.container;
+      var childNodes = container.childNodes;
+      expect(childNodes.length).toEqual(1);
+      var children = childNodes[0].childNodes;
+      expect(children.length).toEqual(4);
+      expect(children[0].textContent).toEqual(INCOMPLETE_TITLE);
+      expect(children[1].textContent).toEqual('You have completed 1 of 3 sections');
+      expect(children[2].textContent).toEqual("1. ".concat(sections[1].name));
+    });
+  });
+  it('should pass the selected task to the given onTaskAction function', function () {
+    var COP_REF = '123';
+    var REF_TITLE = 'COP reference number';
+    var ON_CLICK_CALLS = [];
+    var ON_CLICK = function ON_CLICK(value) {
+      ON_CLICK_CALLS.push(value);
+    };
+    var sections = [{
+      name: 'These are your tasks',
+      tasks: [{
+        name: 'Nice task',
+        state: 'complete',
+        pages: ['pageOne']
+      }, {
+        name: 'Ok task',
+        state: 'complete',
+        pages: ['pageTwo']
+      }, {
+        name: 'Terrible task',
+        state: 'notStarted',
+        pages: ['pageThree']
+      }]
+    }];
+    var _render7 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+        refNumber: COP_REF,
+        refTitle: REF_TITLE,
+        sections: sections,
+        onTaskAction: ON_CLICK
+      })),
+      container = _render7.container;
+    var taskList = container.childNodes[0].childNodes[5].childNodes;
+    var firstTask = taskList[1].childNodes[0].childNodes[0];
+    var secondTask = taskList[2].childNodes[0].childNodes[0];
+    var thirdTask = taskList[3].childNodes[0].childNodes[0];
+    _react.fireEvent.click(firstTask.childNodes[0]);
+    expect(ON_CLICK_CALLS[0]).toEqual({
+      pages: ['pageOne'],
+      name: "Nice task",
+      state: 'complete'
+    });
+    _react.fireEvent.click(secondTask.childNodes[0]);
+    expect(ON_CLICK_CALLS[1]).toEqual({
+      pages: ['pageTwo'],
+      name: "Ok task",
+      state: 'complete'
+    });
+    _react.fireEvent.click(thirdTask.childNodes[0]);
+    expect(ON_CLICK_CALLS[2]).toEqual({
+      pages: ['pageThree'],
+      name: "Terrible task",
+      state: 'notStarted'
+    });
+  });
+});

package/dist/components/TaskList/TaskState.js

@@ -9,9 +9,9 @@ var _react = _interopRequireDefault(require("react"));
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _models = require("../../models");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//Global Imports
+// Global Imports
 
-//Local imports
+// Local imports
 
 var DEFAULT_CLASS = 'hods-task-list';
 exports.DEFAULT_CLASS = DEFAULT_CLASS;

package/dist/components/TaskList/TaskState.test.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _TaskState = _interopRequireDefault(require("./TaskState"));
+var _models = require("../../models");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Global imports
+
+// Local imports
+
+describe('components', function () {
+  describe('TaskList.TaskState', function () {
+    var checkIsCannotStartYet = function checkIsCannotStartYet(container) {
+      expect(container.childNodes.length).toEqual(1);
+      expect(container.childNodes[0].classList).toContain('hods-tag');
+      expect(container.childNodes[0].classList).toContain("hods-tag--".concat(_models.TaskStates.DETAILS.cannotStartYet.colour));
+      expect(container.childNodes[0].textContent).toEqual(_models.TaskStates.DETAILS.cannotStartYet.label);
+      return true;
+    };
+    it('should render a complete state icon', function () {
+      var STATE = _models.TaskStates.TYPES.COMPLETE;
+      var _render = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskState.default, {
+          state: STATE
+        })),
+        container = _render.container;
+      expect(container.childNodes.length).toEqual(1);
+      expect(container.childNodes[0].classList).toContain('hods-tag');
+      expect(container.childNodes[0].textContent).toEqual(_models.TaskStates.DETAILS.complete.label);
+    });
+    it('should render an in progress state icon', function () {
+      var STATE = _models.TaskStates.TYPES.IN_PROGRESS;
+      var _render2 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskState.default, {
+          state: STATE
+        })),
+        container = _render2.container;
+      expect(container.childNodes.length).toEqual(1);
+      expect(container.childNodes[0].classList).toContain('hods-tag');
+      expect(container.childNodes[0].classList).toContain("hods-tag--".concat(_models.TaskStates.DETAILS.inProgress.colour));
+      expect(container.childNodes[0].textContent).toEqual(_models.TaskStates.DETAILS.inProgress.label);
+    });
+    it('should render a not started state icon', function () {
+      var STATE = _models.TaskStates.TYPES.NOT_STARTED;
+      var _render3 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskState.default, {
+          state: STATE
+        })),
+        container = _render3.container;
+      expect(container.childNodes.length).toEqual(1);
+      expect(container.childNodes[0].classList).toContain('hods-tag');
+      expect(container.childNodes[0].classList).toContain("hods-tag--".concat(_models.TaskStates.DETAILS.notStarted.colour));
+      expect(container.childNodes[0].textContent).toEqual(_models.TaskStates.DETAILS.notStarted.label);
+    });
+    it('should render a cannot start state icon', function () {
+      var STATE = _models.TaskStates.TYPES.CANNOT_START_YET;
+      var _render4 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskState.default, {
+          state: STATE
+        })),
+        container = _render4.container;
+      expect(checkIsCannotStartYet(container)).toBeTruthy();
+    });
+    it('should render the "Cannot start yet" state if given an unknown value', function () {
+      var STATE = 'spellingError';
+      var _render5 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskState.default, {
+          state: STATE
+        })),
+        container = _render5.container;
+      expect(checkIsCannotStartYet(container)).toBeTruthy();
+    });
+    it('should render the "Cannot start yet" state if given null', function () {
+      var STATE = null;
+      var _render6 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskState.default, {
+          state: STATE
+        })),
+        container = _render6.container;
+      expect(checkIsCannotStartYet(container)).toBeTruthy();
+    });
+    it('should render the "Cannot start yet" state if given undefined', function () {
+      var STATE = undefined;
+      var _render7 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskState.default, {
+          state: STATE
+        })),
+        container = _render7.container;
+      expect(checkIsCannotStartYet(container)).toBeTruthy();
+    });
+  });
+});

package/dist/components/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "CheckYourAnswers", {
     return _CheckYourAnswers.default;
   }
 });
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function get() {
+    return _Container.default;
+  }
+});
 Object.defineProperty(exports, "FormComponent", {
   enumerable: true,
   get: function get() {
@@ -27,15 +33,23 @@ Object.defineProperty(exports, "FormRenderer", {
     return _FormRenderer.default;
   }
 });
+Object.defineProperty(exports, "PageActions", {
+  enumerable: true,
+  get: function get() {
+    return _PageActions.default;
+  }
+});
 Object.defineProperty(exports, "SummaryList", {
   enumerable: true,
   get: function get() {
     return _SummaryList.default;
   }
 });
+var _Container = _interopRequireDefault(require("./FormComponent/Container"));
 var _CheckYourAnswers = _interopRequireDefault(require("./CheckYourAnswers"));
 var _FormComponent = _interopRequireDefault(require("./FormComponent"));
 var _FormPage = _interopRequireDefault(require("./FormPage"));
 var _FormRenderer = _interopRequireDefault(require("./FormRenderer"));
+var _PageActions = _interopRequireDefault(require("./PageActions"));
 var _SummaryList = _interopRequireDefault(require("./SummaryList"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/context/HooksContext/HooksContext.js

@@ -6,25 +6,44 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.HooksContext = exports.ALLOWED_HOOKS = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var DEFAULT_HOOKS = {
-  onGoingBack: function onGoingBack() {},
+  onAction: function onAction(formData, patch) {
+    return {
+      formData: formData,
+      patch: patch
+    };
+  },
+  onChange: function onChange(data) {},
   onFormComplete: function onFormComplete() {},
-  onFormLoad: function onFormLoad() {},
+  onFormLoad: function onFormLoad(setCurrentTask) {},
   onGetComponent: function onGetComponent(config, wrap) {
     return null;
   },
-  onPageChange: function onPageChange(pageId) {
+  onGetCYA: function onGetCYA(config) {
+    return null;
+  },
+  // onGetCYARows should return either a single row, or an array of rows for the given component.
+  // If it returns null then Form Renderer will attempt to get the default rows for the component.
+  onGetCYARows: function onGetCYARows(page, component, onAction) {
+    return null;
+  },
+  onGoingBack: function onGoingBack() {},
+  onPageChange: function onPageChange(pageId, state) {
     return pageId;
   },
   onRequest: function onRequest(req) {
@@ -33,6 +52,10 @@ var DEFAULT_HOOKS = {
   onSubmit: function onSubmit(type, payload, onSuccess, onError) {
     if (typeof onSuccess === 'function') onSuccess();
   },
+  onValidate: function onValidate(page, errors) {
+    return errors;
+  },
+  // Returns the list of errors already found in FR by default.
   onCancel: function onCancel() {} // Consuming application must provide function to action, else this does nothing.
 };
 
@@ -44,13 +67,18 @@ var HooksContextProvider = function HooksContextProvider(_ref) {
   var overrides = _ref.overrides,
     children = _ref.children;
   var _useState = (0, _react.useState)({
-      onGoingBack: (overrides === null || overrides === void 0 ? void 0 : overrides.onGoingBack) || DEFAULT_HOOKS.onGoingBack,
+      onAction: (overrides === null || overrides === void 0 ? void 0 : overrides.onAction) || DEFAULT_HOOKS.onAction,
+      onChange: (overrides === null || overrides === void 0 ? void 0 : overrides.onChange) || DEFAULT_HOOKS.onChange,
       onFormComplete: (overrides === null || overrides === void 0 ? void 0 : overrides.onFormComplete) || DEFAULT_HOOKS.onFormComplete,
       onFormLoad: (overrides === null || overrides === void 0 ? void 0 : overrides.onFormLoad) || DEFAULT_HOOKS.onFormLoad,
       onGetComponent: (overrides === null || overrides === void 0 ? void 0 : overrides.onGetComponent) || DEFAULT_HOOKS.onGetComponent,
+      onGetCYA: (overrides === null || overrides === void 0 ? void 0 : overrides.onGetCYA) || DEFAULT_HOOKS.onGetCYA,
+      onGetCYARows: (overrides === null || overrides === void 0 ? void 0 : overrides.onGetCYARows) || DEFAULT_HOOKS.onGetCYARows,
+      onGoingBack: (overrides === null || overrides === void 0 ? void 0 : overrides.onGoingBack) || DEFAULT_HOOKS.onGoingBack,
       onPageChange: (overrides === null || overrides === void 0 ? void 0 : overrides.onPageChange) || DEFAULT_HOOKS.onPageChange,
       onRequest: (overrides === null || overrides === void 0 ? void 0 : overrides.onRequest) || DEFAULT_HOOKS.onRequest,
       onSubmit: (overrides === null || overrides === void 0 ? void 0 : overrides.onSubmit) || DEFAULT_HOOKS.onSubmit,
+      onValidate: (overrides === null || overrides === void 0 ? void 0 : overrides.onValidate) || DEFAULT_HOOKS.onValidate,
       onCancel: (overrides === null || overrides === void 0 ? void 0 : overrides.onCancel) || DEFAULT_HOOKS.onCancel
     }),
     _useState2 = _slicedToArray(_useState, 2),
@@ -79,4 +107,40 @@ var HooksContextProvider = function HooksContextProvider(_ref) {
   }, children);
 };
 var _default = HooksContextProvider;
-exports.default = _default;
+exports.default = _default;
+HooksContextProvider.propTypes = {
+  children: _propTypes.default.node,
+  overrides: _propTypes.default.shape({
+    onAction: _propTypes.default.func,
+    onCancel: _propTypes.default.func,
+    onChange: _propTypes.default.func,
+    onFormComplete: _propTypes.default.func,
+    onFormLoad: _propTypes.default.func,
+    onGetComponent: _propTypes.default.func,
+    onGetCYA: _propTypes.default.func,
+    onGetCYARows: _propTypes.default.func,
+    onGoingBack: _propTypes.default.func,
+    onPageChange: _propTypes.default.func,
+    onRequest: _propTypes.default.func,
+    onSubmit: _propTypes.default.func,
+    onValidate: _propTypes.default.func
+  })
+};
+HooksContextProvider.defaultProps = {
+  children: null,
+  overrides: {
+    onAction: undefined,
+    onCancel: undefined,
+    onChange: undefined,
+    onFormComplete: undefined,
+    onFormLoad: undefined,
+    onGetComponent: undefined,
+    onGetCYA: undefined,
+    onGetCYARows: undefined,
+    onGoingBack: undefined,
+    onPageChange: undefined,
+    onRequest: undefined,
+    onSubmit: undefined,
+    onValidate: undefined
+  }
+};