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

package/dist/components/CollectionSummary/SummaryCardDetails.js

@@ -14,8 +14,8 @@ var _getCYARowsForContainer = _interopRequireDefault(require("../../utils/CheckY
 var _showComponent = _interopRequireDefault(require("../../utils/Component/showComponent"));
 var _Condition = _interopRequireDefault(require("../../utils/Condition"));
 require("./SummaryCardDetails.scss");
-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; }
@@ -55,23 +55,23 @@ const SummaryCardDetails = _ref => {
           if (component.type === _models.ComponentTypes.CONTAINER) {
             const containerRows = (0, _getCYARowsForContainer.default)(childPage, component, entryData);
             rowIndex += 1;
-            return /*#__PURE__*/_react.default.createElement("div", {
-              key: fieldId,
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: classes('field'),
               style: {
                 '--column': columnIndex + 1,
                 '--row': rowIndex
-              }
-            }, containerRows.map(subComponent => {
-              var _entryData$component$;
-              // Put value for current subcomponent at top level
-              const modEntry = _objectSpread(_objectSpread({}, entryData), {
-                [subComponent.fieldId]: (_entryData$component$ = entryData[component.fieldId]) === null || _entryData$component$ === void 0 ? void 0 : _entryData$component$[subComponent.fieldId]
-              });
-              return (0, _getSummaryListRowForDetails.default)(childPage, _objectSpread(_objectSpread({}, subComponent), {
-                label: subComponent.key
-              }), classes, modEntry, optionalFieldPlaceholder);
-            }));
+              },
+              children: containerRows.map(subComponent => {
+                var _entryData$component$;
+                // Put value for current subcomponent at top level
+                const modEntry = _objectSpread(_objectSpread({}, entryData), {
+                  [subComponent.fieldId]: (_entryData$component$ = entryData[component.fieldId]) === null || _entryData$component$ === void 0 ? void 0 : _entryData$component$[subComponent.fieldId]
+                });
+                return (0, _getSummaryListRowForDetails.default)(childPage, _objectSpread(_objectSpread({}, subComponent), {
+                  label: subComponent.key
+                }), classes, modEntry, optionalFieldPlaceholder);
+              })
+            }, fieldId);
           }
           if (component.type === _models.ComponentTypes.COLLECTION) {
             const collectionRows = (0, _getCYARowsForCollection.default)(_objectSpread(_objectSpread({}, childPage), {}, {
@@ -79,45 +79,46 @@ const SummaryCardDetails = _ref => {
             }), component, entryData[component.id]);
             rowIndex += 1;
             let collectionHeadingIndex = 0;
-            return /*#__PURE__*/_react.default.createElement("div", {
-              key: fieldId,
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: classes('field'),
               style: {
                 '--column': columnIndex + 1,
                 '--row': rowIndex
-              }
-            }, collectionRows.map(subComponent => {
-              var _entryData$component$2;
-              // Put value for current subComponent at the top level
-              const modEntry = _objectSpread(_objectSpread({}, entryData), {
-                [subComponent.fieldId]: (_entryData$component$2 = entryData[component.fieldId]) === null || _entryData$component$2 === void 0 ? void 0 : _entryData$component$2[subComponent.fieldId]
-              });
-              const rowContent = (0, _getSummaryListRowForDetails.default)(childPage, _objectSpread(_objectSpread({}, subComponent), {
-                label: subComponent.key
-              }), classes, modEntry, optionalFieldPlaceholder);
-              // Because collections are flat, we need to identify the subsequent titles (2, 3, 4... etc) in order to apply appropriate spacing
-              if (subComponent.type === 'title') {
-                collectionHeadingIndex += 1;
-                if (collectionHeadingIndex > 1) {
-                  return /*#__PURE__*/_react.default.createElement("div", {
-                    style: {
-                      marginTop: '40px'
-                    }
-                  }, rowContent);
+              },
+              children: collectionRows.map(subComponent => {
+                var _entryData$component$2;
+                // Put value for current subComponent at the top level
+                const modEntry = _objectSpread(_objectSpread({}, entryData), {
+                  [subComponent.fieldId]: (_entryData$component$2 = entryData[component.fieldId]) === null || _entryData$component$2 === void 0 ? void 0 : _entryData$component$2[subComponent.fieldId]
+                });
+                const rowContent = (0, _getSummaryListRowForDetails.default)(childPage, _objectSpread(_objectSpread({}, subComponent), {
+                  label: subComponent.key
+                }), classes, modEntry, optionalFieldPlaceholder);
+                // Because collections are flat, we need to identify the subsequent titles (2, 3, 4... etc) in order to apply appropriate spacing
+                if (subComponent.type === 'title') {
+                  collectionHeadingIndex += 1;
+                  if (collectionHeadingIndex > 1) {
+                    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                      style: {
+                        marginTop: '40px'
+                      },
+                      children: rowContent
+                    });
+                  }
                 }
-              }
-              return rowContent;
-            }));
+                return rowContent;
+              })
+            }, fieldId);
           }
           rowIndex += 1;
