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

package/dist/components/CheckYourAnswers/Answer.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _VisuallyHidden = _interopRequireDefault(require("@ukhomeoffice/cop-react-components/dist/VisuallyHidden"));
 var _FormComponent = _interopRequireDefault(require("../FormComponent"));
+var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -24,12 +25,14 @@ const Answer = _ref => {
   } = _ref;
   if (!value) {
     const placeholderValue = Object.prototype.hasOwnProperty.call(component || {}, 'cyaPlaceholder') ? component === null || component === void 0 ? void 0 : component.cyaPlaceholder : placeholder;
-    return placeholderValue || /*#__PURE__*/_react.default.createElement(_VisuallyHidden.default, null, "No answer");
+    return placeholderValue || /*#__PURE__*/(0, _jsxRuntime.jsx)(_VisuallyHidden.default, {
+      children: "No answer"
+    });
   }
   if (!component) {
     return Object.prototype.hasOwnProperty.call(value, 'label') ? value.label : value;
   }
-  return /*#__PURE__*/_react.default.createElement(_FormComponent.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormComponent.default, {
     component: _objectSpread(_objectSpread({}, component), {}, {
       readonly: true
     }),

package/dist/components/CheckYourAnswers/Answer.test.js

@@ -4,6 +4,7 @@ var _Readonly = require("@ukhomeoffice/cop-react-components/dist/Readonly");
 var _react = _interopRequireDefault(require("react"));
 var _setupTests = require("../../setupTests");
 var _Answer = _interopRequireDefault(require("./Answer"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable no-template-curly-in-string */
 // Global imports
@@ -17,7 +18,7 @@ describe('components', () => {
       const COMPONENT = null;
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_Answer.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Answer.default, {
         value: VALUE,
         component: COMPONENT
       }));
@@ -29,7 +30,7 @@ describe('components', () => {
       const COMPONENT = null;
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_Answer.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Answer.default, {
         value: VALUE,
         component: COMPONENT
       }));
@@ -45,7 +46,7 @@ describe('components', () => {
       };
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_Answer.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Answer.default, {
         value: VALUE,
         component: COMPONENT
       }));
@@ -65,7 +66,7 @@ describe('components', () => {
       };
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_Answer.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Answer.default, {
         value: VALUE,
         component: COMPONENT,
         placeholder: PLACEHOLDER
@@ -85,7 +86,7 @@ describe('components', () => {
       };
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_Answer.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Answer.default, {
         value: VALUE,
         component: COMPONENT,
         placeholder: GLOBAL_PLACEHOLDER
@@ -101,7 +102,7 @@ describe('components', () => {
       const COMPONENT = null;
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_Answer.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Answer.default, {
         value: VALUE,
         component: COMPONENT
       }));
@@ -128,7 +129,7 @@ describe('components', () => {
       };
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react.default.createElement(_Answer.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Answer.default, {
         value: VALUE,
         component: COMPONENT,
         formData: DATA

package/dist/components/CheckYourAnswers/CheckYourAnswers.js

@@ -16,9 +16,9 @@ var _PageActions = _interopRequireDefault(require("../PageActions"));
 var _SummaryList = _interopRequireDefault(require("../SummaryList"));
 var _Answer = _interopRequireDefault(require("./Answer"));
 require("./CheckYourAnswers.scss");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -60,13 +60,12 @@ const CheckYourAnswers = _ref => {
     const getRows = (page, pageIndex) => {
       const rows = _utils.default.CheckYourAnswers.getRows(page, onRowAction, hooks.onGetCYARows);
       return rows.map((row, index) => _objectSpread(_objectSpread({}, row), {}, {
-        value: /*#__PURE__*/_react.default.createElement(_Answer.default, {
-          key: "".concat(pageIndex, "_").concat(index),
+        value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Answer.default, {
           value: row.value,
           component: row.component,
           formData: page.formData,
           placeholder: optionalFieldPlaceholder
-        })
+        }, "".concat(pageIndex, "_").concat(index))
       }));
     };
     const pagesWithMergedCollections = _utils.default.CollectionPage.mergePages(_pages);
@@ -112,73 +111,92 @@ const CheckYourAnswers = _ref => {
   const getPageHeading = (page, size) => {
     var _page$cya_link;
     if (!((_page$cya_link = page.cya_link) !== null && _page$cya_link !== void 0 && _page$cya_link.singleChangeLink) || noChangeAction) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, size === 's' && /*#__PURE__*/_react.default.createElement(_copReactComponents.SmallHeading, null, _utils.default.FormPage.getTitle(page.title, page.formData)), size === 'm' && /*#__PURE__*/_react.default.createElement(_copReactComponents.MediumHeading, null, _utils.default.FormPage.getTitle(page.title, page.formData)));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [size === 's' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.SmallHeading, {
+          children: _utils.default.FormPage.getTitle(page.title, page.formData)
+        }), size === 'm' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.MediumHeading, {
+          children: _utils.default.FormPage.getTitle(page.title, page.formData)
+        })]
+      });
     }
     const headingAction = (0, _getCYAAction.default)(false, page, onRowAction);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "heading-with-action"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "heading-text"
-    }, size === 's' && /*#__PURE__*/_react.default.createElement(_copReactComponents.SmallHeading, null, _utils.default.FormPage.getTitle(page.title, page.formData)), size === 'm' && /*#__PURE__*/_react.default.createElement(_copReactComponents.MediumHeading, null, _utils.default.FormPage.getTitle(page.title, page.formData))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "heading-action"
-    }, /*#__PURE__*/_react.default.createElement(_RowAction.default, {
-      row: {
-        action: headingAction
-      }
-    })));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "heading-with-action",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "heading-text",
+        children: [size === 's' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.SmallHeading, {
+          children: _utils.default.FormPage.getTitle(page.title, page.formData)
+        }), size === 'm' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.MediumHeading, {
+          children: _utils.default.FormPage.getTitle(page.title, page.formData)
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "heading-action",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowAction.default, {
+          row: {
+            action: headingAction
+          }
+        })
+      })]
+    });
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: DEFAULT_CLASS
-  }, title && !hide_title && /*#__PURE__*/_react.default.createElement(_copReactComponents.LargeHeading, {
-    key: "heading"
-  }, title), errors && errors.length > 0 && /*#__PURE__*/_react.default.createElement(_copReactComponents.ErrorSummary, {
-    errors: errors
-  }), type === _models.FormTypes.TASK_CYA && pages.length > 0 && sections && sections.map(section => section.tasks.filter(task => task.state !== _models.TaskStates.TYPES.SKIPPED).map((task, taskIndex) => {
-    const filterPages = pages.filter(page => task.pages.some(p => p === page.name));
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: taskIndex
-    }, /*#__PURE__*/_react.default.createElement(_copReactComponents.MediumHeading, null, filterPages.length > 0 && (task.displayName || task.name)), filterPages.map((page, pageIndex) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: DEFAULT_CLASS,
+    children: [title && !hide_title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.LargeHeading, {
+      children: title
+    }, 'heading'), errors && errors.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.ErrorSummary, {
+      errors: errors
+    }), type === _models.FormTypes.TASK_CYA && pages.length > 0 && sections && sections.map(section => section.tasks.filter(task => task.state !== _models.TaskStates.TYPES.SKIPPED).map((task, taskIndex) => {
+      const filterPages = pages.filter(page => task.pages.some(p => p === page.name));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.MediumHeading, {
+          children: filterPages.length > 0 && (task.displayName || task.name)
+        }), filterPages.map((page, pageIndex) => {
+          const hideActionButtons = isGroup(page.id) || noChangeAction;
+          const showHeading = !hide_page_titles && page.title && !isGroup(page.id);
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+            children: [showHeading && getPageHeading(page, 's'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryList.default, {
+              rows: page.rows,
+              classModifiers: summaryListClassModifiers,
+              noChangeAction: hideActionButtons,
+              noGroupAction: noGroupAction,
+              isGroup: isGroup(page.id)
+            })]
+          }, pageIndex);
+        })]
+      }, taskIndex);
+    })), type !== _models.FormTypes.TASK_CYA && pages && pages.map((page, pageIndex, array) => {
+      const filteredRows = !hideBlankRows || page.collection ? page.rows : page.rows.filter(row => {
+        var _row$value;
+        return row === null || row === void 0 || (_row$value = row.value) === null || _row$value === void 0 || (_row$value = _row$value.props) === null || _row$value === void 0 ? void 0 : _row$value.value;
+      });
+      if (filteredRows.length === 0) {
+        return null;
+      }
+      const showPageTitle = !hide_page_titles && page.title && !isGroup(page.id);
+      const pageMarginBottom = isLastPage(pageIndex) || isGroup(array[pageIndex].id) || array.length > pageIndex + 1 && isGroup(array[pageIndex + 1].id) ? DEFAULT_MARGIN_BOTTOM : listMarginBottom;
+      const currentGroup = isGroup(page.id) ? getGroupForPage(page.id) : undefined;
+      const className = "govuk-!-margin-bottom-".concat(pageMarginBottom);
       const hideActionButtons = isGroup(page.id) || noChangeAction;
-      const showHeading = !hide_page_titles && page.title && !isGroup(page.id);
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-        key: pageIndex
-      }, showHeading && getPageHeading(page, 's'), /*#__PURE__*/_react.default.createElement(_SummaryList.default, {
-        rows: page.rows,
-        classModifiers: summaryListClassModifiers,
-        noChangeAction: hideActionButtons,
-        noGroupAction: noGroupAction,
-        isGroup: isGroup(page.id)
-      }));
-    }));
-  })), type !== _models.FormTypes.TASK_CYA && pages && pages.map((page, pageIndex, array) => {
-    const filteredRows = !hideBlankRows || page.collection ? page.rows : page.rows.filter(row => {
-      var _row$value;
-      return row === null || row === void 0 || (_row$value = row.value) === null || _row$value === void 0 || (_row$value = _row$value.props) === null || _row$value === void 0 ? void 0 : _row$value.value;
-    });
-    if (filteredRows.length === 0) {
-      return null;
-    }
-    const showPageTitle = !hide_page_titles && page.title && !isGroup(page.id);
-    const pageMarginBottom = isLastPage(pageIndex) || isGroup(array[pageIndex].id) || array.length > pageIndex + 1 && isGroup(array[pageIndex + 1].id) ? DEFAULT_MARGIN_BOTTOM : listMarginBottom;
-    const currentGroup = isGroup(page.id) ? getGroupForPage(page.id) : undefined;
-    const className = "govuk-!-margin-bottom-".concat(pageMarginBottom);
-    const hideActionButtons = isGroup(page.id) || noChangeAction;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: pageIndex
-    }, showPageTitle && getPageHeading(page, 'm'), currentGroup && /*#__PURE__*/_react.default.createElement("div", {
-      className: "group-title"
-    }, /*#__PURE__*/_react.default.createElement(_copReactComponents.MediumHeading, null, currentGroup.title || _utils.default.FormPage.getTitle(page.title, page.formData))), /*#__PURE__*/_react.default.createElement(_SummaryList.default, {
-      className: className,
-      rows: filteredRows,
-      classModifiers: summaryListClassModifiers,
-      noChangeAction: hideActionButtons,
-      noGroupAction: noGroupAction,
-      isGroup: isGroup(page.id)
-    }));
-  }), !hide_actions && /*#__PURE__*/_react.default.createElement(_PageActions.default, {
-    actions: actions === null || actions === void 0 ? void 0 : actions.filter(action => _utils.default.Component.show(action, _pages[_pages.length - 1].formData)),
-    onAction: action => onAction(action)
-  }));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+        children: [showPageTitle && getPageHeading(page, 'm'), currentGroup && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "group-title",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.MediumHeading, {
+            children: currentGroup.title || _utils.default.FormPage.getTitle(page.title, page.formData)
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SummaryList.default, {
+          className: className,
+          rows: filteredRows,
+          classModifiers: summaryListClassModifiers,
+          noChangeAction: hideActionButtons,
+          noGroupAction: noGroupAction,
+          isGroup: isGroup(page.id)
+        })]
+      }, pageIndex);
+    }), !hide_actions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PageActions.default, {
+      actions: actions === null || actions === void 0 ? void 0 : actions.filter(action => _utils.default.Component.show(action, _pages[_pages.length - 1].formData)),
+      onAction: action => onAction(action)
+    })]
+  });
 };
 CheckYourAnswers.propTypes = {
   actions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string])),

