@ukhomeoffice/cop-react-form-renderer 5.3.0 → 5.5.1

package/dist/components/CollectionPage/CollectionPage.js

@@ -92,7 +92,12 @@ var CollectionPage = function CollectionPage(_ref) {
   };
   return /*#__PURE__*/_react.default.createElement(_FormPage.default, {
     page: _objectSpread(_objectSpread({}, page), {}, {
-      formData: _objectSpread(_objectSpread(_objectSpread({}, page.formData), data[activeIndex]), {}, _defineProperty({}, "".concat(page.collection.name, "ActiveIndex"), activeIndex))
+      formData: _objectSpread(_objectSpread(_objectSpread({}, page.formData), data[activeIndex]), {}, _defineProperty({}, "".concat(page.collection.name, "ActiveIndex"), activeIndex)),
+      components: page.components.map(function (component) {
+        return _objectSpread(_objectSpread({}, component), {}, {
+          full_path: "".concat(page.collection.name, "[").concat(activeIndex, "].").concat(component.full_path || component.fieldId)
+        });
+      })
     }),
     onAction: onInnerPageAction,
     onWrapperChange: onInnerPageChange,

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

@@ -141,7 +141,7 @@ describe('components.CollectionPage', function () {
       expect(label.tagName).toEqual('LABEL');
       expect(label.classList).toContain('govuk-label');
       expect(label.textContent).toEqual(lbl);
-      expect(label.getAttribute('for')).toEqual(fieldId);
+      expect(label.getAttribute('for')).toEqual("".concat(COLLECTION_NAME, "[0].").concat(fieldId));
       var hint = formGroup.childNodes[1];
       expect(hint.tagName).toEqual('DIV');
       expect(hint.classList).toContain('govuk-hint');
@@ -149,7 +149,7 @@ describe('components.CollectionPage', function () {
       var input = formGroup.childNodes[2];
       expect(input.tagName).toEqual('INPUT');
       expect(input.classList).toContain('govuk-input');
-      expect(input.id).toEqual(fieldId);
+      expect(input.id).toEqual("".concat(COLLECTION_NAME, "[0].").concat(fieldId));
       expect(input.value).toEqual(val);
       return input;
     };
@@ -160,7 +160,7 @@ describe('components.CollectionPage', function () {
       expect(label.tagName).toEqual('LABEL');
       expect(label.classList).toContain('govuk-label');
       expect(label.textContent).toEqual(lbl);
-      expect(label.getAttribute('for')).toEqual(fieldId);
+      expect(label.getAttribute('for')).toEqual("".concat(COLLECTION_NAME, "[0].").concat(fieldId));
       var hint = formGroup.childNodes[1];
       expect(hint.tagName).toEqual('DIV');
       expect(hint.classList).toContain('govuk-hint');
@@ -174,7 +174,7 @@ describe('components.CollectionPage', function () {
       })[0];
       expect(input.classList).toContain('hods-autocomplete__input');
       expect(input.tagName).toEqual('INPUT');
-      expect(input.id).toEqual(fieldId);
+      expect(input.id).toEqual("".concat(COLLECTION_NAME, "[0].").concat(fieldId));
       expect(input.value).toEqual(val);
       return input;
     };

package/dist/components/PageActions/ActionButton.js

@@ -28,6 +28,7 @@ var ActionButton = function ActionButton(_ref) {
     className: action.className,
     classModifiers: action.classModifiers,
     start: action.start || false,
+    name: action.label,
     onClick: action.disabled ? function () {} : function () {
       return onAction(action);
     }

package/dist/utils/Data/setDataItem.js

@@ -6,8 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 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 setDataItem = function setDataItem(data, fieldId, value) {
+  var handleArrayIndices = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   if (fieldId && data) {
-    var parts = fieldId.split('.');
+    var parts = handleArrayIndices ?
+    // Replace all occurrences of '[' with '.' and ']' with ''.
+    fieldId.replace(/\[/g, '.').replace(/\]/g, '').split('.') : fieldId.split('.');
     var leaf = parts.pop();
     var node = data;
     parts.forEach(function (part) {

package/dist/utils/Data/setDataItem.test.js

@@ -107,4 +107,29 @@ describe('utils.Data.setDataItem', function () {
       }
     });
   });
+  it('should handle array indices in fieldPath if handleArrayIndices is true', function () {
+    var DATA = {
+      alpha: {
+        bravo: [{
+          charlie: '123'
+        }]
+      }
+    };
+    var FIELD_ID = 'alpha.bravo[0].charlie';
+    var VALUE = '456';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE, true)).toMatchObject({
+      alpha: {
+        bravo: [{
+          charlie: VALUE
+        }]
+      }
+    });
+    expect(DATA).toMatchObject({
+      alpha: {
+        bravo: [{
+          charlie: VALUE
+        }]
+      }
+    });
+  });
 });

package/package.json

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