@ukhomeoffice/cop-react-form-renderer 4.56.0 → 4.56.1

package/dist/components/TaskList/TaskList.js

@@ -70,16 +70,18 @@ var TaskList = function TaskList(_ref) {
   var classes = _copReactComponents.Utils.classBuilder(classBlock, classModifiers, className); //TODO state will be retrieved from a document in S3 rather than given in the component definition, covered under COP-9885
 
 
-  var _sections$reduce = sections.reduce(function (acc, current) {
+  var _sections$filter$redu = sections.filter(function (section) {
+    return !section.skipped;
+  }).reduce(function (acc, current) {
     var _current$tasks$filter, _current$tasks, _current$tasks$length, _current$tasks2;
 
     return [acc[0] + ((_current$tasks$filter = (_current$tasks = current.tasks) === null || _current$tasks === void 0 ? void 0 : _current$tasks.filter(function (t) {
       return t.state === _models.TaskStates.TYPES.COMPLETE;
     }).length) !== null && _current$tasks$filter !== void 0 ? _current$tasks$filter : 0), acc[1] + ((_current$tasks$length = (_current$tasks2 = current.tasks) === null || _current$tasks2 === void 0 ? void 0 : _current$tasks2.length) !== null && _current$tasks$length !== void 0 ? _current$tasks$length : 0)];
   }, [0, 0]),
-      _sections$reduce2 = _slicedToArray(_sections$reduce, 2),
-      completeSections = _sections$reduce2[0],
-      totalSections = _sections$reduce2[1];
+      _sections$filter$redu2 = _slicedToArray(_sections$filter$redu, 2),
+      completeSections = _sections$filter$redu2[0],
+      totalSections = _sections$filter$redu2[1];
 
   var notesId = "".concat(attrs.id, "Notes");
 

package/dist/components/TaskList/TaskList.test.js

@@ -309,6 +309,56 @@ describe('components', function () {
       var incompleteForm = childNodes[0].childNodes[0];
       expect(incompleteForm.textContent).toEqual(INCOMPLETE_TITLE);
     });
+    it('should not show skipped sections', function () {
+      var INCOMPLETE_TITLE = 'Alpha Bravo';
+      var COP_REF = '123';
+      var sections = [{
+        name: 'These are your tasks',
+        skipped: true,
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageOne']
+        }, {
+          name: 'Ok task',
+          state: 'inProgress',
+          pages: ['pageTwo']
+        }, {
+          name: 'Terrible task',
+          state: 'notStarted',
+          pages: ['pageThree']
+        }]
+      }, {
+        name: 'These are your extra bonus tasks',
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageFour']
+        }, {
+          name: 'Ok task',
+          state: 'cannotStartYet',
+          pages: ['pageFive']
+        }, {
+          name: 'Terrible task',
+          state: 'cannotStartYet',
+          pages: ['pageSix']
+        }]
+      }];
+
+      var _render6 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+        refNumber: COP_REF,
+        sections: sections,
+        incompleteTitle: INCOMPLETE_TITLE
+      })),
+          container = _render6.container;
+
+      var childNodes = container.childNodes;
+      expect(childNodes.length).toEqual(1);
+      expect(childNodes[0].childNodes.length).toEqual(4);
+      expect(childNodes[0].childNodes[0].textContent).toEqual(INCOMPLETE_TITLE);
+      expect(childNodes[0].childNodes[1].textContent).toEqual('You have completed 1 of 3 sections');
+      expect(childNodes[0].childNodes[2].textContent).toEqual("1. ".concat(sections[1].name));
+    });
   });
   it('should pass the selected task to the given onTaskAction function', function () {
     var COP_REF = '123';
@@ -336,13 +386,13 @@ describe('components', function () {
       }]
     }];
 
-    var _render6 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+    var _render7 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskList.default, {
       refNumber: COP_REF,
       refTitle: REF_TITLE,
       sections: sections,
       onTaskAction: ON_CLICK
     })),
-        container = _render6.container;
+        container = _render7.container;
 
     var taskList = container.childNodes[0].childNodes[5].childNodes;
     var firstTask = taskList[1].childNodes[0].childNodes[0];

package/package.json

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