-          return /*#__PURE__*/_react.default.createElement("div", {
-            key: fieldId,
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: classes('field'),
             style: {
               '--column': columnIndex + 1,
               '--row': rowIndex
-            }
-          }, (0, _getSummaryListRowForDetails.default)(childPage, component, classes, entryData, optionalFieldPlaceholder));
+            },
+            children: (0, _getSummaryListRowForDetails.default)(childPage, component, classes, entryData, optionalFieldPlaceholder)
+          }, fieldId);
         });
       }).filter(e => !!e);
       // If the column that's just been generated has anything in it
@@ -127,13 +128,12 @@ const SummaryCardDetails = _ref => {
       const lastColumn = index === columns.length - 1;
       if (!lastColumn && columnContent.length !== 0) {
         columnIndex += 2;
-        return [].concat(columnContent, [/*#__PURE__*/_react.default.createElement("div", {
-          key: "divider".concat(columnIndex),
+        return [].concat(columnContent, [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: classes('divider'),
           style: {
             '--column': columnIndex
           }
-        })]);
+        }, "divider".concat(columnIndex))]);
       }
       return columnContent;
     }).filter(e => !!e);
@@ -149,31 +149,36 @@ const SummaryCardDetails = _ref => {
         const childMasterPage = childMasterPages.find(p => p.collection.name === section.collectionName);
         const childFormData = entryData[section.collectionName.split('.').pop()] || [];
         if (childMasterPage && childFormData.length > 0) {
-          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
-            className: classes('section-title')
-          }, section.title), childFormData.map(entry => /*#__PURE__*/_react.default.createElement(SummaryCardDetails, {
-            masterPage: childMasterPage,
-            childMasterPages: [],
-            formData: _objectSpread(_objectSpread(_objectSpread({}, formData), entryData), entry),
-            entryData: entry,
-            hideChildSectionTitles: true,
-            optionalFieldPlaceholder: optionalFieldPlaceholder
-          })));
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+              className: classes('section-title'),
+              children: section.title
+            }), childFormData.map(entry => /*#__PURE__*/(0, _jsxRuntime.jsx)(SummaryCardDetails, {
+              masterPage: childMasterPage,
+              childMasterPages: [],
+              formData: _objectSpread(_objectSpread(_objectSpread({}, formData), entryData), entry),
+              entryData: entry,
+              hideChildSectionTitles: true,
+              optionalFieldPlaceholder: optionalFieldPlaceholder
+            }))]
+          });
         }
         return null;
       }
       const columns = section.columns.filter(column => _Condition.default.meetsAll(column, _objectSpread(_objectSpread({}, childPage.formData), entryData)));
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: section.title,
-        className: classes('section')
-      }, !hideChildSectionTitles && /*#__PURE__*/_react.default.createElement("h3", {
-        className: classes('section-title')
-      }, _utils.default.FormPage.getConditionalText(section.title, _objectSpread(_objectSpread({}, childPage.formData), entryData))), /*#__PURE__*/_react.default.createElement("dl", {
-        className: classes('section-content'),
-        style: {
-          '--dividers': columns.length - 1
-        }
-      }, getSectionContent(columns, allPageComponents, childPage)));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: classes('section'),
+        children: [!hideChildSectionTitles && /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+          className: classes('section-title'),
+          children: _utils.default.FormPage.getConditionalText(section.title, _objectSpread(_objectSpread({}, childPage.formData), entryData))
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("dl", {
+          className: classes('section-content'),
+          style: {
+            '--dividers': columns.length - 1
+          },
+          children: getSectionContent(columns, allPageComponents, childPage)
+        })]
+      }, section.title);
     });
   }).filter(e => !!e)) || null;
 };

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

@@ -4,8 +4,8 @@ var _react = _interopRequireDefault(require("react"));
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _setupTests = require("../../setupTests");
 var _SummaryCardDetails = _interopRequireWildcard(require("./SummaryCardDetails"));