package/dist/components/CheckYourAnswers/CheckYourAnswers.test.js

@@ -19,8 +19,8 @@ var _models = require("../../models");
 var _setupTests = require("../../setupTests");
 var _utils = _interopRequireDefault(require("../../utils"));
 var _CheckYourAnswers = _interopRequireWildcard(require("./CheckYourAnswers"));
-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; }
@@ -79,7 +79,7 @@ describe('components', () => {
     };
     it('should show default title if none is provided', async () => {
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION
@@ -93,7 +93,7 @@ describe('components', () => {
     it('should allow title to be overridden', async () => {
       const TITLE = 'Alpha Bravo Charlie';
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           title: TITLE,
           pages: PAGES,
           onRowAction: ON_ROW_ACTION,
@@ -107,7 +107,7 @@ describe('components', () => {
     });
     it('should show readonly page components correctly', async () => {
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION
@@ -124,7 +124,7 @@ describe('components', () => {
     });
     it('should show editable page components correctly', async () => {
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION
@@ -141,7 +141,7 @@ describe('components', () => {
     });
     it('should show editable page components correctly with page titles hidden', async () => {
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION,
@@ -165,7 +165,7 @@ describe('components', () => {
         }
       }));
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: CUSTOM_PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION
@@ -205,7 +205,7 @@ describe('components', () => {
         }]
       }];
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: CUSTOM_PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION,
@@ -237,7 +237,7 @@ describe('components', () => {
     });
     it('should show no title if is set to hidden', async () => {
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION,
@@ -267,7 +267,7 @@ describe('components', () => {
         }]
       }];
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION,
@@ -309,7 +309,7 @@ describe('components', () => {
         }]
       }];
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION,
@@ -339,7 +339,7 @@ describe('components', () => {
         }]
       }];
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION,
@@ -357,7 +357,7 @@ describe('components', () => {
       const ADDRESS_DATA = _utils.default.Data.setupForm(_group.default.pages, _group.default.components, _groupData.default);
       const GROUP_PAGES = _utils.default.FormPage.getAll(_group.default.pages, _group.default.components, _objectSpread({}, ADDRESS_DATA));
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: GROUP_PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION,
@@ -385,7 +385,7 @@ describe('components', () => {
     it('should render a group with one action button', async () => {
       const GROUP_PAGES = _utils.default.FormPage.getAll(_groupOfRow.default.pages, _groupOfRow.default.components, _objectSpread({}, DATA));
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: GROUP_PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION,
@@ -415,7 +415,7 @@ describe('components', () => {
     it('should show a conditional button', async () => {
       const GROUP_PAGES = _utils.default.FormPage.getAll(_groupOfRow.default.pages, _groupOfRow.default.components, _objectSpread({}, DATA));
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: GROUP_PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION,
@@ -436,7 +436,7 @@ describe('components', () => {
     it('should not show a conditional button', async () => {
       const GROUP_PAGES = _utils.default.FormPage.getAll(_groupOfRow.default.pages, _groupOfRow.default.components, _objectSpread({}, DATA));
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: GROUP_PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION,
@@ -456,7 +456,7 @@ describe('components', () => {
     it('should render empty optional fields with a placeholder value when provided', async () => {
       const GROUP_PAGES = _utils.default.FormPage.getAll(_groupOfRow.default.pages, _groupOfRow.default.components, {});
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: GROUP_PAGES,
           groups: _groupOfRow.default.cya.groups,
           optionalFieldPlaceholder: "Not entered"
@@ -492,7 +492,7 @@ describe('components', () => {
       });
       const T_PAGES = _utils.default.FormPage.getAll(_PAGES, _COMPONENTS, DATA);
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: T_PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION
@@ -519,7 +519,7 @@ describe('components', () => {
       });
       const T_PAGES = _utils.default.FormPage.getAll(_PAGES, _COMPONENTS, _objectSpread({}, DATA));
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: T_PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION
@@ -549,7 +549,7 @@ describe('components', () => {
         }]
       }];
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION,
@@ -572,7 +572,7 @@ describe('components', () => {
       const ADDRESS_DATA = _utils.default.Data.setupForm(_group.default.pages, _group.default.components, _groupData.default);
       const GROUP_PAGES = _utils.default.FormPage.getAll(_group.default.pages, _group.default.components, _objectSpread({}, ADDRESS_DATA));
       await (0, _testUtils.act)(async () => {
-        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, {
+        (0, _setupTests.renderDomWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, {
           pages: GROUP_PAGES,
           onRowAction: ON_ROW_ACTION,
           onAction: ON_ACTION,

package/dist/components/CollectionPage/CollectionPage.js

@@ -11,8 +11,8 @@ var _utils = _interopRequireDefault(require("../../utils"));
 var _FormPage = _interopRequireDefault(require("../FormPage"));
 var _FormPage2 = require("../FormPage/FormPage");
 require("../FormPage/FormPage.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; }
@@ -124,7 +124,7 @@ const CollectionPage = _ref => {
   if ((_page$collection = page.collection) !== null && _page$collection !== void 0 && _page$collection.waitForFormData && page.formData && Object.keys(page.formData).length === 0) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_FormPage.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormPage.default, {
     page: _objectSpread(_objectSpread({}, page), {}, {
       formData: _objectSpread(_objectSpread(_objectSpread({}, page.formData), data[activeIndex]), {}, {
         ["".concat(currentCollectionName, "ActiveIndex")]: activeIndex,

package/dist/components/CollectionPage/CollectionPage.test.js

@@ -7,8 +7,8 @@ var _setupTests = require("../../setupTests");
 var _utils = _interopRequireDefault(require("../../utils"));
 var _ActionButton = require("../PageActions/ActionButton");
 var _CollectionPage = _interopRequireWildcard(require("./CollectionPage"));
-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; }
@@ -183,7 +183,7 @@ describe('components.CollectionPage', () => {
       expect(outerWrapper.classList).toContain('hods-autocomplete__outer-wrapper');
       const autocomplete = outerWrapper.childNodes[0];
       expect(autocomplete.classList).toContain('hods-autocomplete__wrapper');
-      const input = [].concat(autocomplete.childNodes).filter(e => e.tagName === 'INPUT')[0];
+      const input = autocomplete.querySelector('input');
       expect(input.classList).toContain('hods-autocomplete__input');
       expect(input.tagName).toEqual('INPUT');
       expect(input.id).toEqual(fieldId);
@@ -224,7 +224,7 @@ describe('components.CollectionPage', () => {
     it('should render a submit page correctly', async () => {
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_CollectionPage.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionPage.default, {
         page: PAGE,
         onAction: ON_ACTION
       }));
@@ -240,7 +240,7 @@ describe('components.CollectionPage', () => {
     it('should render nothing when there is no formData and page.collection.waitForFormData is true', async () => {
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_CollectionPage.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionPage.default, {
         page: _objectSpread(_objectSpread({}, PAGE), {}, {
           collection: _objectSpread(_objectSpread({}, PAGE.collection), {}, {
             waitForFormData: true
@@ -254,7 +254,7 @@ describe('components.CollectionPage', () => {
     it('should render a submit page correctly and submit action button has interpolated label', async () => {
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_CollectionPage.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionPage.default, {
         page: PAGE_WITH_BUTTON_ACTIONS,
         onAction: ON_ACTION
       }));
@@ -272,7 +272,7 @@ describe('components.CollectionPage', () => {
     it('should render only the conditionally shown button', async () => {
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_CollectionPage.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionPage.default, {
         page: PAGE_WITH_CONDITIONAL_BUTTONS,
         onAction: ON_ACTION
       }));
@@ -283,7 +283,7 @@ describe('components.CollectionPage', () => {
       it('should handle a page change appropriately', async () => {
         const {
           container
-        } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_CollectionPage.default, {
+        } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionPage.default, {
           page: PAGE,
           onAction: ON_ACTION
         }));
@@ -307,7 +307,7 @@ describe('components.CollectionPage', () => {
       it('should handle a page action appropriately, updating the active entry if there is one', async () => {
         const {
           container
-        } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_CollectionPage.default, {
+        } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionPage.default, {
           page: PAGE,
           onAction: ON_ACTION
         }));
@@ -344,7 +344,7 @@ describe('components.CollectionPage', () => {
         PAGE.formData["".concat(COLLECTION_NAME, "ActiveId")] = 'newId';
         const {
           container
-        } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_CollectionPage.default, {
+        } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionPage.default, {
           page: PAGE,
           onAction: ON_ACTION
         }));
@@ -410,7 +410,7 @@ describe('components.CollectionPage', () => {
       it('should handle a page change appropriately', async () => {
         const {
           container
-        } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_CollectionPage.default, {
+        } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionPage.default, {
           page: NESTED_PAGE,
           onAction: ON_ACTION
         }));
@@ -434,7 +434,7 @@ describe('components.CollectionPage', () => {
       it('should handle a page action appropriately, updating the active entry if there is one', async () => {
         const {
           container
-        } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_CollectionPage.default, {
+        } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionPage.default, {
           page: NESTED_PAGE,
           onAction: ON_ACTION
         }));
@@ -474,7 +474,7 @@ describe('components.CollectionPage', () => {
         NESTED_PAGE.formData.childActiveId = 'newId';
         const {
           container
-        } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_CollectionPage.default, {
+        } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionPage.default, {
           page: NESTED_PAGE,
           onAction: ON_ACTION
         }));