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

package/dist/components/CollectionSummary/BannerStrip.js

@@ -9,6 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _utils = _interopRequireDefault(require("../../utils"));
 require("./BannerStrip.scss");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports.
 
@@ -26,28 +27,28 @@ const BannerStrip = _ref => {
   } = _ref;
   const classes = _utils.default.classBuilder(DEFAULT_CLASS, classModifiers, '');
   const filteredBanners = banners.filter(banner => _utils.default.Component.show(banner, formData));
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     id: id,
-    className: classes()
-  }, filteredBanners.map((banner, index) => {
-    const bannerId = "".concat(id, "-banner-").concat(index);
-    if (typeof banner === 'string' || banner.type === 'plain') {
-      const bannerText = typeof banner === 'string' ? banner : banner.text;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        id: bannerId,
-        key: bannerId,
-        className: classes('banner')
-      }, /*#__PURE__*/_react.default.createElement(_copReactComponents.Markup, {
-        content: _utils.default.interpolateString(bannerText, formData)
-      }));
-    }
-    return /*#__PURE__*/_react.default.createElement(_copReactComponents.Tag, {
-      key: bannerId,
-      classBlock: "".concat(DEFAULT_CLASS, "__tag"),
-      classModifiers: banner.classModifiers,
-      text: _utils.default.interpolateString(banner.text, formData)
-    });
-  }));
+    className: classes(),
+    children: filteredBanners.map((banner, index) => {
+      const bannerId = "".concat(id, "-banner-").concat(index);
+      if (typeof banner === 'string' || banner.type === 'plain') {
+        const bannerText = typeof banner === 'string' ? banner : banner.text;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          id: bannerId,
+          className: classes('banner'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.Markup, {
+            content: _utils.default.interpolateString(bannerText, formData)
+          })
+        }, bannerId);
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.Tag, {
+        classBlock: "".concat(DEFAULT_CLASS, "__tag"),
+        classModifiers: banner.classModifiers,
+        text: _utils.default.interpolateString(banner.text, formData)
+      }, bannerId);
+    })
+  });
 };
 BannerStrip.propTypes = {
   id: _propTypes.default.string.isRequired,

package/dist/components/CollectionSummary/BannerStrip.test.js

@@ -4,8 +4,8 @@ var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _react = _interopRequireDefault(require("react"));
 var _setupTests = require("../../setupTests");
 var _BannerStrip = _interopRequireWildcard(require("./BannerStrip"));
-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 }; }
 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; }