-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; }
@@ -62,7 +62,7 @@ describe('components.CollectionSummary.SummaryCardDetails', () => {
     };
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCardDetails.default, {
       masterPage: MASTER_PAGE,
       childMasterPages: [],
       formData: {},
@@ -128,7 +128,7 @@ describe('components.CollectionSummary.SummaryCardDetails', () => {
     };
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCardDetails.default, {
       masterPage: MASTER_PAGE,
       childMasterPages: [],
       formData: {},
@@ -217,7 +217,7 @@ describe('components.CollectionSummary.SummaryCardDetails', () => {
     };
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCardDetails.default, {
       masterPage: MASTER_PAGE,
       childMasterPages: [],
       formData: {},
@@ -280,7 +280,7 @@ describe('components.CollectionSummary.SummaryCardDetails', () => {
     });
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCardDetails.default, {
       masterPage: MASTER_PAGE,
       childMasterPages: [],
       formData: {},
@@ -340,7 +340,7 @@ describe('components.CollectionSummary.SummaryCardDetails', () => {
     });
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCardDetails.default, {
       masterPage: MASTER_PAGE,
       childMasterPages: [],
       formData: {},
@@ -395,7 +395,7 @@ describe('components.CollectionSummary.SummaryCardDetails', () => {
     };
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCardDetails.default, {
       masterPage: MASTER_PAGE,
       childMasterPages: [],
       formData: {},
@@ -461,7 +461,7 @@ describe('components.CollectionSummary.SummaryCardDetails', () => {
     });
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCardDetails.default, {
       masterPage: MASTER_PAGE,
       childMasterPages: [],
       formData: {
@@ -511,7 +511,7 @@ describe('components.CollectionSummary.SummaryCardDetails', () => {
     };
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCardDetails.default, {
       masterPage: MASTER_PAGE,
       childMasterPages: [],
       formData: {
@@ -576,7 +576,7 @@ describe('components.CollectionSummary.SummaryCardDetails', () => {
     const CHILD_COLLECTIONS = ['childCollection'];
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCardDetails.default, {
       masterPage: MASTER_PAGE,
       childCollections: CHILD_COLLECTIONS,
       formData: {},
@@ -632,7 +632,7 @@ describe('components.CollectionSummary.SummaryCardDetails', () => {
     };
     const {
       container
-    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+    } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCardDetails.default, {
       masterPage: MASTER_PAGE,
       childMasterPages: [],
       formData: {},

package/dist/components/CollectionSummary/SummaryCardValidationContext.js

@@ -9,9 +9,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ValidationContext = require("../../context/ValidationContext");
 var _hooks = require("../../hooks");
 var _utils = _interopRequireDefault(require("../../utils"));
+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
 
@@ -54,15 +54,16 @@ const SummaryCardValidationContextProvider = _ref => {
       return allErrors;
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_ValidationContext.ValidationContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ValidationContext.ValidationContext.Provider, {
     value: {
       addErrors,
       errors: errors === null ? [].concat(initialErrors) : errors,
       resetQuickEditErrors,
       clearTopLevelErrorsForCard,
       validate
-    }
-  }, children);
+    },
+    children: children
+  });
 };
 var _default = exports.default = SummaryCardValidationContextProvider;
 SummaryCardValidationContextProvider.propTypes = {

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

@@ -7,9 +7,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../hooks");
 var _context = require("../../context");
 var _SummaryCardValidationContext = _interopRequireDefault(require("./SummaryCardValidationContext"));
+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); }
 // Global imports
 
 // Local imports
@@ -29,18 +29,31 @@ const TestComponent = _ref => {
       addErrors(customErrors);
     }
   }, [customErrors]);
-  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, typeof addErrors === 'function' && /*#__PURE__*/_react2.default.createElement("span", null, "addErrors is a function"), typeof resetQuickEditErrors === 'function' && /*#__PURE__*/_react2.default.createElement("span", null, "resetQuickEditErrors is a function"), typeof validate.page === 'function' && /*#__PURE__*/_react2.default.createElement("span", null, "validate.page is a function"), Array.isArray(errors) && /*#__PURE__*/_react2.default.createElement("span", null, "errors is an array of length ", errors.length), (errors === null || errors === void 0 ? void 0 : errors.length) > 0 && /*#__PURE__*/_react2.default.createElement(_copReactComponents.ErrorSummary, {
-    errors: errors
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [typeof addErrors === 'function' && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: "addErrors is a function"
+    }), typeof resetQuickEditErrors === 'function' && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: "resetQuickEditErrors is a function"
+    }), typeof validate.page === 'function' && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: "validate.page is a function"
+    }), Array.isArray(errors) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      children: ["errors is an array of length ", errors.length]
+    }), (errors === null || errors === void 0 ? void 0 : errors.length) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.ErrorSummary, {
+      errors: errors
+    })]
+  });
 };
 describe('context.SummaryCardValidationContext', () => {
   it('should appropriately set up the context', async () => {
     const {
       container
-    } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_context.HooksContextProvider, null, /*#__PURE__*/_react2.default.createElement(_SummaryCardValidationContext.default, {
-      entryId: "123",
-      topLevelErrors: []
-    }, /*#__PURE__*/_react2.default.createElement(TestComponent, null))));
+    } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_context.HooksContextProvider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCardValidationContext.default, {
+        entryId: "123",
+        topLevelErrors: [],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {})
+      })
+    }));
     expect(container.childNodes.length).toEqual(4);
     expect(container.textContent).toContain('addErrors is a function');
     expect(container.textContent).toContain('resetQuickEditErrors is a function');
