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

package/dist/components/SummaryList/GroupAction.js

@@ -8,10 +8,14 @@ var _react = _interopRequireWildcard(require("react"));
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _getGroupActionAttributes = _interopRequireDefault(require("./helpers/getGroupActionAttributes"));
+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 _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); } // Global imports
+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; }
+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); } // Global imports
 // Local imports
 const GroupAction = _ref => {
   let {
@@ -24,11 +28,13 @@ const GroupAction = _ref => {
   if (!(group !== null && group !== void 0 && group.action)) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_copReactComponents.Link, _extends({}, attrs, {
-    "aria-label": "".concat(group.action.label, " ").concat(group.action.aria_suffix)
-  }), group.action.label, group.action.aria_suffix && /*#__PURE__*/_react.default.createElement("span", {
-    className: "mobile-text govuk-link"
-  }, ' ', "".concat(group.action.aria_suffix)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_copReactComponents.Link, _objectSpread(_objectSpread({}, attrs), {}, {
+    "aria-label": "".concat(group.action.label, " ").concat(group.action.aria_suffix),
+    children: [group.action.label, group.action.aria_suffix && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: "mobile-text govuk-link",
+      children: [' ', "".concat(group.action.aria_suffix)]
+    })]
+  }));
 };
 GroupAction.propTypes = {
   group: _propTypes.default.shape({

package/dist/components/SummaryList/GroupAction.test.js

@@ -3,6 +3,7 @@
 var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _GroupAction = _interopRequireDefault(require("./GroupAction"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports
 
@@ -14,7 +15,7 @@ describe('components', () => {
       const ROW = {};
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_GroupAction.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupAction.default, {
         group: ROW
       }));
       expect(container.childNodes.length).toEqual(0);
@@ -29,7 +30,7 @@ describe('components', () => {
       };
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_GroupAction.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupAction.default, {
         group: ROW
       }));
       const link = container.childNodes[0];
@@ -48,7 +49,7 @@ describe('components', () => {
       };
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_GroupAction.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupAction.default, {
         group: ROW
       }));
       const link = container.childNodes[0];
@@ -69,7 +70,7 @@ describe('components', () => {
       };
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_GroupAction.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupAction.default, {
         group: ROW
       }));
       const link = container.childNodes[0];

package/dist/components/SummaryList/RowAction.js

@@ -8,13 +8,15 @@ var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("./helpers");
-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
-
+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); } // Global imports
 // Local imports
