@ukhomeoffice/cop-react-form-renderer 6.16.0-beta → 7.0.0-charlie

package/dist/components/TaskList/Task.js

@@ -9,8 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _models = require("../../models");
 var _TaskState = _interopRequireDefault(require("./TaskState"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global Imports
 
@@ -30,21 +30,24 @@ const Task = _ref => {
     setCurrentState(task.state);
   }, [task.state, setLinkActive, setCurrentState]);
   const displayName = task.displayName || task.name;
-  return /*#__PURE__*/_react.default.createElement("li", {
-    className: classes('item')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: classes('task-name')
-  }, linkActive ? /*#__PURE__*/_react.default.createElement(_copReactComponents.Link, {
-    onClick: () => onClick(task),
-    onKeyPress: event => {
-      if (event.key === 'Enter') {
-        onClick(task);
-      }
-    },
-    tabIndex: "0"
-  }, displayName) : displayName), /*#__PURE__*/_react.default.createElement(_TaskState.default, {
-    state: currentState
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+    className: classes('item'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: classes('task-name'),
+      children: linkActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.Link, {
+        onClick: () => onClick(task),
+        onKeyPress: event => {
+          if (event.key === 'Enter') {
+            onClick(task);
+          }
+        },
+        tabIndex: "0",
+        children: displayName
+      }) : displayName
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskState.default, {
+      state: currentState
+    })]
+  });
 };
 Task.propTypes = {
   task: _propTypes.default.shape({

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

@@ -4,6 +4,7 @@ var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _models = require("../../models");
 var _Task = _interopRequireDefault(require("./Task"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports
 
@@ -21,7 +22,7 @@ describe('components', () => {
       const ON_CLICK = () => {};
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_Task.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Task.default, {
         task: TASK,
         onClick: ON_CLICK
       }));
@@ -44,7 +45,7 @@ describe('components', () => {
       const ON_CLICK = () => {};
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_Task.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Task.default, {
         task: TASK,
         onClick: ON_CLICK
       }));
@@ -66,7 +67,7 @@ describe('components', () => {
       const ON_CLICK = () => {};
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_Task.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Task.default, {
         task: TASK,
         onClick: ON_CLICK
       }));
@@ -84,7 +85,7 @@ describe('components', () => {
       const ON_CLICK = () => {};
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_Task.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Task.default, {
         task: TASK,
         onClick: ON_CLICK
       }));
@@ -104,7 +105,7 @@ describe('components', () => {
       const ON_CLICK = () => {};
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_Task.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Task.default, {
         task: TASK,
         onClick: ON_CLICK
       }));
@@ -126,7 +127,7 @@ describe('components', () => {
       };
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_Task.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Task.default, {
         task: TASK,
         onClick: ON_CLICK
       }));
@@ -152,7 +153,7 @@ describe('components', () => {
       };
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_Task.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Task.default, {
         task: TASK,
         onClick: ON_CLICK
       }));

package/dist/components/TaskList/TaskList.js

@@ -11,16 +11,20 @@ var _models = require("../../models");
 var _Task = _interopRequireDefault(require("./Task"));
 var _showComponent = _interopRequireDefault(require("../../utils/Component/showComponent"));
 require("./TaskList.scss");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["id", "refTitle", "refNumber", "notes", "incompleteTitle", "showCompletionOverview", "sections", "fieldId", "onTaskAction", "classBlock", "classModifiers", "className", "formData", "annotations"];
 /* eslint-disable import/no-duplicates */
 // Global Imports
 // Local Imports
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const DEFAULT_CLASS = exports.DEFAULT_CLASS = 'hods-task-list';
 const DEFAULT_INCOMPLETE_TITLE = exports.DEFAULT_INCOMPLETE_TITLE = 'Incomplete form';
 const TaskList = _ref => {
@@ -58,47 +62,66 @@ const TaskList = _ref => {
       onTaskAction(task);
     }
   };
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, cleanedHtmlAttrs, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, cleanedHtmlAttrs), {}, {
     id: id,
-    className: classes()
-  }), refNumber && refTitle && /*#__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"
-  }, "".concat(refTitle))), /*#__PURE__*/_react.default.createElement("p", {
-    className: "govuk-body govuk-!-font-weight-regular"
-  }, "".concat(refNumber))), annotations.length > 0 && annotations.map(annotation => /*#__PURE__*/_react.default.createElement("div", {
-    className: classes('annotation')
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "".concat(classes('annotation-key'), " govuk-body")
-  }, _copReactComponents.Utils.interpolateString(annotation.key, formData)), /*#__PURE__*/_react.default.createElement("p", {
-    className: "".concat(classes('annotation-value'), " govuk-body")
-  }, _copReactComponents.Utils.interpolateString(annotation.value, formData)))), showCompletionOverview && totalSections !== completeSections && /*#__PURE__*/_react.default.createElement("p", {
-    className: "govuk-body govuk-!-margin-bottom-0"
-  }, /*#__PURE__*/_react.default.createElement("strong", {
-    className: "tasklist-summary"
-  }, incompleteTitle)), showCompletionOverview && /*#__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, 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, formData))), /*#__PURE__*/_react.default.createElement(_copReactComponents.TextArea, {
-    id: notesId,
-    fieldId: notesId,
-    readOnly: true,
-    value: _copReactComponents.Utils.interpolateString(notesText, formData)
-  })), sections.filter(section => !section.skipped).map((section, index) => /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-    key: "".concat(section.name)
-  }, /*#__PURE__*/_react.default.createElement("h2", {
-    className: classes('section')
-  }, sections.length > 1 ? "".concat(index + 1, ". ") : '', section.name), section.label && /*#__PURE__*/_react.default.createElement(_copReactComponents.Hint, null, section.label), /*#__PURE__*/_react.default.createElement("ol", {
-    className: classes('items')
-  }, section.tasks.filter(task => task.state !== _models.TaskStates.TYPES.SKIPPED).map(task => /*#__PURE__*/_react.default.createElement(_Task.default, {
-    key: "".concat(section.name, "-").concat(task.name),
-    task: task,
-    onClick: onClick
-  }))))));
+    className: classes(),
+    children: [refNumber && refTitle && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "govuk-body govuk-!-margin-bottom-0",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+          className: "tasklist-summary",
+          children: "".concat(refTitle)
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "govuk-body govuk-!-font-weight-regular",
+        children: "".concat(refNumber)
+      })]
+    }), annotations.length > 0 && annotations.map(annotation => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes('annotation'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "".concat(classes('annotation-key'), " govuk-body"),
+        children: _copReactComponents.Utils.interpolateString(annotation.key, formData)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "".concat(classes('annotation-value'), " govuk-body"),
+        children: _copReactComponents.Utils.interpolateString(annotation.value, formData)
+      })]
+    })), showCompletionOverview && totalSections !== completeSections && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      className: "govuk-body govuk-!-margin-bottom-0",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+        className: "tasklist-summary",
+        children: incompleteTitle
+      })
+    }), showCompletionOverview && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      className: "govuk-body govuk-!-margin-bottom-7",
+      children: "You have completed ".concat(completeSections, " of ").concat(totalSections, " sections")
+    }), notesTitle && notesText && (0, _showComponent.default)(notes, formData) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "govuk-body govuk-!-margin-bottom-0",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+          className: "tasklist-summary",
+          children: _copReactComponents.Utils.interpolateString(notesTitle, formData)
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.TextArea, {
+        id: notesId,
+        fieldId: notesId,
+        readOnly: true,
+        value: _copReactComponents.Utils.interpolateString(notesText, formData)
+      })]
+    }), sections.filter(section => !section.skipped).map((section, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("h2", {
+        className: classes('section'),
+        children: [sections.length > 1 ? "".concat(index + 1, ". ") : '', section.name]
+      }), section.label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.Hint, {
+        children: section.label
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
+        className: classes('items'),
+        children: section.tasks.filter(task => task.state !== _models.TaskStates.TYPES.SKIPPED).map(task => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Task.default, {
+          task: task,
+          onClick: onClick
+        }, "".concat(section.name, "-").concat(task.name)))
+      })]
+    }, "".concat(section.name)))]
+  }));
 };
 TaskList.propTypes = {
   classBlock: _propTypes.default.string,

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

@@ -3,8 +3,8 @@
 var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _TaskList = _interopRequireWildcard(require("./TaskList"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports
 
@@ -50,7 +50,7 @@ describe('components', () => {
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskList.default, {
         refNumber: COP_REF,
         refTitle: REF_TITLE,
         sections: sections
@@ -128,7 +128,7 @@ describe('components', () => {
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskList.default, {
         refNumber: COP_REF,
         refTitle: REF_TITLE,
         sections: sections,
@@ -210,7 +210,7 @@ describe('components', () => {
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskList.default, {
         refNumber: COP_REF,
         refTitle: REF_TITLE,
         sections: sections,
@@ -268,7 +268,7 @@ describe('components', () => {
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskList.default, {
         refNumber: COP_REF,
         refTitle: REF_TITLE,
         sections: sections
@@ -312,7 +312,7 @@ describe('components', () => {
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskList.default, {
         refNumber: COP_REF,
         refTitle: REF_TITLE,
         sections: sections
@@ -359,7 +359,7 @@ describe('components', () => {
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskList.default, {
         refNumber: COP_REF,
         sections: sections
       }));
@@ -412,7 +412,7 @@ describe('components', () => {
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskList.default, {
         refNumber: COP_REF,
         sections: sections,
         incompleteTitle: INCOMPLETE_TITLE
@@ -461,7 +461,7 @@ describe('components', () => {
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskList.default, {
         refNumber: COP_REF,
         sections: sections,
         incompleteTitle: INCOMPLETE_TITLE
@@ -502,7 +502,7 @@ describe('components', () => {
     }];
     const {
       container
-    } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+    } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskList.default, {
       refNumber: COP_REF,
       refTitle: REF_TITLE,
       sections: sections,

package/dist/components/TaskList/TaskState.js

@@ -8,6 +8,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _models = require("../../models");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global Imports
 
@@ -20,10 +21,11 @@ const TaskState = _ref => {
   } = _ref;
   const classes = _copReactComponents.Utils.classBuilder(DEFAULT_CLASS, undefined, undefined);
   const details = _models.TaskStates.DETAILS[state] || _models.TaskStates.DETAILS.cannotStartYet;
-  return /*#__PURE__*/_react.default.createElement(_copReactComponents.Tag, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.Tag, {
     classModifiers: details.colour,
-    className: classes('tag')
-  }, details.label);
+    className: classes('tag'),
+    children: details.label
+  });
 };
 TaskState.propTypes = {
   state: _propTypes.default.string

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

@@ -4,6 +4,7 @@ var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _TaskState = _interopRequireDefault(require("./TaskState"));
 var _models = require("../../models");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports
 
@@ -22,7 +23,7 @@ describe('components', () => {
       const STATE = _models.TaskStates.TYPES.COMPLETE;
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskState.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskState.default, {
         state: STATE
       }));
       expect(container.childNodes.length).toEqual(1);
@@ -33,7 +34,7 @@ describe('components', () => {
       const STATE = _models.TaskStates.TYPES.IN_PROGRESS;
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskState.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskState.default, {
         state: STATE
       }));
       expect(container.childNodes.length).toEqual(1);
@@ -45,7 +46,7 @@ describe('components', () => {
       const STATE = _models.TaskStates.TYPES.NOT_STARTED;
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskState.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskState.default, {
         state: STATE
       }));
       expect(container.childNodes.length).toEqual(1);
@@ -57,7 +58,7 @@ describe('components', () => {
       const STATE = _models.TaskStates.TYPES.CANNOT_START_YET;
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskState.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskState.default, {
         state: STATE
       }));
       expect(checkIsCannotStartYet(container)).toBeTruthy();
@@ -66,7 +67,7 @@ describe('components', () => {
       const STATE = 'spellingError';
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskState.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskState.default, {
         state: STATE
       }));
       expect(checkIsCannotStartYet(container)).toBeTruthy();
@@ -75,7 +76,7 @@ describe('components', () => {
       const STATE = null;
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskState.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskState.default, {
         state: STATE
       }));
       expect(checkIsCannotStartYet(container)).toBeTruthy();
@@ -84,7 +85,7 @@ describe('components', () => {
       const STATE = undefined;
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_TaskState.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskState.default, {
         state: STATE
       }));
       expect(checkIsCannotStartYet(container)).toBeTruthy();

package/dist/context/HooksContext/HooksContext.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.HooksContext = exports.ALLOWED_HOOKS = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -73,13 +73,14 @@ const HooksContextProvider = _ref => {
       }));
     }
   };
-  return /*#__PURE__*/_react.default.createElement(HooksContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(HooksContext.Provider, {
     value: {
       hooks,
       addHook,
       removeHook
-    }
-  }, children);
+    },
+    children: children
+  });
 };
 var _default = exports.default = HooksContextProvider;
 HooksContextProvider.propTypes = {

package/dist/context/HooksContext/HooksContext.test.js

@@ -4,8 +4,8 @@ var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _hooks = require("../../hooks");
 var _HooksContext = _interopRequireWildcard(require("./HooksContext"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports
 
@@ -17,15 +17,23 @@ const TestComponent = () => {
     addHook,
     removeHook
   } = (0, _hooks.useHooks)();
-  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, typeof addHook === 'function' && /*#__PURE__*/_react2.default.createElement("span", null, "addHook is a function"), typeof removeHook === 'function' && /*#__PURE__*/_react2.default.createElement("span", null, "removeHook is a function"), Object.keys(hooks).map(key => typeof hooks[key] === 'function' && /*#__PURE__*/_react2.default.createElement("span", {
-    key: key
-  }, key, " is a function")));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [typeof addHook === 'function' && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: "addHook is a function"
+    }), typeof removeHook === 'function' && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: "removeHook is a function"
+    }), Object.keys(hooks).map(key => typeof hooks[key] === 'function' && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      children: [key, " is a function"]
+    }, key))]
+  });
 };
 describe('context.ValidationContext', () => {
   it('should appropriately set up the context', async () => {
     const {
       container
-    } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_HooksContext.default, null, /*#__PURE__*/_react2.default.createElement(TestComponent, null)));
+    } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_HooksContext.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {})
+    }));
     expect(container.childNodes.length).toEqual(2 + _HooksContext.ALLOWED_HOOKS.length);
     expect(container.textContent).toContain('addHook is a function');
     expect(container.textContent).toContain('removeHook is a function');

package/dist/context/HooksContext/index.js

@@ -11,6 +11,5 @@ Object.defineProperty(exports, "HooksContext", {
 });
 exports.default = void 0;
 var _HooksContext = _interopRequireWildcard(require("./HooksContext"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 var _default = exports.default = _HooksContext.default;

package/dist/context/ValidationContext/ValidationContext.js

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = _interopRequireDefault(require("../../utils"));
 var _hooks = require("../../hooks");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /* eslint-disable react/jsx-no-constructed-context-values, no-shadow */
 // Global imports
 
@@ -74,7 +74,7 @@ const ValidationContextProvider = _ref => {
       return allErrors;
     }
   };
-  return /*#__PURE__*/_react.default.createElement(ValidationContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ValidationContext.Provider, {
     value: {
       errors,
       addErrors,
@@ -84,8 +84,9 @@ const ValidationContextProvider = _ref => {
       dequeueErrors,
       clearQueuedErrors,
       validate
-    }
-  }, children);
+    },
+    children: children
+  });
 };
 var _default = exports.default = ValidationContextProvider;
 ValidationContextProvider.propTypes = {