@@ -66,10 +79,13 @@ describe('context.SummaryCardValidationContext', () => {
     }];
     const {
       container
-    } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_context.HooksContextProvider, null, /*#__PURE__*/_react2.default.createElement(_SummaryCardValidationContext.default, {
-      entryId: "123",
-      topLevelErrors: TOP_LEVEL_ERRORS
-    }, /*#__PURE__*/_react2.default.createElement(TestComponent, null))));
+    } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_context.HooksContextProvider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryCardValidationContext.default, {
+        entryId: "123",
+        topLevelErrors: TOP_LEVEL_ERRORS,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {})
+      })
+    }));
     expect(container.childNodes.length).toEqual(5);
     expect(container.textContent).toContain('addErrors is a function');
     expect(container.textContent).toContain('resetQuickEditErrors is a function');

package/dist/components/FormComponent/Collection.js

@@ -12,12 +12,12 @@ var _models = require("../../models");
 var _utils = _interopRequireDefault(require("../../utils"));
 var _Container = _interopRequireDefault(require("./Container"));
 require("./Collection.scss");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["firstOnlyLabel"];
 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 _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 _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 _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; }
@@ -96,86 +96,95 @@ const Collection = _ref => {
   }, [config.minimumEntries, value.length]);
   const labels = _objectSpread(_objectSpread({}, _models.CollectionLabels), config.labels);
   const classes = _utils.default.classBuilder(DEFAULT_CLASS, [], config.className);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: classes(),