@@ -29,7 +29,7 @@ describe('components.CollectionSummary.BannerStrip', () => {
   it('should correctly render a BannerStrip component with plain-text banners', () => {
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_BannerStrip.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_BannerStrip.default, {
       id: ID,
       banners: BANNERS,
       formData: FORM_DATA
@@ -56,7 +56,7 @@ describe('components.CollectionSummary.BannerStrip', () => {
     }];
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_BannerStrip.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_BannerStrip.default, {
       id: ID,
       banners: TAG_BANNERS,
       formData: FORM_DATA
@@ -84,7 +84,7 @@ describe('components.CollectionSummary.BannerStrip', () => {
     'Another interpolated ${textField}'];
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_BannerStrip.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_BannerStrip.default, {
       id: ID,
       banners: INTERPOLATED_BANNERS,
       formData: FORM_DATA
@@ -104,7 +104,7 @@ describe('components.CollectionSummary.BannerStrip', () => {
   it('should render no banners if none are provided', () => {
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_BannerStrip.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_BannerStrip.default, {
       id: ID,
       formData: FORM_DATA
     }));
@@ -117,7 +117,7 @@ describe('components.CollectionSummary.BannerStrip', () => {
     const PLAIN_STRING_BANNER = 'banner';
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_BannerStrip.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_BannerStrip.default, {
       id: ID,
       banners: [PLAIN_STRING_BANNER],
       formData: FORM_DATA
@@ -147,7 +147,7 @@ describe('components.CollectionSummary.BannerStrip', () => {
     });
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_BannerStrip.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_BannerStrip.default, {
       id: ID,
       banners: CUSTOM_BANNERS,
       formData: CUSTOM_FORM_DATA

package/dist/components/CollectionSummary/CollectionSummary.js

@@ -18,12 +18,12 @@ var _Confirmation = _interopRequireDefault(require("./Confirmation"));
 var _SummaryCard = _interopRequireDefault(require("./SummaryCard"));
 var _SummaryCardValidationContext = _interopRequireDefault(require("./SummaryCardValidationContext"));
 require("./CollectionSummary.scss");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["isDuplicate"];
-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 _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 _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; }
 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; }
@@ -198,103 +198,109 @@ const CollectionSummary = _ref => {
     const row = (0, _getCYARow.default)(_objectSpread(_objectSpread({}, masterPage), {}, {
       formData: _objectSpread(_objectSpread({}, formData), entryToDelete)
     }), component);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: field,
-      className: "confirmation-field-value"
-    }, /*#__PURE__*/_react.default.createElement(_Answer.default, {
-      value: row.value,
-      component: row.component,
-      formData: row.formData
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "confirmation-field-value",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Answer.default, {
+        value: row.value,
+        component: row.component,
+        formData: row.formData
+      })
+    }, field);
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    id: config.fieldId
-  }, entryToDelete && /*#__PURE__*/_react.default.createElement(_Confirmation.default, {
-    id: "".concat(config.fieldId, ".confirmation"),
-    message: _utils.default.interpolateString((_config$confirmation = config.confirmation) === null || _config$confirmation === void 0 ? void 0 : _config$confirmation.message, _objectSpread(_objectSpread({}, entryToDelete), {}, {
-      index: entryToDelete.index + 1
-    })) || null,
-    confirmLabel: _utils.default.interpolateString((_config$confirmation2 = config.confirmation) === null || _config$confirmation2 === void 0 ? void 0 : _config$confirmation2.label, entryToDelete) || null,
-    onConfirm: onDeleteConfirm,
-    onCancel: () => setEntryToDelete(null)
-  }, config.card.listView ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "confirmation-content"
-  }, (_config$confirmation3 = config.confirmation) === null || _config$confirmation3 === void 0 ? void 0 : _config$confirmation3.displayFields.map(renderFieldValue)) : /*#__PURE__*/_react.default.createElement(_SummaryCard.default, {
-    id: "".concat(config.fieldId, ".confirmationChild"),
-    entryData: entryToDelete,
-    config: config.card ? _objectSpread(_objectSpread({}, config.card), {}, {
-      quickEdit: null
-    }) : {},
-    masterPage: masterPage,
-    classModifiers: "nested",
-    hideDetails: true
-  })), !config.card.listView && config.addButton && /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
-    id: "".concat(config.fieldId, ".addButton"),
-    action: {
-      collection: config.collectionName,
-      label: _utils.default.interpolateString(config.addButton.label || DEFAULT_ADD_BUTTON_LABEL, {
-        documents: data
-      }),
-      page: config.addButton.page,
-      type: _PageAction.PageActionTypes.COLLECTION_ADD,
-      classModifiers: ['secondary']
-    },
-    onAction: onAction
-  }), /*#__PURE__*/_react.default.createElement("ul", {
-    className: "collection-summary-card-list"
-  }, data.map((entry, index) => {
-    const isInError = errors.filter(e => e.entryId === entry.id).length > 0;
-    const finalConfig = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, config.card), entry.isDuplicate && config.duplicatedCard ? config.duplicatedCard : {}), isInError && config.errorCard ? config.errorCard : {}), {}, {
-      focusOn: (toFocusOn === null || toFocusOn === void 0 ? void 0 : toFocusOn.id) === entry.id
-    });
-    const key = "".concat(config.fieldId, ".summaryCard").concat(entry.id);
-    return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_SummaryCardValidationContext.default, {
-      entryId: entry.id,
-      topLevelErrors: errors,
-      clearTopLevelErrorsForCard: () => {
-        const newErrors = errors.filter(e => e.entryId !== entry.id);
-        clearErrors();
-        addErrors(newErrors);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_SummaryCard.default, {
-      id: key,
-      key: key,
-      entryData: _objectSpread(_objectSpread({}, entry), {}, {
-        index
-      }),
-      masterPage: masterPage,
-      config: finalConfig || {},
-      onFullEdit: onSummaryCardFullEdit,
-      onDuplicate: onDuplicate,
-      onDelete: () => setEntryToDelete(_objectSpread(_objectSpread({}, entry), {}, {
-        index
-      })),
-      onQuickEdit: target => {
-        validateEntries();
-        return onChange(target);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    id: config.fieldId,
+    children: [entryToDelete && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Confirmation.default, {
+      id: "".concat(config.fieldId, ".confirmation"),
+      message: _utils.default.interpolateString((_config$confirmation = config.confirmation) === null || _config$confirmation === void 0 ? void 0 : _config$confirmation.message, _objectSpread(_objectSpread({}, entryToDelete), {}, {
+        index: entryToDelete.index + 1
+      })) || null,
+      confirmLabel: _utils.default.interpolateString((_config$confirmation2 = config.confirmation) === null || _config$confirmation2 === void 0 ? void 0 : _config$confirmation2.label, entryToDelete) || null,
+      onConfirm: onDeleteConfirm,
+      onCancel: () => setEntryToDelete(null),
+      children: config.card.listView ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "confirmation-content",
+        children: (_config$confirmation3 = config.confirmation) === null || _config$confirmation3 === void 0 ? void 0 : _config$confirmation3.displayFields.map(renderFieldValue)
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCard.default, {
+        id: "".concat(config.fieldId, ".confirmationChild"),
+        entryData: entryToDelete,
+        config: config.card ? _objectSpread(_objectSpread({}, config.card), {}, {
+          quickEdit: null
+        }) : {},
+        masterPage: masterPage,
+        classModifiers: "nested",
+        hideDetails: true
+      })
+    }), !config.card.listView && config.addButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionButton.default, {
+      id: "".concat(config.fieldId, ".addButton"),
+      action: {
+        collection: config.collectionName,
+        label: _utils.default.interpolateString(config.addButton.label || DEFAULT_ADD_BUTTON_LABEL, {
+          documents: data
+        }),
+        page: config.addButton.page,
+        type: _PageAction.PageActionTypes.COLLECTION_ADD,
+        classModifiers: ['secondary']
       },
-      parentCollectionName: config.collectionName.split('.').shift(),
-      childCollections: config.childCollections || [],
-      formData: formData,
-      classModifiers: entry.id === (entryToDelete === null || entryToDelete === void 0 ? void 0 : entryToDelete.id) ? ['deleting-summary-card'] : [''],
-      inError: errors.filter(e => e.entryId === entry.id).length > 0
-    })));
-  })), config.card.listView && config.addButton && /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
-    id: "".concat(config.fieldId, ".addButton"),
-    action: {
-      collection: config.collectionName,
-      label: _utils.default.interpolateString(config.addButton.label || DEFAULT_ADD_BUTTON_LABEL, {
-        documents: data
-      }),
-      page: config.addButton.page,
-      type: _PageAction.PageActionTypes.COLLECTION_ADD,
-      classModifiers: ['secondary'],
-      customAction: {
-        type: config.addButton.customAction
-      }
-    },
-    onAction: onAction
-  }));
+      onAction: onAction
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      className: "collection-summary-card-list",
+      children: data.map((entry, index) => {
+        const isInError = errors.filter(e => e.entryId === entry.id).length > 0;
+        const finalConfig = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, config.card), entry.isDuplicate && config.duplicatedCard ? config.duplicatedCard : {}), isInError && config.errorCard ? config.errorCard : {}), {}, {
+          focusOn: (toFocusOn === null || toFocusOn === void 0 ? void 0 : toFocusOn.id) === entry.id
+        });
+        const key = "".concat(config.fieldId, ".summaryCard").concat(entry.id);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCardValidationContext.default, {
+            entryId: entry.id,
+            topLevelErrors: errors,
+            clearTopLevelErrorsForCard: () => {
+              const newErrors = errors.filter(e => e.entryId !== entry.id);
+              clearErrors();
+              addErrors(newErrors);
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCard.default, {
+              id: key,
+              entryData: _objectSpread(_objectSpread({}, entry), {}, {
+                index
+              }),
+              masterPage: masterPage,
+              config: finalConfig || {},
+              onFullEdit: onSummaryCardFullEdit,
+              onDuplicate: onDuplicate,
+              onDelete: () => setEntryToDelete(_objectSpread(_objectSpread({}, entry), {}, {
+                index
+              })),
+              onQuickEdit: target => {
+                validateEntries();
+                return onChange(target);
+              },
+              parentCollectionName: config.collectionName.split('.').shift(),
+              childCollections: config.childCollections || [],
+              formData: formData,
+              classModifiers: entry.id === (entryToDelete === null || entryToDelete === void 0 ? void 0 : entryToDelete.id) ? ['deleting-summary-card'] : [''],
+              inError: errors.filter(e => e.entryId === entry.id).length > 0
+            }, key)
+          })
+        });
+      })
+    }), config.card.listView && config.addButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionButton.default, {
+      id: "".concat(config.fieldId, ".addButton"),
+      action: {
+        collection: config.collectionName,
+        label: _utils.default.interpolateString(config.addButton.label || DEFAULT_ADD_BUTTON_LABEL, {
+          documents: data
+        }),
+        page: config.addButton.page,
+        type: _PageAction.PageActionTypes.COLLECTION_ADD,
+        classModifiers: ['secondary'],
+        customAction: {
+          type: config.addButton.customAction
+        }
+      },
+      onAction: onAction
+    })]
+  });
 };
 CollectionSummary.propTypes = {
   config: _propTypes.default.shape({

package/dist/components/CollectionSummary/CollectionSummary.test.js

@@ -6,8 +6,8 @@ var _setupTests = require("../../setupTests");
 var _hooks = require("../../hooks");
 var _CollectionSummary = _interopRequireWildcard(require("./CollectionSummary"));
 var _Confirmation = require("./Confirmation");
-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 }; }
 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; }
