@ukhomeoffice/cop-react-form-renderer 4.69.3 → 4.70.1

package/dist/components/FormComponent/Collection.js

@@ -86,6 +86,12 @@ var Collection = function Collection(_ref) {
       return _ref3.apply(this, arguments);
     };
   }();
+  (0, _react.useEffect)(function () {
+    if (config.minimumEntries && !value.length) {
+      onAddAnother();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps  
+  }, [config.minimumEntries, value.length]);
   var onRemoveItem = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(item) {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -123,7 +129,7 @@ var Collection = function Collection(_ref) {
     var removeLabel = _utils.default.interpolateString(labels.remove, _objectSpread(_objectSpread({}, item), {}, {
       index: labelCount
     }));
-    var removeStyle = config.disableAddAndRemove ? '' : (_config$removeLocatio = config.removeLocation) !== null && _config$removeLocatio !== void 0 ? _config$removeLocatio : 'start';
+    var removeStyle = config.disableAddAndRemove || index === 0 && config.minimumEntries ? '' : (_config$removeLocatio = config.removeLocation) !== null && _config$removeLocatio !== void 0 ? _config$removeLocatio : 'start';
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(classes('item')),
       key: item.id

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

@@ -398,4 +398,57 @@ describe('components.FormComponent.Collection', function () {
       }
     }, _callee9);
   })));
+  it('should render a collection component with minimumEntries appropriately', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
+    var COLLECTION, _renderWithValidation6, container, c, item, _item$childNodes3, title, itemContainer, formGroup, label, hint, input;
+    return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+      while (1) switch (_context10.prev = _context10.next) {
+        case 0:
+          COLLECTION = {
+            id: ID,
+            fieldId: ID,
+            type: _models.ComponentTypes.COLLECTION,
+            item: [TEXT_COMPONENT],
+            minimumEntries: 1
+          };
+          _renderWithValidation6 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_FormComponent.default, {
+            component: COLLECTION,
+            value: [],
+            formData: {}
+          })), container = _renderWithValidation6.container; // Check the container itself.
+          c = container.childNodes[0];
+          expect(c.tagName).toEqual('DIV');
+          expect(c.classList).toContain(_Collection.DEFAULT_CLASS);
+
+          // And now check the single text component within it.
+          item = c.childNodes[0];
+          expect(item.tagName).toEqual('DIV');
+          expect(item.classList).toContain("".concat(_Collection.DEFAULT_CLASS, "__item"));
+          _item$childNodes3 = _slicedToArray(item.childNodes, 2), title = _item$childNodes3[0], itemContainer = _item$childNodes3[1];
+          expect(title.tagName).toEqual('LABEL');
+          expect(title.classList).toContain("".concat(_Collection.DEFAULT_CLASS, "__item-title"));
+          expect(itemContainer.tagName).toEqual('DIV');
+          expect(itemContainer.classList).toContain(_Container.DEFAULT_CLASS);
+          formGroup = itemContainer.childNodes[0];
+          expect(formGroup.tagName).toEqual('DIV');
+          expect(formGroup.classList).toContain('govuk-form-group');
+          label = formGroup.childNodes[0].childNodes[0].childNodes[0];
+          expect(label.tagName).toEqual('LABEL');
+          expect(label.classList).toContain('govuk-label');
+          expect(label.textContent).toEqual("".concat(TEXT_COMPONENT.label, " (optional)"));
+          expect(label.getAttribute('for')).toEqual("".concat(ID, "[0].").concat(TEXT_ID));
+          hint = formGroup.childNodes[0].childNodes[1];
+          expect(hint.tagName).toEqual('DIV');
+          expect(hint.classList).toContain('govuk-hint');
+          expect(hint.textContent).toEqual(TEXT_COMPONENT.hint);
+          input = formGroup.childNodes[0].childNodes[2];
+          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('');
+        case 30:
+        case "end":
+          return _context10.stop();
+      }
+    }, _callee10);
+  })));
 });

package/dist/utils/CollectionPage/mergeCollectionPages.js

@@ -13,6 +13,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 var createMasterPage = function createMasterPage(page) {
   return {
     id: page.id,
+    name: page.name,
     collection: _objectSpread({
       masterPage: true
     }, page.collection),

package/package.json

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