-    id: config.id
-  }, config.label && /*#__PURE__*/_react.default.createElement(_copReactComponents.Label, {
     id: config.id,
-    required: config.required,
-    className: classes('title')
-  }, config.label), Array.isArray(value) && value.map((item, index) => {
-    var _config$removeLocatio;
-    const fullPath = "".concat(config.full_path || config.fieldId, "[").concat(index, "]");
-    const labelCount = (config.countOffset || 0) + index + 1;
-    const itemTitle = _utils.default.interpolateString(labels.item, _objectSpread(_objectSpread({}, item), {}, {
-      index: labelCount
-    }));
-    const removeLabel = _utils.default.interpolateString(labels.remove, _objectSpread(_objectSpread({}, item), {}, {
-      index: labelCount
-    }));
-    const removeStyle = config.disableAddAndRemove || index === 0 && config.minimumEntries ? '' : (_config$removeLocatio = config.removeLocation) !== null && _config$removeLocatio !== void 0 ? _config$removeLocatio : 'start';
-    const addStyle = index !== 0 && config.subsequentItemStyle ? config.subsequentItemStyle : {};
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(classes('item')),
-      key: item.id,
-      style: addStyle
-    }, /*#__PURE__*/_react.default.createElement(_copReactComponents.Label, {
-      id: item.id,
-      required: true,
-      className: classes('item-title')
-    }, itemTitle, removeStyle === 'start' && /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
-      onClick: () => onRemoveItem(item),
-      classModifiers: "secondary"
-    }, removeLabel)), /*#__PURE__*/_react.default.createElement(_Container.default, {
-      container: {
-        id: item.id,
-        fieldId: item.id,
-        type: 'container',
-        required: config.required,
-        full_path: fullPath,
-        components: config.item.map(component => {
-          const {
-              firstOnlyLabel
-            } = component,
-            cleanedComponent = _objectWithoutProperties(component, _excluded);
-          let {
-            hint
-          } = component;
-          if (config.restrictHint && index > 0) {
-            hint = undefined;
-          }
-          let {
-            label
-          } = component;
-          if (index === 0) {
-            var _component$firstOnlyL;
-            label = (_component$firstOnlyL = component.firstOnlyLabel) !== null && _component$firstOnlyL !== void 0 ? _component$firstOnlyL : component.label;
-          }
-          return _objectSpread(_objectSpread({}, cleanedComponent), {}, {
-            hint,
-            readonly: !!(config !== null && config !== void 0 && config.readonly || component.readonly),
-            label: _utils.default.interpolateString(label, _objectSpread(_objectSpread({}, item), {}, {
-              index: labelCount
-            })),
-            full_path: "".concat(fullPath, ".").concat(component.fieldId)
-          });
-        })
-      },
-      value: item,
-      formData: formData,
-      onChange: onCollectionChange,
-      onTopLevelChange: onTopLevelChange,
-      wrap: wrap
-    }), removeStyle === 'end' && /*#__PURE__*/_react.default.createElement(_copReactComponents.ButtonGroup, {
-      className: "govuk-!-margin-top-2"
-    }, /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
-      onClick: () => onRemoveItem(item),
-      classModifiers: "secondary"
-    }, removeLabel)));
-  }), !config.disableAddAndRemove && /*#__PURE__*/_react.default.createElement(_copReactComponents.ButtonGroup, null, /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
-    onClick: onAddAnother,
-    classModifiers: "secondary"
-  }, getAddLabel(labels))));
+    children: [config.label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.Label, {
+      id: config.id,
+      required: config.required,
+      className: classes('title'),
+      children: config.label
+    }), Array.isArray(value) && value.map((item, index) => {
+      var _config$removeLocatio;
+      const fullPath = "".concat(config.full_path || config.fieldId, "[").concat(index, "]");
+      const labelCount = (config.countOffset || 0) + index + 1;
+      const itemTitle = _utils.default.interpolateString(labels.item, _objectSpread(_objectSpread({}, item), {}, {
+        index: labelCount
+      }));
+      const removeLabel = _utils.default.interpolateString(labels.remove, _objectSpread(_objectSpread({}, item), {}, {
+        index: labelCount
+      }));
+      const removeStyle = config.disableAddAndRemove || index === 0 && config.minimumEntries ? '' : (_config$removeLocatio = config.removeLocation) !== null && _config$removeLocatio !== void 0 ? _config$removeLocatio : 'start';
+      const addStyle = index !== 0 && config.subsequentItemStyle ? config.subsequentItemStyle : {};
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "".concat(classes('item')),
+        style: addStyle,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_copReactComponents.Label, {
+          id: item.id,
+          required: true,
+          className: classes('item-title'),
+          children: [itemTitle, removeStyle === 'start' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.Button, {
+            onClick: () => onRemoveItem(item),
+            classModifiers: "secondary",
+            children: removeLabel
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+          container: {
+            id: item.id,
+            fieldId: item.id,
+            type: 'container',
+            required: config.required,
+            full_path: fullPath,
+            components: config.item.map(component => {
+              const {
+                  firstOnlyLabel
+                } = component,
+                cleanedComponent = _objectWithoutProperties(component, _excluded);
+              let {
+                hint
+              } = component;
+              if (config.restrictHint && index > 0) {
+                hint = undefined;
+              }
+              let {
+                label
+              } = component;
+              if (index === 0) {
+                var _component$firstOnlyL;
+                label = (_component$firstOnlyL = component.firstOnlyLabel) !== null && _component$firstOnlyL !== void 0 ? _component$firstOnlyL : component.label;
+              }
+              return _objectSpread(_objectSpread({}, cleanedComponent), {}, {
+                hint,
+                readonly: !!(config !== null && config !== void 0 && config.readonly || component.readonly),
+                label: _utils.default.interpolateString(label, _objectSpread(_objectSpread({}, item), {}, {
+                  index: labelCount
+                })),
+                full_path: "".concat(fullPath, ".").concat(component.fieldId)
+              });
+            })
+          },
+          value: item,
+          formData: formData,
+          onChange: onCollectionChange,
+          onTopLevelChange: onTopLevelChange,
+          wrap: wrap
+        }), removeStyle === 'end' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.ButtonGroup, {
+          className: "govuk-!-margin-top-2",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.Button, {
+            onClick: () => onRemoveItem(item),
+            classModifiers: "secondary",
+            children: removeLabel
+          })
+        })]
+      }, item.id);
+    }), !config.disableAddAndRemove && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.ButtonGroup, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.Button, {
+        onClick: onAddAnother,
+        classModifiers: "secondary",
+        children: getAddLabel(labels)
+      })
+    })]
+  });
 };
 Collection.propTypes = {
   config: _propTypes.default.shape({