@ukhomeoffice/cop-react-form-renderer 3.17.2 → 3.19.0

package/dist/components/FormPage/FormPage.js

@@ -51,7 +51,7 @@ var DEFAULT_CLASS = 'hods-form';
 exports.DEFAULT_CLASS = DEFAULT_CLASS;
 
 var FormPage = function FormPage(_ref) {
-  var _page$actions;
+  var _page$actions, _page$actions2;
 
   var page = _ref.page,
       _onAction = _ref.onAction,
@@ -88,6 +88,7 @@ var FormPage = function FormPage(_ref) {
       label: _utils.default.interpolateString(action.label, page.formData)
     }) : action;
   });
+  page.formData = _objectSpread(_objectSpread({}, page.formData), patch);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes('page'),
     key: page.id
@@ -101,10 +102,10 @@ var FormPage = function FormPage(_ref) {
       component: component,
       onChange: onPageChange,
       value: page.formData[component.fieldId] || patch[component.fieldId],
-      formData: _objectSpread(_objectSpread({}, page.formData), patch)
+      formData: page.formData
     });
   }), /*#__PURE__*/_react.default.createElement(_PageActions.default, {
-    actions: page.actions.filter(function (action) {
+    actions: (_page$actions2 = page.actions) === null || _page$actions2 === void 0 ? void 0 : _page$actions2.filter(function (action) {
       return _utils.default.Component.show(action, page.formData);
     }),
     onAction: function onAction(action) {

package/dist/components/FormRenderer/FormRenderer.js

@@ -74,7 +74,8 @@ var FormRenderer = function FormRenderer(_ref) {
       hide_title = _ref.hide_title,
       summaryListClassModifiers = _ref.summaryListClassModifiers,
       noChangeAction = _ref.noChangeAction,
-      newPageId = _ref.newPageId;
+      newPageId = _ref.newPageId,
+      viewOnly = _ref.viewOnly;
   return /*#__PURE__*/_react.default.createElement(_context.HooksContextProvider, {
     overrides: hooks
   }, /*#__PURE__*/_react.default.createElement(_context.ValidationContextProvider, null, /*#__PURE__*/_react.default.createElement(InternalFormRenderer, {
@@ -91,7 +92,8 @@ var FormRenderer = function FormRenderer(_ref) {
     hide_title: hide_title,
     summaryListClassModifiers: summaryListClassModifiers,
     noChangeAction: noChangeAction,
-    newPageId: newPageId
+    newPageId: newPageId,
+    viewOnly: viewOnly
   })));
 };
 
@@ -112,7 +114,8 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
       hide_title = _ref2.hide_title,
       summaryListClassModifiers = _ref2.summaryListClassModifiers,
       noChangeAction = _ref2.noChangeAction,
-      newPageId = _ref2.newPageId;
+      newPageId = _ref2.newPageId,
+      viewOnly = _ref2.viewOnly;
 
   // Set up the initial states.
   var _useState = (0, _react.useState)({}),
@@ -153,7 +156,12 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
   var _useState15 = (0, _react.useState)({}),
       _useState16 = _slicedToArray(_useState15, 2),
       hubDetails = _useState16[0],
-      setHubDetails = _useState16[1]; // Set up hooks.
+      setHubDetails = _useState16[1];
+
+  var _useState17 = (0, _react.useState)('start'),
+      _useState18 = _slicedToArray(_useState17, 2),
+      pagePoint = _useState18[0],
+      setPagePoint = _useState18[1]; // Set up hooks.
 
 
   var _useHooks = (0, _hooks.useHooks)(),
@@ -167,7 +175,7 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
 
 
   (0, _react.useEffect)(function () {
-    if (components && _pages && _data) {
+    if (components && _pages && _data && (['start', 'end'].includes(pagePoint) || viewOnly)) {
       var _data$formStatus;
 
       setData(_utils.default.Data.setupForm(_pages, components, _data));
@@ -176,7 +184,7 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
         setPageId(_data.formStatus.page);
       }
     }
-  }, [components, _pages, _data, setData]); // Setup pages.
+  }, [components, _pages, _data, setData, pagePoint, viewOnly]); // Setup pages.
 
   (0, _react.useEffect)(function () {
     setPages(_utils.default.FormPage.getAll(_pages, components, _objectSpread({}, data)));
@@ -197,6 +205,7 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
   }, [pages, hub, pageId, setFormState]); // Call the onFormLoad hook just when this component first renders.
 
   (0, _react.useEffect)(function () {
+    setPagePoint(undefined);
     hooks.onFormLoad();
   }, [hooks]);
   (0, _react.useEffect)(function () {
@@ -229,15 +238,15 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
     if (hubDetails !== null && hubDetails !== void 0 && hubDetails.sections) {
       var _data$formStatus2;
 
-      var tasks = data !== null && data !== void 0 && (_data$formStatus2 = data.formStatus) !== null && _data$formStatus2 !== void 0 && _data$formStatus2.tasks ? data.formStatus.tasks : {};
+      var tasks = (data === null || data === void 0 ? void 0 : (_data$formStatus2 = data.formStatus) === null || _data$formStatus2 === void 0 ? void 0 : _data$formStatus2.tasks) || {};
 
-      var updatedSections = _helpers.default.getUpdatedSectionStates(hubDetails.sections, tasks);
+      var updatedSections = _helpers.default.getUpdatedSectionStates(hubDetails.sections, tasks, hubDetails.nonSequential);
 
       setHubDetails(function (prev) {
         return _objectSpread(_objectSpread({}, prev), updatedSections);
       });
     }
-  }, [currentTask.fullPages, data, hubDetails === null || hubDetails === void 0 ? void 0 : hubDetails.sections]);
+  }, [currentTask.fullPages, data, hubDetails === null || hubDetails === void 0 ? void 0 : hubDetails.sections, hubDetails === null || hubDetails === void 0 ? void 0 : hubDetails.nonSequential]);
 
   var onPageChange = function onPageChange(newPageId) {
     clearErrors();
@@ -267,11 +276,15 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
       if (action.type === _models.PageAction.TYPES.NAVIGATE) {
         _handlers.default.navigate(action, pageId, onPageChange);
       } else {
-        // Save draft or submit.
+        if (action.type === 'submit') {
+          setPagePoint('end');
+        } // Save draft or submit.
+
+
         var submissionData = _utils.default.Format.form({
           pages: pages,
           components: components
-        }, _objectSpread(_objectSpread({}, data), patch), _models.EventTypes.SUBMIT);
+        }, _objectSpread(_objectSpread(_objectSpread({}, data), patch), formState.page.formData), _models.EventTypes.SUBMIT);
 
         submissionData.formStatus = _helpers.default.getSubmissionStatus(type, pages, pageId, action, submissionData, currentTask, true);
 
@@ -343,6 +356,8 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
     // Check to see whether the action is able to proceed, which in
     // in the case of a submission will validate the fields in the page.
     if (action.type === _models.PageAction.TYPES.SUBMIT) {
+      setPagePoint('end');
+
       if (_helpers.default.canCYASubmit(pages, validate.pages)) {
         // Submit.
         var submissionData = _utils.default.Format.form({
@@ -449,7 +464,8 @@ FormRenderer.propTypes = InternalFormRenderer.propTypes = {
   className: _propTypes.default.string,
   hide_title: _propTypes.default.bool,
   summaryListClassModifiers: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
-  noChangeAction: _propTypes.default.bool
+  noChangeAction: _propTypes.default.bool,
+  viewOnly: _propTypes.default.bool
 };
 FormRenderer.defaultProps = InternalFormRenderer.defaultProps = {
   type: _models.FormTypes.HUB,
@@ -459,7 +475,8 @@ FormRenderer.defaultProps = InternalFormRenderer.defaultProps = {
   classModifiers: [],
   hide_title: false,
   summaryListClassModifiers: [],
-  noChangeAction: false
+  noChangeAction: false,
+  viewOnly: true
 };
 var _default = FormRenderer;
 exports.default = _default;

package/dist/components/FormRenderer/helpers/getUpdatedSectionStates.js

@@ -7,6 +7,28 @@ exports.default = void 0;
 
 var _models = require("../../../models");
 
+var getCurrentTaskState = function getCurrentTaskState(_ref, defaultState) {
+  var complete = _ref.complete,
+      currentPage = _ref.currentPage;
+
+  if (complete) {
+    return _models.TaskStates.TYPES.COMPLETE;
+  }
+
+  if (currentPage) {
+    return _models.TaskStates.TYPES.IN_PROGRESS;
+  }
+
+  return defaultState;
+};
+
+var allDependentTasksComplete = function allDependentTasksComplete(tasks, mustBeComplete) {
+  return mustBeComplete.reduce(function (allComplete, taskName) {
+    var _tasks$taskName;
+
+    return allComplete && ((_tasks$taskName = tasks[taskName]) === null || _tasks$taskName === void 0 ? void 0 : _tasks$taskName.complete);
+  }, true);
+};
 /**
  * Updates the given task list sections with the latest states
  * @param {object} sections The JSON defining the sections in the task list
@@ -19,15 +41,13 @@ var _models = require("../../../models");
    }
  * @returns An JSON representation of the task list sections with up to date states
  */
-var getUpdatedSectionStates = function getUpdatedSectionStates(sections, tasks) {
+
+
+var getUpdatedSequentialStates = function getUpdatedSequentialStates(sections, tasks) {
   return sections.map(function (section, sectionIndex, sectionArray) {
     return section.tasks.map(function (task, taskIndex, taskArray) {
       if (tasks[task.name]) {
-        if (tasks[task.name].complete) {
-          task.state = _models.TaskStates.TYPES.COMPLETE;
-        } else if (tasks[task.name].currentPage) {
-          task.state = _models.TaskStates.TYPES.IN_PROGRESS;
-        }
+        task.state = getCurrentTaskState(tasks[task.name], task.state);
       } else {
         var _taskArray, _sectionArray, _sectionArray$tasks$s;
 
@@ -46,5 +66,31 @@ var getUpdatedSectionStates = function getUpdatedSectionStates(sections, tasks)
   });
 };
 
+var getUpdatedNonSequentialStates = function getUpdatedNonSequentialStates(sections, tasks) {
+  return sections.map(function (section) {
+    return section.tasks.map(function (task) {
+      if (tasks[task.name]) {
+        task.state = getCurrentTaskState(tasks[task.name], task.state);
+      } else if (task.depends_on && !allDependentTasksComplete(tasks, task.depends_on)) {
+        task.state = _models.TaskStates.TYPES.CANNOT_START_YET;
+      } else {
+        task.state = _models.TaskStates.TYPES.NOT_STARTED;
+      }
+
+      return task;
+    });
+  });
+};
+
+var getUpdatedSectionStates = function getUpdatedSectionStates(sections, tasks) {
+  var nonSequential = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+  if (nonSequential === true) {
+    return getUpdatedNonSequentialStates(sections, tasks);
+  }
+
+  return getUpdatedSequentialStates(sections, tasks);
+};
+
 var _default = getUpdatedSectionStates;
 exports.default = _default;

package/dist/components/FormRenderer/helpers/getUpdatedSectionStates.test.js

@@ -7,116 +7,174 @@ var _models = require("../../../models");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // Local imports
-describe('components', function () {
-  describe('FormRenderer', function () {
-    describe('helpers', function () {
-      describe('getUpdatedSectionStates', function () {
-        it("should set all tasks to '".concat(_models.TaskStates.TYPES.CANNOT_START_YET, "' excluding the first which should be '").concat(_models.TaskStates.TYPES.NOT_STARTED, "'"), function () {
-          var SECTIONS = [{
-            name: 'Add event details',
-            tasks: [{
-              name: 'Date, location and mode details',
-              pages: ['eventDate', 'eventMode']
-            }, {
-              name: 'Officer and agency details',
-              pages: ['officeDetails']
-            }]
-          }, {
-            name: 'Add people details',
-            tasks: [{
-              name: 'People details',
-              pages: ['firstName', 'surname']
-            }, {
-              name: 'Immigration details',
-              pages: ['immigrationDate']
-            }, {
-              name: 'Journey details',
-              pages: ['journeyDetails']
-            }]
-          }];
-          var updatedSections = (0, _getUpdatedSectionStates.default)(SECTIONS, {});
-          expect(updatedSections[0][0].state).toEqual(_models.TaskStates.TYPES.NOT_STARTED);
-          expect(updatedSections[0][1].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
-          expect(updatedSections[1][0].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
-          expect(updatedSections[1][1].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
-          expect(updatedSections[1][2].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
-        });
-        it("should set tasks after any '".concat(_models.TaskStates.TYPES.COMPLETE, "' ones to '").concat(_models.TaskStates.TYPES.NOT_STARTED, "'"), function () {
-          var SECTIONS = [{
-            name: 'Add event details',
-            tasks: [{
-              name: 'Date, location and mode details',
-              pages: ['eventDate', 'eventMode']
-            }, {
-              name: 'Officer and agency details',
-              pages: ['officeDetails']
-            }]
-          }];
-          var TASKS = {
-            'Date, location and mode details': {
-              complete: true
-            }
-          };
-          var updatedSections = (0, _getUpdatedSectionStates.default)(SECTIONS, TASKS);
-          expect(updatedSections[0][0].state).toEqual(_models.TaskStates.TYPES.COMPLETE);
-          expect(updatedSections[0][1].state).toEqual(_models.TaskStates.TYPES.NOT_STARTED);
-        });
-        it("should set tasks after any '".concat(_models.TaskStates.TYPES.COMPLETE, "' ones to '").concat(_models.TaskStates.TYPES.NOT_STARTED, " across different sections'"), function () {
-          var SECTIONS = [{
-            name: 'Add event details',
-            tasks: [{
-              name: 'Date, location and mode details',
-              pages: ['eventDate', 'eventMode']
-            }, {
-              name: 'Officer and agency details',
-              pages: ['officeDetails']
-            }]
-          }, {
-            name: 'Add people details',
-            tasks: [{
-              name: 'People details',
-              pages: ['firstName', 'surname']
-            }, {
-              name: 'Immigration details',
-              pages: ['immigrationDate']
-            }]
-          }];
-          var TASKS = {
-            'Date, location and mode details': {
-              complete: true
-            },
-            'Officer and agency details': {
-              complete: true
-            }
-          };
-          var updatedSections = (0, _getUpdatedSectionStates.default)(SECTIONS, TASKS);
-          expect(updatedSections[0][0].state).toEqual(_models.TaskStates.TYPES.COMPLETE);
-          expect(updatedSections[0][1].state).toEqual(_models.TaskStates.TYPES.COMPLETE);
-          expect(updatedSections[1][0].state).toEqual(_models.TaskStates.TYPES.NOT_STARTED);
-          expect(updatedSections[1][1].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
-        });
-        it("should set tasks to '".concat(_models.TaskStates.TYPES.IN_PROGRESS, "' if they have a current page but are not complete"), function () {
-          var SECTIONS = [{
-            name: 'Add event details',
-            tasks: [{
-              name: 'Date, location and mode details',
-              pages: ['eventDate', 'eventMode']
-            }, {
-              name: 'Officer and agency details',
-              pages: ['officeDetails']
-            }]
-          }];
-          var TASKS = {
-            'Date, location and mode details': {
-              complete: false,
-              currentPage: 'eventMode'
-            }
-          };
-          var updatedSections = (0, _getUpdatedSectionStates.default)(SECTIONS, TASKS);
-          expect(updatedSections[0][0].state).toEqual(_models.TaskStates.TYPES.IN_PROGRESS);
-          expect(updatedSections[0][1].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
-        });
-      });
+describe('components.FormRenderer.helpers.getUpdatedSectionStates', function () {
+  describe('sequential tasks', function () {
+    it("should set all tasks to '".concat(_models.TaskStates.TYPES.CANNOT_START_YET, "' excluding the first which should be '").concat(_models.TaskStates.TYPES.NOT_STARTED, "'"), function () {
+      var SECTIONS = [{
+        name: 'Add event details',
+        tasks: [{
+          name: 'Date, location and mode details',
+          pages: ['eventDate', 'eventMode']
+        }, {
+          name: 'Officer and agency details',
+          pages: ['officeDetails']
+        }]
+      }, {
+        name: 'Add people details',
+        tasks: [{
+          name: 'People details',
+          pages: ['firstName', 'surname']
+        }, {
+          name: 'Immigration details',
+          pages: ['immigrationDate']
+        }, {
+          name: 'Journey details',
+          pages: ['journeyDetails']
+        }]
+      }];
+      var updatedSections = (0, _getUpdatedSectionStates.default)(SECTIONS, {});
+      expect(updatedSections[0][0].state).toEqual(_models.TaskStates.TYPES.NOT_STARTED);
+      expect(updatedSections[0][1].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
+      expect(updatedSections[1][0].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
+      expect(updatedSections[1][1].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
+      expect(updatedSections[1][2].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
+    });
+    it("should set tasks after any '".concat(_models.TaskStates.TYPES.COMPLETE, "' ones to '").concat(_models.TaskStates.TYPES.NOT_STARTED, "'"), function () {
+      var SECTIONS = [{
+        name: 'Add event details',
+        tasks: [{
+          name: 'Date, location and mode details',
+          pages: ['eventDate', 'eventMode']
+        }, {
+          name: 'Officer and agency details',
+          pages: ['officeDetails']
+        }]
+      }];
+      var TASKS = {
+        'Date, location and mode details': {
+          complete: true
+        }
+      };
+      var updatedSections = (0, _getUpdatedSectionStates.default)(SECTIONS, TASKS);
+      expect(updatedSections[0][0].state).toEqual(_models.TaskStates.TYPES.COMPLETE);
+      expect(updatedSections[0][1].state).toEqual(_models.TaskStates.TYPES.NOT_STARTED);
+    });
+    it("should set tasks after any '".concat(_models.TaskStates.TYPES.COMPLETE, "' ones to '").concat(_models.TaskStates.TYPES.NOT_STARTED, " across different sections'"), function () {
+      var SECTIONS = [{
+        name: 'Add event details',
+        tasks: [{
+          name: 'Date, location and mode details',
+          pages: ['eventDate', 'eventMode']
+        }, {
+          name: 'Officer and agency details',
+          pages: ['officeDetails']
+        }]
+      }, {
+        name: 'Add people details',
+        tasks: [{
+          name: 'People details',
+          pages: ['firstName', 'surname']
+        }, {
+          name: 'Immigration details',
+          pages: ['immigrationDate']
+        }]
+      }];
+      var TASKS = {
+        'Date, location and mode details': {
+          complete: true
+        },
+        'Officer and agency details': {
+          complete: true
+        }
+      };
+      var updatedSections = (0, _getUpdatedSectionStates.default)(SECTIONS, TASKS);
+      expect(updatedSections[0][0].state).toEqual(_models.TaskStates.TYPES.COMPLETE);
+      expect(updatedSections[0][1].state).toEqual(_models.TaskStates.TYPES.COMPLETE);
+      expect(updatedSections[1][0].state).toEqual(_models.TaskStates.TYPES.NOT_STARTED);
+      expect(updatedSections[1][1].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
+    });
+    it("should set tasks to '".concat(_models.TaskStates.TYPES.IN_PROGRESS, "' if they have a current page but are not complete"), function () {
+      var SECTIONS = [{
+        name: 'Add event details',
+        tasks: [{
+          name: 'Date, location and mode details',
+          pages: ['eventDate', 'eventMode']
+        }, {
+          name: 'Officer and agency details',
+          pages: ['officeDetails']
+        }]
+      }];
+      var TASKS = {
+        'Date, location and mode details': {
+          complete: false,
+          currentPage: 'eventMode'
+        }
+      };
+      var updatedSections = (0, _getUpdatedSectionStates.default)(SECTIONS, TASKS);
+      expect(updatedSections[0][0].state).toEqual(_models.TaskStates.TYPES.IN_PROGRESS);
+      expect(updatedSections[0][1].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
+    });
+  });
+  describe('non-sequential tasks', function () {
+    var NON_SEQUENTIAL = true;
+    var SECTIONS = [{
+      name: 'First',
+      tasks: [{
+        name: 'Alpha'
+      }, {
+        name: 'Bravo'
+      }]
+    }, {
+      name: 'Second',
+      tasks: [{
+        name: 'Charlie',
+        depends_on: ['Alpha', 'Bravo']
+      }]
+    }, {
+      name: 'Third',
+      tasks: [{
+        name: 'Delta'
+      }]
+    }];
+    it("should set all states to '".concat(_models.TaskStates.TYPES.NOT_STARTED, "', except any that depend on others"), function () {
+      var RESULT = (0, _getUpdatedSectionStates.default)(SECTIONS, {}, NON_SEQUENTIAL);
+      expect(RESULT[0][0].state).toEqual(_models.TaskStates.TYPES.NOT_STARTED); // Alpha
+
+      expect(RESULT[0][1].state).toEqual(_models.TaskStates.TYPES.NOT_STARTED); // Bravo
+
+      expect(RESULT[1][0].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET); // Charlie
+
+      expect(RESULT[2][0].state).toEqual(_models.TaskStates.TYPES.NOT_STARTED); // Delta
+    });
+    it('should keep dependent state unable to start if any dependencies are not complete', function () {
+      var ALPHA_COMPLETE = (0, _getUpdatedSectionStates.default)(SECTIONS, {
+        Alpha: {
+          complete: true
+        }
+      }, NON_SEQUENTIAL);
+      expect(ALPHA_COMPLETE[1][0].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET); // Charlie
+
+      var BRAVO_COMPLETE = (0, _getUpdatedSectionStates.default)(SECTIONS, {
+        Bravo: {
+          complete: true
+        }
+      }, NON_SEQUENTIAL);
+      expect(BRAVO_COMPLETE[1][0].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET); // Charlie
+    });
+    it('should allow dependent state to start if all dependencies are complete', function () {
+      var TASKS = {
+        'Alpha': {
+          complete: true
+        },
+        'Bravo': {
+          complete: true
+        },
+        'Delta': {}
+      };
+      var RESULT = (0, _getUpdatedSectionStates.default)(SECTIONS, TASKS, NON_SEQUENTIAL);
+      expect(RESULT[1][0].state).toEqual(_models.TaskStates.TYPES.NOT_STARTED); // Charlie
+
+      expect(RESULT[2][0].state).toEqual(_models.TaskStates.TYPES.NOT_STARTED); // Delta
     });
   });
 });

package/dist/utils/Component/getComponent.js

@@ -57,9 +57,13 @@ var getCheckboxes = function getCheckboxes(config) {
 var getCalculation = function getCalculation(config) {
   var calculatedValue = _Data.default.applyFormula(config);
 
+  if (!!calculatedValue) {
+    config.value = calculatedValue;
+    config.formData[config.fieldId] = "" + calculatedValue;
+  }
+
   var attrs = (0, _cleanAttributes.default)(config, ['formula']);
   return /*#__PURE__*/_react.default.createElement(_copReactComponents.TextInput, _extends({}, attrs, {
-    value: calculatedValue,
     readOnly: true
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/cop-react-form-renderer",
-  "version": "3.17.2",
+  "version": "3.19.0",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",