@@ -75,7 +75,7 @@ describe('components.CollectionSummary.CollectionSummary', () => {
   it('should correctly render a CollectionSummary component', () => {
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionSummary.default, {
       config: CONFIG,
       formData: FORM_DATA,
       onAction: ON_ACTION
@@ -121,7 +121,7 @@ describe('components.CollectionSummary.CollectionSummary', () => {
     };
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionSummary.default, {
       config: customConfig,
       formData: customFormData,
       onAction: ON_ACTION
@@ -139,16 +139,20 @@ describe('components.CollectionSummary.CollectionSummary', () => {
       const {
         queuedErrors
       } = (0, _hooks.useValidation)();
-      return /*#__PURE__*/_react.default.createElement("div", null, Array.isArray(queuedErrors) && "queuedErrors is an array of length ".concat(queuedErrors.length), (queuedErrors === null || queuedErrors === void 0 ? void 0 : queuedErrors.length) > 0 && queuedErrors.map(e => e.error));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [Array.isArray(queuedErrors) && "queuedErrors is an array of length ".concat(queuedErrors.length), (queuedErrors === null || queuedErrors === void 0 ? void 0 : queuedErrors.length) > 0 && queuedErrors.map(e => e.error)]
+      });
     };
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ErrorCheckComponent, null), /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-      config: CONFIG,
-      formData: FORM_DATA,
-      onAction: ON_ACTION,
-      pages: PAGES
-    })));
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorCheckComponent, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionSummary.default, {
+        config: CONFIG,
+        formData: FORM_DATA,
+        onAction: ON_ACTION,
+        pages: PAGES
+      })]
+    }));
     const errorChecker = container.children[0];
     expect(errorChecker.textContent).toContain('queuedErrors is an array of length 1');
     expect(errorChecker.textContent).toContain('testText is required');
