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

package/dist/components/TaskList/TaskList.js

@@ -13,7 +13,7 @@ var _models = require("../../models");
 var _Task = _interopRequireDefault(require("./Task"));
 var _showComponent = _interopRequireDefault(require("../../utils/Component/showComponent"));
 require("./TaskList.scss");
-var _excluded = ["refTitle", "refNumber", "notes", "incompleteTitle", "sections", "fieldId", "onTaskAction", "classBlock", "classModifiers", "className"];
+var _excluded = ["id", "refTitle", "refNumber", "notes", "incompleteTitle", "sections", "fieldId", "onTaskAction", "classBlock", "classModifiers", "className", "formData"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -31,7 +31,8 @@ exports.DEFAULT_CLASS = DEFAULT_CLASS;
 var DEFAULT_INCOMPLETE_TITLE = 'Incomplete form';
 exports.DEFAULT_INCOMPLETE_TITLE = DEFAULT_INCOMPLETE_TITLE;
 var TaskList = function TaskList(_ref) {
-  var refTitle = _ref.refTitle,
+  var id = _ref.id,
+    refTitle = _ref.refTitle,
     refNumber = _ref.refNumber,
     notes = _ref.notes,
     incompleteTitle = _ref.incompleteTitle,
@@ -41,6 +42,7 @@ var TaskList = function TaskList(_ref) {
     classBlock = _ref.classBlock,
     classModifiers = _ref.classModifiers,
     className = _ref.className,
+    formData = _ref.formData,
     attrs = _objectWithoutProperties(_ref, _excluded);
   var classes = _copReactComponents.Utils.classBuilder(classBlock, classModifiers, className);
 
@@ -58,7 +60,7 @@ var TaskList = function TaskList(_ref) {
     _sections$filter$redu2 = _slicedToArray(_sections$filter$redu, 2),
     completeSections = _sections$filter$redu2[0],
     totalSections = _sections$filter$redu2[1];
-  var notesId = "".concat(attrs.id, "Notes");
+  var notesId = "".concat(id, "Notes");
   var _ref2 = notes ? notes : {},
     notesTitle = _ref2.title,
     notesText = _ref2.text;
@@ -67,7 +69,9 @@ var TaskList = function TaskList(_ref) {
       onTaskAction(task);
     }
   };
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, attrs, {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    id: id
+  }, attrs, {
     className: classes()
   }), refNumber && refTitle && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
     className: "govuk-body govuk-!-margin-bottom-0"
@@ -81,15 +85,15 @@ var TaskList = function TaskList(_ref) {
     className: "tasklist-summary"
   }, incompleteTitle)), /*#__PURE__*/_react.default.createElement("p", {
     className: "govuk-body govuk-!-margin-bottom-7"
-  }, "You have completed ".concat(completeSections, " of ").concat(totalSections, " sections")), notesTitle && notesText && (0, _showComponent.default)(notes, attrs.formData) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
+  }, "You have completed ".concat(completeSections, " of ").concat(totalSections, " sections")), notesTitle && notesText && (0, _showComponent.default)(notes, formData) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
     className: "govuk-body govuk-!-margin-bottom-0"
   }, /*#__PURE__*/_react.default.createElement("strong", {
     className: "tasklist-summary"
-  }, _copReactComponents.Utils.interpolateString(notesTitle, attrs.formData))), /*#__PURE__*/_react.default.createElement(_copReactComponents.TextArea, {
+  }, _copReactComponents.Utils.interpolateString(notesTitle, formData))), /*#__PURE__*/_react.default.createElement(_copReactComponents.TextArea, {
     id: notesId,
     fieldId: notesId,
     readOnly: true,
-    value: _copReactComponents.Utils.interpolateString(notesText, attrs.formData)
+    value: _copReactComponents.Utils.interpolateString(notesText, formData)
   })), sections.filter(function (section) {
     return !section.skipped;
   }).map(function (section, index) {
@@ -111,6 +115,7 @@ var TaskList = function TaskList(_ref) {
   }));
 };
 TaskList.propTypes = {
+  id: _propTypes.default.string,
   refTitle: _propTypes.default.string,
   refNumber: _propTypes.default.string,
   notes: _propTypes.default.shape({
@@ -130,7 +135,8 @@ TaskList.propTypes = {
   })).isRequired,
   classBlock: _propTypes.default.string,
   classModifiers: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
-  className: _propTypes.default.string
+  className: _propTypes.default.string,
+  formData: _propTypes.default.shape({})
 };
 TaskList.defaultProps = {
   classBlock: DEFAULT_CLASS,

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

@@ -326,10 +326,11 @@ describe('components', function () {
         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));
+      var children = childNodes[0].childNodes;
+      expect(children.length).toEqual(4);
+      expect(children[0].textContent).toEqual(INCOMPLETE_TITLE);
+      expect(children[1].textContent).toEqual('You have completed 1 of 3 sections');
+      expect(children[2].textContent).toEqual("1. ".concat(sections[1].name));
     });
   });
   it('should pass the selected task to the given onTaskAction function', function () {

package/package.json

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