-
 const RowAction = _ref => {
   let {
     row
@@ -26,7 +28,11 @@ const RowAction = _ref => {
   if (!row.action) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_copReactComponents.Link, attrs, row.action.label, row.action.aria_suffix && /*#__PURE__*/_react.default.createElement(_copReactComponents.VisuallyHidden, null, " ", row.action.aria_suffix));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_copReactComponents.Link, _objectSpread(_objectSpread({}, attrs), {}, {
+    children: [row.action.label, row.action.aria_suffix && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_copReactComponents.VisuallyHidden, {
+      children: [" ", row.action.aria_suffix]
+    })]
+  }));
 };
 RowAction.propTypes = {
   row: _propTypes.default.shape({

package/dist/components/SummaryList/RowAction.test.js

@@ -3,6 +3,7 @@
 var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _RowAction = _interopRequireDefault(require("./RowAction"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports
 
@@ -14,7 +15,7 @@ describe('components', () => {
       const ROW = {};
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_RowAction.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowAction.default, {
         row: ROW
       }));
       expect(container.childNodes.length).toEqual(0);
@@ -29,7 +30,7 @@ describe('components', () => {
       };
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_RowAction.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowAction.default, {
         row: ROW
       }));
       const link = container.childNodes[0];
@@ -48,7 +49,7 @@ describe('components', () => {
       };
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_RowAction.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowAction.default, {
         row: ROW
       }));
       const link = container.childNodes[0];
@@ -69,7 +70,7 @@ describe('components', () => {
       };
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_RowAction.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowAction.default, {
         row: ROW
       }));
       const link = container.childNodes[0];

package/dist/components/SummaryList/SummaryList.js

@@ -13,13 +13,18 @@ var _SummaryListHeadingRow = _interopRequireDefault(require("./SummaryListHeadin
 var _SummaryListHeadingRowWithAction = _interopRequireDefault(require("./SummaryListHeadingRowWithAction"));
 var _SummaryListTitleRow = _interopRequireDefault(require("./SummaryListTitleRow"));
 require("./SummaryList.scss");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["rows", "noChangeAction", "noGroupAction", "isGroup", "classBlock", "classModifiers", "className"]; // Global imports
 // Local imports
 // Styles
 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 = 'govuk-summary-list';
 const SummaryList = _ref => {
   let {
@@ -39,52 +44,52 @@ const SummaryList = _ref => {
     const rowActions = rows.filter(r => !!r.action);
     groupActionRow = rowActions !== null && rowActions !== void 0 && rowActions.length ? rowActions[0] : null;
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "group-of-rows"
-  }, /*#__PURE__*/_react.default.createElement("dl", _extends({}, cleanedHtmlAttrs, {
-    className: classes()
-  }), rows.map(row => {
-    const key = "".concat(row.pageId, "_").concat(row.full_path || row.fieldId);
-    if (row.type === 'title') {
-      return /*#__PURE__*/_react.default.createElement(_SummaryListTitleRow.default, {
-        key: key,
-        title: row.key,
-        classes: classes
-      });
-    }
-    if (row.type === 'heading') {
-      return /*#__PURE__*/_react.default.createElement(_SummaryListHeadingRow.default, {
-        key: key,
-        title: row.key,
-        size: row.size || 's',
-        classes: classes
-      });
-    }
-    if (row.type === 'headingWithAction') {
-      return /*#__PURE__*/_react.default.createElement(_SummaryListHeadingRowWithAction.default, {
-        row: row,
-        classes: classes,
-        noChangeAction: noChangeAction
-      });
-    }
-    if (row.type === 'action') {
-      return noChangeAction ? null : /*#__PURE__*/_react.default.createElement("div", {
-        key: "".concat(key, "-actions")
-      }, /*#__PURE__*/_react.default.createElement(_GroupAction.default, {
-        group: row
-      }));
-    }
-    return /*#__PURE__*/_react.default.createElement(_SummaryListRow.default, {
-      key: key,
-      row: row,
-      classes: classes,
-      showAction: !noChangeAction
-    });
-  }).filter(r => !!r), isGroup && !noGroupAction && /*#__PURE__*/_react.default.createElement("div", {
-    className: "change-group-button"
-  }, /*#__PURE__*/_react.default.createElement(_GroupAction.default, {
-    group: groupActionRow
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "group-of-rows",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("dl", _objectSpread(_objectSpread({}, cleanedHtmlAttrs), {}, {
+      className: classes(),
+      children: [rows.map(row => {
+        const key = "".concat(row.pageId, "_").concat(row.full_path || row.fieldId);
+        if (row.type === 'title') {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryListTitleRow.default, {
+            title: row.key,
+            classes: classes
+          }, key);
+        }
+        if (row.type === 'heading') {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryListHeadingRow.default, {
+            title: row.key,
+            size: row.size || 's',
+            classes: classes
+          }, key);
+        }
+        if (row.type === 'headingWithAction') {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryListHeadingRowWithAction.default, {
+            row: row,
+            classes: classes,
+            noChangeAction: noChangeAction
+          });
+        }
+        if (row.type === 'action') {
+          return noChangeAction ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupAction.default, {
+              group: row
+            })
+          }, "".concat(key, "-actions"));
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryListRow.default, {
+          row: row,
+          classes: classes,
+          showAction: !noChangeAction
+        }, key);
+      }).filter(r => !!r), isGroup && !noGroupAction && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "change-group-button",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupAction.default, {
+          group: groupActionRow
+        })
+      })]
+    }))
+  });
 };
 SummaryList.propTypes = {
   classBlock: _propTypes.default.string,

package/dist/components/SummaryList/SummaryList.test.js

@@ -3,8 +3,8 @@
 var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _SummaryList = _interopRequireWildcard(require("./SummaryList"));
-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
 
@@ -76,7 +76,7 @@ describe('components', () => {
       const ROWS = [];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryList.default, {
         "data-testid": ID,
         rows: ROWS
       }));
@@ -98,7 +98,7 @@ describe('components', () => {
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryList.default, {
         "data-testid": ID,
         rows: ROWS,
         noGroupAction: true
@@ -132,7 +132,7 @@ describe('components', () => {
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryList.default, {
         "data-testid": ID,
         rows: ROWS
       }));
@@ -185,7 +185,7 @@ describe('components', () => {
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryList.default, {
         "data-testid": ID,
         rows: ROWS
       }));
@@ -228,7 +228,7 @@ describe('components', () => {
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryList.default, {
         "data-testid": ID,
         rows: ROWS,
         noChangeAction: true
@@ -243,16 +243,20 @@ describe('components', () => {
         key: 'a',
         pageId: 'p1',
         fieldId: 'a',
-        value: /*#__PURE__*/_react2.default.createElement("div", null, VALUES[0])
+        value: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: VALUES[0]
+        })
       }, {
         key: 'b',
         pageId: 'p2',
         fieldId: 'b',
-        value: /*#__PURE__*/_react2.default.createElement("div", null, VALUES[1])
+        value: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: VALUES[1]
+        })
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryList.default, {
         "data-testid": ID,
         rows: ROWS
       }));
@@ -295,7 +299,7 @@ describe('components', () => {
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryList.default, {
         "data-testid": ID,
         rows: ROWS
       }));
@@ -339,7 +343,7 @@ describe('components', () => {
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryList.default, {
         "data-testid": ID,
         rows: ROWS
       }));
@@ -364,16 +368,20 @@ describe('components', () => {
         key: 'a',
         pageId: 'p1',
         fieldId: 'a',
-        value: /*#__PURE__*/_react2.default.createElement("div", null, VALUES[0])
+        value: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: VALUES[0]
+        })
       }, {
         key: 'b',
         pageId: 'p2',
         fieldId: 'b',
-        value: /*#__PURE__*/_react2.default.createElement("div", null, VALUES[1])
+        value: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: VALUES[1]
+        })
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryList.default, {
         "data-testid": ID,
         rows: ROWS,
         noChangeAction: true
@@ -397,7 +405,9 @@ describe('components', () => {
         key: 'a',
         pageId: 'p1',
         fieldId: 'a',
-        value: /*#__PURE__*/_react2.default.createElement("div", null, VALUES[0]),
+        value: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: VALUES[0]
+        }),
         action: {
           label: 'action'
         }
@@ -405,16 +415,20 @@ describe('components', () => {
         key: 'b',
         pageId: 'p1',
         fieldId: 'b',
-        value: /*#__PURE__*/_react2.default.createElement("div", null, VALUES[1])
+        value: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: VALUES[1]
+        })
       }, {
         key: 'c',
         pageId: 'p1',
         fieldId: 'c',
-        value: /*#__PURE__*/_react2.default.createElement("div", null, VALUES[2])
+        value: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: VALUES[2]
+        })
       }];
       const {
         container
-      } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryList.default, {
         "data-testid": ID,
         rows: ROWS,
         isGroup: ISGROUP

package/dist/components/SummaryList/SummaryListHeadingRow.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports
 
@@ -16,9 +17,14 @@ const SummaryListHeadingRow = _ref => {
     size,
     classes
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(classes('heading'))
-  }, size === 's' && /*#__PURE__*/_react.default.createElement(_copReactComponents.SmallHeading, null, title), size === 'm' && /*#__PURE__*/_react.default.createElement(_copReactComponents.MediumHeading, null, title));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "".concat(classes('heading')),
+    children: [size === 's' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.SmallHeading, {
+      children: title
+    }), size === 'm' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.MediumHeading, {
+      children: title
+    })]
+  });
 };
 SummaryListHeadingRow.propTypes = {
   classes: _propTypes.default.func.isRequired,

package/dist/components/SummaryList/SummaryListHeadingRowWithAction.js

@@ -9,6 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _RowAction = _interopRequireDefault(require("./RowAction"));
 require("./SummaryListHeadingRowWithAction.scss");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports
 
@@ -22,18 +23,25 @@ const SummaryListHeadingRowWithAction = _ref => {
     classes,
     noChangeAction
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes('headingWithAction')
-  }, /*#__PURE__*/_react.default.createElement("td", {
-    className: "heading-text",
-    colSpan: "2"
-  }, row.size === 's' && /*#__PURE__*/_react.default.createElement(_copReactComponents.SmallHeading, null, row.key), row.size === 'm' && /*#__PURE__*/_react.default.createElement(_copReactComponents.MediumHeading, null, row.key)), /*#__PURE__*/_react.default.createElement("td", {
-    className: "heading-action"
-  }, !noChangeAction && /*#__PURE__*/_react.default.createElement(_RowAction.default, {
-    row: {
-      action: row.action
-    }
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes('headingWithAction'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("td", {
+      className: "heading-text",
+      colSpan: "2",
+      children: [row.size === 's' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.SmallHeading, {
+        children: row.key
+      }), row.size === 'm' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.MediumHeading, {
+        children: row.key
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      className: "heading-action",
+      children: !noChangeAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowAction.default, {
+        row: {
+          action: row.action
+        }
+      })
+    })]
+  });
 };
 SummaryListHeadingRowWithAction.propTypes = {
   classes: _propTypes.default.func.isRequired,

package/dist/components/SummaryList/SummaryListRow.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _RowAction = _interopRequireDefault(require("./RowAction"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports
 
@@ -18,17 +19,21 @@ const SummaryListRow = _ref => {
     classes,
     showAction
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes('row')
-  }, /*#__PURE__*/_react.default.createElement("dt", {
-    className: classes('key')
-  }, row.key, !row.required && " (optional)"), /*#__PURE__*/_react.default.createElement("dd", {
-    className: classes('value')
-  }, row.value), showAction && /*#__PURE__*/_react.default.createElement("dd", {
-    className: classes('actions')
-  }, row.action && /*#__PURE__*/_react.default.createElement(_RowAction.default, {
-    row: row
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes('row'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("dt", {
+      className: classes('key'),
+      children: [row.key, !row.required && " (optional)"]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("dd", {
+      className: classes('value'),
+      children: row.value
+    }), showAction && /*#__PURE__*/(0, _jsxRuntime.jsx)("dd", {
+      className: classes('actions'),
+      children: row.action && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowAction.default, {
+        row: row
+      })
+    })]
+  });
 };
 SummaryListRow.propTypes = {
   classes: _propTypes.default.func.isRequired,

package/dist/components/SummaryList/SummaryListTitleRow.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports
 
@@ -15,9 +16,12 @@ const SummaryListTitleRow = _ref => {
     title,
     classes
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(classes('row'), " ").concat(classes('title'))
-  }, /*#__PURE__*/_react.default.createElement(_copReactComponents.SmallHeading, null, title));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "".concat(classes('row'), " ").concat(classes('title')),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.SmallHeading, {
+      children: title
+    })
+  });
 };
 SummaryListTitleRow.propTypes = {
   title: _propTypes.default.string.isRequired,