@@ -156,7 +160,7 @@ describe('components.CollectionSummary.CollectionSummary', () => {
   it('should render a confirmation when a SummaryCard\'s delete button is pressed', () => {
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionSummary.default, {
       config: CONFIG,
       formData: FORM_DATA,
       onAction: ON_ACTION
@@ -189,7 +193,7 @@ describe('components.CollectionSummary.CollectionSummary', () => {
       };
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionSummary.default, {
         config: CONFIG_WITH_BUTTON,
         formData: FORM_DATA,
         onAction: ON_ACTION
@@ -216,7 +220,7 @@ describe('components.CollectionSummary.CollectionSummary', () => {
       };
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionSummary.default, {
         config: CONFIG_WITH_BUTTON,
         formData: FORM_DATA,
         onAction: ON_ACTION
@@ -232,7 +236,7 @@ describe('components.CollectionSummary.CollectionSummary', () => {
     it('should apply the expected class name to the summary card when delete button is pressed', () => {
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionSummary.default, {
         config: CONFIG,
         formData: FORM_DATA,
         onAction: ON_ACTION
@@ -251,7 +255,7 @@ describe('components.CollectionSummary.CollectionSummary', () => {
     it('should focus on the delete button in the confirmation panel', () => {
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionSummary.default, {
         config: CONFIG,
         formData: FORM_DATA,
         onAction: ON_ACTION
@@ -270,7 +274,7 @@ describe('components.CollectionSummary.CollectionSummary', () => {
     it('should have the role "alert" in the confirmation panel', () => {
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionSummary.default, {
         config: CONFIG,
         formData: FORM_DATA,
         onAction: ON_ACTION
@@ -299,7 +303,7 @@ describe('components.CollectionSummary.CollectionSummary', () => {
       const {
         container,
         getByText
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionSummary.default, {
         config: listViewConfig,
         formData: FORM_DATA,
         onAction: ON_ACTION,
@@ -334,7 +338,7 @@ describe('components.CollectionSummary.CollectionSummary', () => {
       const {
         container,
         getByText
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionSummary.default, {
         config: listViewConfig,
         formData: FORM_DATA,
         onAction: ON_ACTION,

package/dist/components/CollectionSummary/Confirmation.js

@@ -8,6 +8,7 @@ var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 require("./Confirmation.scss");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports.
 
@@ -27,18 +28,23 @@ const Confirmation = _ref => {
     classModifiers
   } = _ref;
   const classes = _copReactComponents.Utils.classBuilder(DEFAULT_CLASS, classModifiers, '');
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     id: id,
     className: classes(),
-    role: "alert"
-  }, /*#__PURE__*/_react.default.createElement("h2", null, message || DEFAULT_MESSAGE), children, /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
-    classModifiers: "warning",
-    onClick: onConfirm,
-    autoFocus: true
-  }, confirmLabel || DEFAULT_CONFIRM_LABEL), /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
-    classModifiers: "secondary",
-    onClick: onCancel
-  }, "Cancel"));
+    role: "alert",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+      children: message || DEFAULT_MESSAGE
+    }), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.Button, {
+      classModifiers: "warning",
+      onClick: onConfirm,
+      autoFocus: true,
+      children: confirmLabel || DEFAULT_CONFIRM_LABEL
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.Button, {
+      classModifiers: "secondary",
+      onClick: onCancel,
+      children: "Cancel"
+    })]
+  });
 };
 Confirmation.propTypes = {
   id: _propTypes.default.string.isRequired,

package/dist/components/CollectionSummary/Confirmation.test.js

@@ -2,15 +2,13 @@
 
 var _react = require("@testing-library/react");
 var _Confirmation = _interopRequireWildcard(require("./Confirmation"));
-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); }
 // Global imports.
 
 // Local imports.
 
-/* eslint-disable no-plusplus */
-
-describe('components.CollectionSummary.Confirmation', () => {
+/* eslint-disable no-plusplus */describe('components.CollectionSummary.Confirmation', () => {
   let onConfirmCalls = 0;
   const ON_CONFIRM = () => {
     onConfirmCalls += 1;
@@ -48,7 +46,7 @@ describe('components.CollectionSummary.Confirmation', () => {
   it('should render correctly', () => {
     const {
       container
-    } = (0, _react.render)(/*#__PURE__*/React.createElement(_Confirmation.default, {
+    } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Confirmation.default, {
       id: ID,
       message: MESSAGE,
       confirmLabel: LABEL,
@@ -70,7 +68,7 @@ describe('components.CollectionSummary.Confirmation', () => {
   it('should use the default message if one is not provided', () => {
     const {
       container
-    } = (0, _react.render)(/*#__PURE__*/React.createElement(_Confirmation.default, {
+    } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Confirmation.default, {
       id: ID,
       confirmLabel: LABEL,
       onConfirm: ON_CONFIRM,
@@ -84,7 +82,7 @@ describe('components.CollectionSummary.Confirmation', () => {
   it('should use the default label if one is not provided', () => {
     const {
       container
-    } = (0, _react.render)(/*#__PURE__*/React.createElement(_Confirmation.default, {
+    } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Confirmation.default, {
       id: ID,
       onConfirm: ON_CONFIRM,
       onCancel: ON_CANCEL
@@ -95,11 +93,14 @@ describe('components.CollectionSummary.Confirmation', () => {
   it('should render children correctly', () => {
     const {
       container
-    } = (0, _react.render)(/*#__PURE__*/React.createElement(_Confirmation.default, {
+    } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Confirmation.default, {
       id: ID,
       onConfirm: ON_CONFIRM,
-      onCancel: ON_CANCEL
-    }, /*#__PURE__*/React.createElement("p", null, "A child")));
+      onCancel: ON_CANCEL,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "A child"
+      })
+    }));
     const child = checkSetup(container, true).children;
     expect(child.tagName).toEqual('P');
     expect(child.textContent).toEqual('A child');