@ukhomeoffice/cop-react-form-renderer 3.26.1 → 3.28.0

package/dist/components/FormComponent/FormComponent.js

@@ -152,6 +152,7 @@ var FormComponent = function FormComponent(_ref) {
     content: _utils.default.interpolateString(component.content, formData),
     hint: _utils.default.interpolateString(component.hint, formData),
     cya_label: _utils.default.interpolateString(component.cya_label, formData),
+    suffix: _utils.default.interpolateString(component.suffix, formData),
     options: options,
     value: value || _utils.default.Component.defaultValue(component),
     onChange: onComponentChangeExtended,

package/dist/components/FormRenderer/FormRenderer.js

@@ -191,7 +191,7 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
 
 
   (0, _react.useEffect)(function () {
-    if (components && _pages && _data && (['load', 'submit'].includes(pagePoint) || viewOnly)) {
+    if (components && _pages && _data && (pagePoint === 'load' || viewOnly)) {
       var _data$formStatus;
 
       setData(_utils.default.Data.setupForm(_pages, components, _data));

package/dist/components/TaskList/TaskList.js

@@ -68,11 +68,11 @@ var TaskList = function TaskList(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, attrs, {
     className: classes()
   }), refNumber && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h2", {
-    className: "hods-task-reference-description govuk-heading-s govuk-!-margin-bottom-2 govuk-!-padding-right-1"
+    className: "govuk-heading-s govuk-!-margin-bottom-0"
   }, "".concat(refTitle)), /*#__PURE__*/_react.default.createElement("h2", {
     className: "govuk-heading-s govuk-!-font-weight-regular"
   }, "".concat(refNumber))), numberOfSections !== numberOfCompleteSections && /*#__PURE__*/_react.default.createElement("h2", {
-    className: "govuk-heading-s govuk-!-margin-bottom-2"
+    className: "govuk-heading-s govuk-!-margin-bottom-0"
   }, "Incomplete form"), /*#__PURE__*/_react.default.createElement("p", {
     className: "govuk-body govuk-!-margin-bottom-7"
   }, "You have completed ".concat(numberOfCompleteSections, " of ").concat(numberOfSections, " sections")), sections.map(function (section, index) {

package/dist/components/TaskList/TaskList.scss

@@ -7,11 +7,13 @@
   padding-left: 0;
   margin-top: 0;
   margin-bottom: 0;
+
   @include govuk-media-query($from: tablet) {
     min-width: 550px;
   }
+
   .hods-task-list__items {
-   font-size: 19px;
+    font-size: 19px;
     @include govuk-responsive-margin(9, 'bottom');
     list-style: none;
     padding-left: 0;
@@ -21,8 +23,14 @@
 
 .hods-task-list__section {
   display: table;
- font-size: 24px;
- font-weight: bold;
+  font-size: 1.25rem;
+  font-weight: bold;
+
+  @include govuk-media-query($from: tablet) {
+    font-size: 1.5rem;
+    line-height: 1.875rem;
+  }
+
 }
 
 .hods-task-list__section-number {
@@ -40,6 +48,7 @@
   padding-top: govuk-spacing(2);
   padding-bottom: govuk-spacing(2);
   @include govuk-clearfix;
+
   &:first-child {
     border-top: 1px solid $govuk-border-colour;
   }
@@ -48,13 +57,20 @@
 .hods-task-list__task-name {
   display: block;
   cursor: auto;
+  font-size: 1rem;
+
+  @include govuk-media-query($from: tablet) {
+    font-size: 1.1875rem;
+  }
+
   @include govuk-media-query($from: 450px) {
     float: left;
   }
+
   font-weight: normal;
 }
 
-.hods-task-reference-description{
+.hods-task-reference-description {
   @include govuk-media-query($from: 450px) {
     float: left;
   }
@@ -66,6 +82,8 @@
 // avoid breaking task lists in existing prototypes.
 .hods-task-list__tag,
 .hods-task-list__task-completed {
+  letter-spacing: 0;
+  padding: 0.25rem 0.5rem;
   margin-top: govuk-spacing(2);
   margin-bottom: govuk-spacing(1);
 

package/dist/utils/CheckYourAnswers/showComponentCYA.js

@@ -33,6 +33,10 @@ var showComponentCYA = function showComponentCYA(options, data) {
     return false;
   }
 
+  if (options.hasOwnProperty('show_on_cya') && !options.show_on_cya) {
+    return false;
+  }
+
   if (options.type === _models.ComponentTypes.CONTAINER) {
     return _Container.default.show(options, data);
   }

package/dist/utils/CheckYourAnswers/showComponentCYA.test.js

@@ -13,6 +13,11 @@ describe('utils', function () {
       it('should not show when there are no options', function () {
         expect((0, _showComponentCYA.default)(null, null)).toBeFalsy();
       });
+      it('should not show when show_on_cya is defined and falsy', function () {
+        expect((0, _showComponentCYA.default)({
+          show_on_cya: false
+        })).toBeFalsy();
+      });
       it('should not show when it is a heading type', function () {
         expect((0, _showComponentCYA.default)({
           type: _models.ComponentTypes.HEADING
@@ -34,6 +39,11 @@ describe('utils', function () {
           disabled: true
         }, null)).toBeFalsy();
       });
+      it('should show when show_on_cya is defined and truthy', function () {
+        expect((0, _showComponentCYA.default)({
+          show_on_cya: true
+        })).toBeTruthy();
+      });
       it('should show when it hidden but not disabled', function () {
         expect((0, _showComponentCYA.default)({
           hidden: true

package/package.json

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