@ukhomeoffice/cop-react-form-renderer 5.13.2 → 5.13.3-bravo

package/dist/components/CheckYourAnswers/Answer.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _VisuallyHidden = _interopRequireDefault(require("@ukhomeoffice/cop-react-components/dist/VisuallyHidden"));
+var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _FormComponent = _interopRequireDefault(require("../FormComponent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
@@ -20,7 +20,7 @@ var Answer = function Answer(_ref) {
     component = _ref.component,
     formData = _ref.formData;
   if (!value) {
-    return /*#__PURE__*/_react.default.createElement(_VisuallyHidden.default, null, "No answer");
+    return /*#__PURE__*/_react.default.createElement(_copReactComponents.VisuallyHidden, null, "No answer");
   }
   if (!component) {
     return Object.prototype.hasOwnProperty.call(value, 'label') ? value.label : value;

package/dist/components/CheckYourAnswers/Answer.test.js

@@ -1,7 +1,6 @@
 "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 _Readonly = require("@ukhomeoffice/cop-react-components/dist/Readonly");
 var _react = _interopRequireDefault(require("react"));
 var _setupTests = require("../../setupTests");
 var _Answer = _interopRequireDefault(require("./Answer"));
@@ -66,7 +65,7 @@ describe('components', function () {
             })), container = _renderWithValidation3.container;
             answer = container.childNodes[0];
             expect(answer.tagName).toEqual('DIV');
-            expect(answer.classList).toContain(_Readonly.DEFAULT_CLASS);
+            expect(answer.classList).toContain(DEFAULT_READONLY_CLASS);
             expect(answer.textContent).toEqual(VALUE);
           case 7:
           case "end":
@@ -125,7 +124,7 @@ describe('components', function () {
             })), container = _renderWithValidation5.container;
             answer = container.childNodes[0];
             expect(answer.tagName).toEqual('DIV');
-            expect(answer.classList).toContain(_Readonly.DEFAULT_CLASS);
+            expect(answer.classList).toContain(DEFAULT_READONLY_CLASS);
             expect(answer.textContent).toEqual('hardcoded delta');
           case 8:
           case "end":

package/dist/components/CollectionPage/CollectionPage.js

@@ -29,7 +29,6 @@ var DEFAULT_CLASS = _FormPage2.DEFAULT_CLASS;
 exports.DEFAULT_CLASS = DEFAULT_CLASS;
 var CollectionPage = function CollectionPage(_ref) {
   var page = _ref.page,
-    onCollectionChange = _ref.onCollectionChange,
     onAction = _ref.onAction,
     hashLink = _ref.hashLink,
     classBlock = _ref.classBlock,
@@ -63,9 +62,6 @@ var CollectionPage = function CollectionPage(_ref) {
         value: newValue
       }
     });
-    if (typeof onCollectionChange === 'function') {
-      onCollectionChange(page.formData);
-    }
   };
   var reportActiveIdChange = function reportActiveIdChange(newActiveId) {
     onPageChange({
@@ -123,7 +119,6 @@ CollectionPage.propTypes = {
     actions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({}), _propTypes.default.string])),
     formData: _propTypes.default.shape({}).isRequired
   }).isRequired,
-  onCollectionChange: _propTypes.default.func,
   onAction: _propTypes.default.func.isRequired,
   hashLink: _propTypes.default.bool,
   classBlock: _propTypes.default.string,
@@ -131,7 +126,6 @@ CollectionPage.propTypes = {
   className: _propTypes.default.string
 };
 CollectionPage.defaultProps = {
-  onCollectionChange: undefined,
   hashLink: false,
   classBlock: DEFAULT_CLASS,
   classModifiers: [],

package/dist/components/CollectionPage/CollectionPage.test.js

@@ -150,7 +150,7 @@ describe('components.CollectionPage', function () {
       expect(input.tagName).toEqual('INPUT');
       expect(input.classList).toContain('govuk-input');
       expect(input.id).toEqual(fieldId);
-      expect(input.value).toEqual(val);
+      expect(input.dataset.value).toEqual(val);
       return input;
     };
     var checkAutoCompleteField = function checkAutoCompleteField(formGroup, fieldId, lbl, hnt, val) {

package/dist/components/FormComponent/Collection.test.js

@@ -84,7 +84,7 @@ describe('components.FormComponent.Collection', function () {
           expect(input.tagName).toEqual('INPUT');
           expect(input.classList).toContain('govuk-input');
           expect(input.id).toEqual("".concat(ID, "[0].").concat(TEXT_ID));
-          expect(input.value).toEqual(TEXT_VALUE);
+          expect(input.dataset.value).toEqual(TEXT_VALUE);
         case 30:
         case "end":
           return _context.stop();
@@ -392,7 +392,7 @@ describe('components.FormComponent.Collection', function () {
           input = formGroup.childNodes[2];
           expect(input.tagName).toEqual('DIV'); // Now readonly, so a DIV.
           expect(input.classList).toContain('hods-readonly'); // Now readonly, so hods-readonly
-          expect(input.id).toEqual("".concat(ID, "[0].").concat(TEXT_ID));
+          expect(input.dataset.id).toEqual("".concat(ID, "[0].").concat(TEXT_ID));
           expect(input.textContent).toEqual(TEXT_VALUE);
         case 30:
         case "end":
@@ -518,7 +518,7 @@ describe('components.FormComponent.Collection', function () {
           expect(input.tagName).toEqual('INPUT');
           expect(input.classList).toContain('govuk-input');
           expect(input.id).toEqual("".concat(ID, "[0].").concat(TEXT_ID));
-          expect(input.value).toEqual(TEXT_VALUE);
+          expect(input.dataset.value).toEqual(TEXT_VALUE);
 
           // First item component 2
           formGroup = itemContainer.childNodes[1];
@@ -537,7 +537,7 @@ describe('components.FormComponent.Collection', function () {
           expect(input.tagName).toEqual('INPUT');
           expect(input.classList).toContain('govuk-input');
           expect(input.id).toEqual("".concat(ID, "[0].textTwo"));
-          expect(input.value).toEqual('charlie');
+          expect(input.dataset.value).toEqual('charlie');
 
           // Check the second item and confirm there is no hint
           itemTwo = c.childNodes[1];
@@ -564,7 +564,7 @@ describe('components.FormComponent.Collection', function () {
           expect(inputTwo.tagName).toEqual('INPUT');
           expect(inputTwo.classList).toContain('govuk-input');
           expect(inputTwo.id).toEqual("".concat(ID, "[1].").concat(TEXT_ID));
-          expect(inputTwo.value).toEqual('beta');
+          expect(inputTwo.dataset.value).toEqual('beta');
 
           // Second item second component
           formGroupTwo = itemContainerTwo.childNodes[1];
@@ -581,7 +581,7 @@ describe('components.FormComponent.Collection', function () {
           expect(inputTwo.tagName).toEqual('INPUT');
           expect(inputTwo.classList).toContain('govuk-input');
           expect(inputTwo.id).toEqual("".concat(ID, "[1].textTwo"));
-          expect(inputTwo.value).toEqual('delta');
+          expect(inputTwo.dataset.value).toEqual('delta');
         case 87:
         case "end":
           return _context11.stop();
@@ -658,7 +658,7 @@ describe('components.FormComponent.Collection', function () {
           expect(input.tagName).toEqual('INPUT');
           expect(input.classList).toContain('govuk-input');
           expect(input.id).toEqual("".concat(ID, "[0].").concat(TEXT_ID));
-          expect(input.value).toEqual(TEXT_VALUE);
+          expect(input.dataset.value).toEqual(TEXT_VALUE);
 
           // First item component 2
           formGroup = itemContainer.childNodes[1];
@@ -677,7 +677,7 @@ describe('components.FormComponent.Collection', function () {
           expect(input.tagName).toEqual('INPUT');
           expect(input.classList).toContain('govuk-input');
           expect(input.id).toEqual("".concat(ID, "[0].textTwo"));
-          expect(input.value).toEqual('charlie');
+          expect(input.dataset.value).toEqual('charlie');
 
           // Check the second item and confirm there is no hint
           itemTwo = c.childNodes[1];
@@ -704,7 +704,7 @@ describe('components.FormComponent.Collection', function () {
           expect(inputTwo.tagName).toEqual('INPUT');
           expect(inputTwo.classList).toContain('govuk-input');
           expect(inputTwo.id).toEqual("".concat(ID, "[1].").concat(TEXT_ID));
-          expect(inputTwo.value).toEqual('beta');
+          expect(inputTwo.dataset.value).toEqual('beta');
 
           // Second item second component
           formGroupTwo = itemContainerTwo.childNodes[1];
@@ -721,7 +721,7 @@ describe('components.FormComponent.Collection', function () {
           expect(inputTwo.tagName).toEqual('INPUT');
           expect(inputTwo.classList).toContain('govuk-input');
           expect(inputTwo.id).toEqual("".concat(ID, "[1].textTwo"));
-          expect(inputTwo.value).toEqual('delta');
+          expect(inputTwo.dataset.value).toEqual('delta');
         case 89:
         case "end":
           return _context12.stop();

package/dist/components/FormComponent/Container.test.js

@@ -76,7 +76,7 @@ describe('components.FormComponent.Container', function () {
           expect(input.tagName).toEqual('INPUT');
           expect(input.classList).toContain('govuk-input');
           expect(input.id).toEqual("".concat(ID, ".").concat(TEXT_ID));
-          expect(input.value).toEqual(TEXT_VALUE);
+          expect(input.dataset.value).toEqual(TEXT_VALUE);
         case 22:
         case "end":
           return _context.stop();
@@ -130,7 +130,7 @@ describe('components.FormComponent.Container', function () {
           expect(input.tagName).toEqual('INPUT');
           expect(input.classList).toContain('govuk-input');
           expect(input.id).toEqual("".concat(ID, ".").concat(NESTED_ID, ".").concat(TEXT_ID));
-          expect(input.value).toEqual(NESTED_TEXT_VALUE);
+          expect(input.dataset.value).toEqual(NESTED_TEXT_VALUE);
         case 25:
         case "end":
           return _context2.stop();
@@ -359,7 +359,7 @@ describe('components.FormComponent.Container', function () {
           input = formGroup.childNodes[2];
           expect(input.tagName).toEqual('DIV'); // Now readonly, so a DIV.
           expect(input.classList).toContain('hods-readonly'); // Now readonly, so hods-readonly
-          expect(input.id).toEqual("".concat(ID, ".").concat(TEXT_ID));
+          expect(input.dataset.id).toEqual("".concat(ID, ".").concat(TEXT_ID));
           expect(input.textContent).toEqual(TEXT_VALUE);
         case 22:
         case "end":

package/dist/components/FormComponent/FormComponent.test.js

@@ -47,7 +47,7 @@ describe('components', function () {
             expect(input.tagName).toEqual('INPUT');
             expect(input.classList).toContain('govuk-input');
             expect(input.id).toEqual(ID);
-            expect(input.value).toEqual(VALUE);
+            expect(input.dataset.value).toEqual(VALUE);
           case 22:
           case "end":
             return _context.stop();
@@ -80,7 +80,7 @@ describe('components', function () {
             expect(input.tagName).toEqual('INPUT');
             expect(input.classList).toContain('govuk-input');
             expect(input.id).toEqual(ID);
-            expect(input.value).toEqual(VALUE);
+            expect(input.dataset.value).toEqual(VALUE);
           case 10:
           case "end":
             return _context2.stop();
@@ -215,7 +215,7 @@ describe('components', function () {
             expect(input.tagName).toEqual('INPUT');
             expect(input.classList).toContain('govuk-input');
             expect(input.id).toEqual(ID);
-            expect(input.value).toEqual(VALUE);
+            expect(input.dataset.value).toEqual(VALUE);
           case 23:
           case "end":
             return _context6.stop();

package/dist/components/FormPage/FormPage.test.js

@@ -138,7 +138,7 @@ describe('components.FormPage', function () {
       expect(input.tagName).toEqual('INPUT');
       expect(input.classList).toContain('govuk-input');
       expect(input.id).toEqual(fieldId);
-      expect(input.value).toEqual(val);
+      expect(input.dataset.value).toEqual(val);
       return input;
     };
     var checkAutoCompleteField = function checkAutoCompleteField(formGroup, fieldId, lbl, hnt, val) {

package/dist/components/FormRenderer/FormRenderer.js

@@ -354,7 +354,6 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
     className: formState.page.className
   }), formState.page && !formState.cya && formState.page.collection && /*#__PURE__*/_react.default.createElement(_CollectionPage.default, {
     page: formState.page,
-    onCollectionChange: onChange,
     onAction: function onAction(action, patch, patchLabel) {
       (0, _onPageAction.default)(action, patch, patchLabel, hooks, data, formState, validate, onPageChange, type, pages, components, pageId, setPagePoint, currentTask, setData, hubDetails, setSubmitted, addErrors);
     },

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

@@ -552,13 +552,9 @@ describe('components', function () {
             })));
           case 7:
             taskList = container.childNodes[0].childNodes[1];
-            taskList.childNodes.forEach(function (child) {
-              // eslint-disable-next-line no-console
-              console.log("taskList, child = ".concat(JSON.stringify(child.textContent)));
-            });
             expect(taskList.childNodes[5].textContent).not.toEqual("test text");
             expect(taskList.childNodes[5].classList).not.toContain('govuk-textarea');
-          case 11:
+          case 10:
           case "end":
             return _context22.stop();
         }

package/dist/components/FormRenderer/onCYAAction.js

@@ -101,11 +101,7 @@ var onCYAAction = function onCYAAction(setPagePoint, action, pages, validate, co
     onPageChange(_helpers.default.getNextPageId(type, pages, pageId, action, (_formState$page = formState.page) === null || _formState$page === void 0 ? void 0 : _formState$page.formData));
   }
   if (action.type === _models.PageAction.TYPES.CANCEL) {
-    var formData = _utils.default.Format.form({
-      pages: pages,
-      components: components
-    }, _objectSpread({}, data), _models.EventTypes.CANCEL);
-    hooks.onCancel(formData);
+    hooks.onCancel();
   }
 };
 var _default = onCYAAction;

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

@@ -102,15 +102,15 @@ describe('components.FormRenderer.onCYAAction', function () {
     onFormComplete: function onFormComplete() {
       this.onFormCompleteCalls += 1;
     },
-    onCancelArgs: [],
-    onCancel: function onCancel(data) {
-      this.onCancelArgs.push(data);
+    onCancelCalls: 0,
+    onCancel: function onCancel() {
+      this.onCancelCalls += 1;
     },
     reset: function reset() {
       this.onSubmitCalls = 0;
       this.onSubmitArgs = [];
       this.onFormCompleteCalls = 0;
-      this.onCancelArgs = [];
+      this.onCancelCalls = 0;
     }
   };
   var setPagePointCalls = 0;
@@ -578,9 +578,6 @@ describe('components.FormRenderer.onCYAAction', function () {
       }
     });
     _onCYAAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
-    expect(MOCK_HOOKS.onCancelArgs.length).toEqual(1);
-    expect(MOCK_HOOKS.onCancelArgs[0]).toMatchObject({
-      id: 'formId'
-    });
+    expect(MOCK_HOOKS.onCancelCalls).toEqual(1);
   });
 });

package/dist/components/FormRenderer/onPageAction.js

@@ -20,6 +20,11 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 // patchLabel captures non-ID values 
 // for display purposes after submission.)
 var onPageAction = function onPageAction(action, patch, patchLabel, hooks, data, formState, validate, onPageChange, type, pages, components, pageId, setPagePoint, currentTask, setData, hubDetails, setSubmitted, addErrors) {
+  if (action.type === _models.PageAction.TYPES.CANCEL) {
+    hooks.onCancel();
+    return;
+  }
+  ;
   // Save a copy of data in case submit errors and we need to revert
   var preSubmitData = _objectSpread({}, data);
   var form = formState;
@@ -31,14 +36,6 @@ var onPageAction = function onPageAction(action, patch, patchLabel, hooks, data,
   // This should normally have no effect but will prevent issues 
   // with validation if formData happens to have been wiped.
   form.page.formData = _objectSpread(_objectSpread({}, form.page.formData), _patch);
-
-  // Exposes form data to consuming application.
-  if (action.type === _models.PageAction.TYPES.CANCEL) {
-    hooks.onCancel(form.page.formData);
-    return;
-  }
-  ;
-
   // 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 (_helpers.default.canActionProceed(action, form.page, validate.page)) {

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

@@ -121,15 +121,15 @@ describe('components.FormRenderer.onPageAction', function () {
     onFormComplete: function onFormComplete() {
       this.onFormCompleteCalls += 1;
     },
-    onCancelArgs: [],
-    onCancel: function onCancel(data) {
-      this.onCancelArgs.push(data);
+    onCancelCalls: 0,
+    onCancel: function onCancel() {
+      this.onCancelCalls += 1;
     },
     reset: function reset() {
       this.onSubmitCalls = 0;
       this.onSubmitArgs = [];
       this.onFormCompleteCalls = 0;
-      this.onCancelArgs = [];
+      this.onCancelCalls = 0;
       this.onActionCalls = 0;
     },
     onActionCalls: 0,
@@ -290,8 +290,7 @@ describe('components.FormRenderer.onPageAction', function () {
       action: ACTION
     });
     _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
-    expect(MOCK_HOOKS.onCancelArgs.length).toEqual(1);
-    expect(MOCK_HOOKS.onCancelArgs[0]).toMatchObject({});
+    expect(MOCK_HOOKS.onCancelCalls).toEqual(1);
     // Shouldn't get to the point of validation if
     // action is a cancel action.
     expect(_helpers.default.canActionProceedCalls).toEqual(0);

package/dist/components/TaskList/TaskList.js

@@ -8,7 +8,6 @@ exports.default = exports.DEFAULT_INCOMPLETE_TITLE = exports.DEFAULT_CLASS = voi
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
-var _dist = require("@ukhomeoffice/cop-react-components/dist");
 var _models = require("../../models");
 var _Task = _interopRequireDefault(require("./Task"));
 var _showComponent = _interopRequireDefault(require("../../utils/Component/showComponent"));
@@ -103,7 +102,7 @@ var TaskList = function TaskList(_ref) {
       className: classes('section')
     }, sections.length > 1 ? "".concat(index + 1, ". ") : '', section.name), /*#__PURE__*/_react.default.createElement("ol", {
       className: classes('items')
-    }, /*#__PURE__*/_react.default.createElement(_dist.Hint, null, section.label ? section.label : ''), section.tasks.filter(function (task) {
+    }, /*#__PURE__*/_react.default.createElement(_copReactComponents.Hint, null, section.label ? section.label : ''), section.tasks.filter(function (task) {
       return task.state !== _models.TaskStates.TYPES.SKIPPED;
     }).map(function (task) {
       return /*#__PURE__*/_react.default.createElement(_Task.default, {

package/dist/context/HooksContext/HooksContext.js

@@ -56,7 +56,7 @@ var DEFAULT_HOOKS = {
     return errors;
   },
   // Returns the list of errors already found in FR by default.
-  onCancel: function onCancel(data) {} // Consuming application must provide function to action, else this does nothing.
+  onCancel: function onCancel() {} // Consuming application must provide function to action, else this does nothing.
 };
 
 var ALLOWED_HOOKS = Object.keys(DEFAULT_HOOKS);

package/dist/hooks/useRefData.js

@@ -52,7 +52,8 @@ var useRefData = function useRefData(component, formData) {
     setStatus = _useState4[1];
   (0, _react.useEffect)(function () {
     if (!url) {
-      if (component.data && component.data.options) {
+      var _component$data;
+      if ((_component$data = component.data) !== null && _component$data !== void 0 && _component$data.options) {
         setData(_Data.default.refData.toOptions(component.data.options, component.item));
       }
       setStatus(STATUS_COMPLETE);

package/dist/models/ComponentTypes.js

@@ -10,6 +10,7 @@ var TYPE_CALCULATION = 'calculation';
 var TYPE_CHECKBOXES = 'checkboxes';
 var TYPE_COLLECTION = 'collection';
 var TYPE_CONTAINER = 'container';
+var TYPE_DATA = 'data';
 var TYPE_DATE = 'date';
 var TYPE_DETAILS = 'details';
 var TYPE_EMAIL = 'email';
@@ -34,6 +35,7 @@ var ComponentTypes = {
   CHECKBOXES: TYPE_CHECKBOXES,
   COLLECTION: TYPE_COLLECTION,
   CONTAINER: TYPE_CONTAINER,
+  DATA: TYPE_DATA,
   DATE: TYPE_DATE,
   DETAILS: TYPE_DETAILS,
   EMAIL: TYPE_EMAIL,

package/dist/models/EventTypes.js

@@ -6,11 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var TYPE_BLUR = 'blur';
 var TYPE_SUBMIT = 'submit';
-var TYPE_CANCEL = 'cancel';
 var EventTypes = {
   BLUR: TYPE_BLUR,
-  SUBMIT: TYPE_SUBMIT,
-  CANCEL: TYPE_CANCEL
+  SUBMIT: TYPE_SUBMIT
 };
 var _default = EventTypes;
 exports.default = _default;

package/dist/utils/CheckYourAnswers/showComponentCYA.js

@@ -9,7 +9,6 @@ var _Component = _interopRequireDefault(require("../Component"));
 var _Container = _interopRequireDefault(require("../Container"));
 var _getSourceData = _interopRequireDefault(require("../Data/getSourceData"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable no-console */
 // Local imports
 
 var EXCLUDE_FROM_CYA = [_models.ComponentTypes.ALERT, _models.ComponentTypes.HEADING, _models.ComponentTypes.HTML, _models.ComponentTypes.INSET_TEXT];

package/dist/utils/Component/getComponent.js

@@ -80,6 +80,17 @@ var getCalculation = function getCalculation(config) {
     readonly: true
   }));
 };
+var getData = function getData(config) {
+  var options = [];
+  _Data.default.getOptions(config, function (val) {
+    options = val;
+  });
+  var attrs = (0, _cleanAttributes.default)(config);
+  var text = JSON.stringify(options, null, 2);
+  return /*#__PURE__*/_react.default.createElement(_copReactComponents.TextArea, _extends({}, attrs, {
+    value: text
+  }));
+};
 var getDate = function getDate(config) {
   var attrs = (0, _cleanAttributes.default)(config);
   return /*#__PURE__*/_react.default.createElement(_copReactComponents.DateInput, attrs);
@@ -220,6 +231,8 @@ var getComponentByType = function getComponentByType(config) {
       return getParagraph(config);
     case _models.ComponentTypes.LIST:
       return getList(config);
+    case _models.ComponentTypes.DATA:
+      return getData(config);
     default:
       {
         return null;

package/dist/utils/Component/getComponentTests/getComponent.calculation.test.js

@@ -148,7 +148,7 @@ describe('utils.Component.get', function () {
             expect(formGroup.classList).toContain('govuk-form-group');
             expect(input.tagName).toEqual('DIV');
             expect(input.classList).toContain('hods-readonly');
-            expect(input.id).toEqual(ID);
+            expect(input.dataset.id).toEqual(ID);
             expect("".concat(COMPONENT.formData[FIELD_ID])).toEqual(test.result);
           case 13:
           case "end":
@@ -258,7 +258,7 @@ describe('utils.Component.get', function () {
       expect(formGroup.classList).toContain('govuk-form-group');
       expect(input.tagName).toEqual('DIV');
       expect(input.classList).toContain('hods-readonly');
-      expect(input.id).toEqual(ID);
+      expect(input.dataset.id).toEqual(ID);
       expect(error).toBeCalledTimes(1);
       expect(error).toBeCalledWith(test.error);
     });

package/dist/utils/Component/getComponentTests/getComponent.nested.test.js

@@ -51,7 +51,7 @@ describe('utils.Component.get', function () {
           expect(input.tagName).toEqual('INPUT');
           expect(input.classList).toContain('govuk-input');
           expect(input.id).toEqual(ID);
-          expect(input.value).toEqual(VALUE);
+          expect(input.dataset.value).toEqual(VALUE);
           child2 = container.childNodes[1];
           expect(child2.childNodes[0].childNodes.length).toEqual(3);
           expect(child2.classList).toContain('govuk-form-group');
@@ -62,9 +62,9 @@ describe('utils.Component.get', function () {
           expect(input2.tagName).toEqual('DIV');
           expect(input2.classList).toContain('govuk-date-input');
           expect(input2.id).toEqual(ID2);
-          expect(input2.childNodes[0].childNodes[1].value).toEqual('1');
-          expect(input2.childNodes[1].childNodes[1].value).toEqual('2');
-          expect(input2.childNodes[2].childNodes[1].value).toEqual('2022');
+          expect(input2.childNodes[0].childNodes[1].dataset.value).toEqual('1');
+          expect(input2.childNodes[1].childNodes[1].dataset.value).toEqual('2');
+          expect(input2.childNodes[2].childNodes[1].dataset.value).toEqual('2022');
         case 35:
         case "end":
           return _context.stop();
@@ -133,7 +133,7 @@ describe('utils.Component.get', function () {
           expect(input.tagName).toEqual('INPUT');
           expect(input.classList).toContain('govuk-input');
           expect(input.id).toEqual("".concat(CONTAINER_ID, ".").concat(FIELD_ID));
-          expect(input.value).toEqual(VALUE);
+          expect(input.dataset.value).toEqual(VALUE);
         case 19:
         case "end":
           return _context3.stop();
@@ -172,7 +172,7 @@ describe('utils.Component.get', function () {
           expect(input.tagName).toEqual('INPUT');
           expect(input.classList).toContain('govuk-input');
           expect(input.id).toEqual("".concat(COLLECTION_ID, "[0].").concat(FIELD_ID));
-          expect(input.value).toEqual(VALUE);
+          expect(input.dataset.value).toEqual(VALUE);
         case 19:
         case "end":
           return _context4.stop();

package/package.json

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