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

package/dist/components/FormPage/FormPage.test.js

@@ -8,8 +8,8 @@ var _setupTests = require("../../setupTests");
 var _utils = _interopRequireDefault(require("../../utils"));
 var _ActionButton = require("../PageActions/ActionButton");
 var _FormPage = _interopRequireWildcard(require("./FormPage"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports
 
@@ -183,7 +183,7 @@ describe('components.FormPage', () => {
       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);
@@ -220,7 +220,7 @@ describe('components.FormPage', () => {
     it('should render a submit page correctly', async () => {
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_FormPage.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormPage.default, {
         page: PAGE,
         onAction: ON_ACTION
       }));
@@ -236,7 +236,7 @@ describe('components.FormPage', () => {
     it('should render a submit page correctly and submit action button has interpolated label', async () => {
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_FormPage.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormPage.default, {
         page: PAGE_WITH_BUTTON_ACTIONS,
         onAction: ON_ACTION
       }));
@@ -254,7 +254,7 @@ describe('components.FormPage', () => {
     it('should handle a page change appropriately', async () => {
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_FormPage.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormPage.default, {
         page: PAGE,
         onAction: ON_ACTION
       }));
@@ -278,7 +278,7 @@ describe('components.FormPage', () => {
     it('should handle a page action appropriately', async () => {
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_FormPage.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormPage.default, {
         page: PAGE,
         onAction: ON_ACTION
       }));
@@ -310,7 +310,7 @@ describe('components.FormPage', () => {
     it('should render only the conditionally shown button', async () => {
       const {
         container
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_FormPage.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormPage.default, {
         page: PAGE_WITH_CONDITIONAL_BUTTONS,
         onAction: ON_ACTION
       }));
@@ -320,7 +320,7 @@ describe('components.FormPage', () => {
     it('should not trigger custom validation when fromTarget is false', async () => {
       const {
         queryByText
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_FormPage.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormPage.default, {
         page: PAGE_WITH_CUSTOM_VALIDATION,
         fromTarget: false,
         onAction: ON_ACTION
@@ -330,7 +330,7 @@ describe('components.FormPage', () => {
       });
     });
     it('should not trigger custom validation if no customValidation is provided', async () => {
-      (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_FormPage.default, {
+      (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormPage.default, {
         page: PAGE_WITHOUT_CUSTOM_VALIDATION,
         fromTarget: true,
         onAction: ON_ACTION
@@ -373,7 +373,7 @@ describe('components.FormPage', () => {
       const onChangeMock = jest.fn();
       const {
         getByLabelText
-      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/_react2.default.createElement(_FormPage.default, {
+      } = (0, _setupTests.renderWithValidation)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormPage.default, {
         page: page,
         fromTarget: true,
         onAction: onChangeMock,

package/dist/components/FormRenderer/FormRenderer.js

@@ -21,13 +21,12 @@ var _onCYAAction = _interopRequireDefault(require("./onCYAAction"));
 var _onPageAction = _interopRequireDefault(require("./onPageAction"));
 var _onTaskAction = _interopRequireDefault(require("./onTaskAction"));
 require("./FormRenderer.scss");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["noTaskCYAs", "nonSequential"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-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; }
@@ -57,28 +56,31 @@ const FormRenderer = _ref => {
     viewOnly,
     hideBlankRows
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_context.HooksContextProvider, {
-    overrides: hooks
-  }, /*#__PURE__*/_react.default.createElement(_context.ValidationContextProvider, null, /*#__PURE__*/_react.default.createElement(InternalFormRenderer, {
-    title: title,
-    type: type,
-    cleanseHiddenData: cleanseHiddenData,
-    components: components,
-    pages: pages,
-    hub: hub,
-    cya: cya,
-    data: data,
-    classBlock: classBlock,
-    classModifiers: classModifiers,
-    className: className,
-    hashLink: hashLink,
-    hide_title: hideTitle,
-    summaryListClassModifiers: summaryListClassModifiers,
-    noChangeAction: noChangeAction,
-    newPageId: newPageId,
-    viewOnly: viewOnly,
-    hideBlankRows: hideBlankRows
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.HooksContextProvider, {
+    overrides: hooks,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ValidationContextProvider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalFormRenderer, {
+        title: title,
+        type: type,
+        cleanseHiddenData: cleanseHiddenData,
+        components: components,
+        pages: pages,
+        hub: hub,
+        cya: cya,
+        data: data,
+        classBlock: classBlock,
+        classModifiers: classModifiers,
+        className: className,
+        hashLink: hashLink,
+        hide_title: hideTitle,
+        summaryListClassModifiers: summaryListClassModifiers,
+        noChangeAction: noChangeAction,
+        newPageId: newPageId,
+        viewOnly: viewOnly,
+        hideBlankRows: hideBlankRows
+      })
+    })
+  });
 };
 const DEFAULT_CLASS = exports.DEFAULT_CLASS = 'hods-form';
 const InternalFormRenderer = _ref2 => {
@@ -129,17 +131,6 @@ const InternalFormRenderer = _ref2 => {
     validate
   } = (0, _hooks.useValidation)();
 
-  // Set focus to header for accessibility, Screen reader to anounce the page heading
-  const setFocusToHeading = () => {
-    if (document) {
-      const header = Array.from(document.getElementsByTagName('h1')).pop();
-      if (header && document.activeElement !== header) {
-        header.setAttribute('tabIndex', '-1');
-        header.focus();
-      }
-    }
-  };
-
   // Need to set submission data when going back
   window.onpopstate = e => {
     var _formState$page;
@@ -203,11 +194,6 @@ const InternalFormRenderer = _ref2 => {
     setHub(_utils.default.Hub.get(type, _hub, components, _objectSpread({}, data)));
   }, [type, _hub, data, components, setHub]);
 
-  // Set focus to heading for accessibility
-  (0, _react.useEffect)(() => {
-    setFocusToHeading();
-  }, [formState]);
-
   // Form state.
   (0, _react.useEffect)(() => {
     var _formState$page2;
@@ -317,55 +303,58 @@ const InternalFormRenderer = _ref2 => {
       nonSequential: _nonSeq
     } = hubDetails,
     taskDetails = _objectWithoutProperties(hubDetails, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes()
-  }, title && !hideTitle && pageId === _models.FormPages.HUB && /*#__PURE__*/_react.default.createElement(_copReactComponents.LargeHeading, null, title), formState.cya && /*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, _extends({
-    pages: _helpers.default.getRelevantPages(formState, pages, currentTask.fullPages)
-  }, cya, ((_formState$page4 = formState.page) === null || _formState$page4 === void 0 ? void 0 : _formState$page4.type) === _models.FormPages.PARTIAL_CYA && {
-    actions: (_formState$page$actio = formState.page.actions) === null || _formState$page$actio === void 0 ? void 0 : _formState$page$actio.filter(action => _utils.default.Component.show(action, data))
-  }, formState.cya, {
-    onAction: action => {
-      (0, _onCYAAction.default)(setPagePoint, action, pages, validate, cleanseHiddenData, components, data, setData, type, pageId, currentTask, hooks, addErrors, hub, onPageChange, formState, submitting, setSubmitting);
-    },
-    onRowAction: onCYARowAction,
-    summaryListClassModifiers: summaryListClassModifiers,
-    hide_title: hideTitle,
-    noChangeAction: (_formState$cya$hideCh = formState.cya.hideChangeActions) !== null && _formState$cya$hideCh !== void 0 ? _formState$cya$hideCh : noChangeAction,
-    noGroupAction: (_formState$cya$hideGr = formState.cya.hideGroupActions) !== null && _formState$cya$hideGr !== void 0 ? _formState$cya$hideGr : false,
-    sections: typeof hubDetails !== 'undefined' ? hubDetails.sections : [],
-    type: type,
-    hideBlankRows: hideBlankRows
-  })), hub === _models.HubFormats.TASK && formState.pageId === _models.FormPages.HUB && /*#__PURE__*/_react.default.createElement(_TaskList.default, _extends({}, taskDetails, {
-    refNumber: data.businessKey,
-    onTaskAction: task => {
-      (0, _onTaskAction.default)(task, pages, setCurrentTask, hubDetails, data, onPageChange);
-    },
-    annotations: (hubDetails === null || hubDetails === void 0 ? void 0 : hubDetails.taskListAnnotations) || [],
-    formData: data
-  })), formState.page && !formState.cya && !formState.page.collection && /*#__PURE__*/_react.default.createElement(_FormPage.default, {
-    page: formState.page,
-    pages: [].concat(pages),
-    onAction: (action, patch, patchLabel) => {
-      (0, _onPageAction.default)(action, patch, patchLabel, hooks, data, formState, validate, onPageChange, type, cleanseHiddenData, pages, components, pageId, setPagePoint, currentTask, setData, hubDetails, setSubmitted, addErrors, submitting, setSubmitting, errors);
-    },
-    onChange: onChange,
-    hashLink: hashLink,
-    classModifiers: formState.page.classModifiers,
-    className: formState.page.className,
-    submitting: submitting,
-    pageId: pageId
-  }), formState.page && !formState.cya && formState.page.collection && /*#__PURE__*/_react.default.createElement(_CollectionPage.default, {
-    page: formState.page,
-    pages: pages,
-    onCollectionChange: onChange,
-    onAction: (action, patch, patchLabel) => {
-      (0, _onPageAction.default)(action, patch, patchLabel, hooks, data, formState, validate, onPageChange, type, cleanseHiddenData, pages, components, pageId, setPagePoint, currentTask, setData, hubDetails, setSubmitted, addErrors, submitting, setSubmitting, errors);
-    },
-    hashLink: hashLink,
-    classModifiers: formState.page.classModifiers,
-    className: formState.page.className,
-    submitting: submitting
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes(),
+    children: [title && !hideTitle && pageId === _models.FormPages.HUB && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copReactComponents.LargeHeading, {
+      children: title
+    }), formState.cya && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckYourAnswers.default, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      pages: _helpers.default.getRelevantPages(formState, pages, currentTask.fullPages)
+    }, cya), ((_formState$page4 = formState.page) === null || _formState$page4 === void 0 ? void 0 : _formState$page4.type) === _models.FormPages.PARTIAL_CYA && {
+      actions: (_formState$page$actio = formState.page.actions) === null || _formState$page$actio === void 0 ? void 0 : _formState$page$actio.filter(action => _utils.default.Component.show(action, data))
+    }), formState.cya), {}, {
+      onAction: action => {
+        (0, _onCYAAction.default)(setPagePoint, action, pages, validate, cleanseHiddenData, components, data, setData, type, pageId, currentTask, hooks, addErrors, hub, onPageChange, formState, submitting, setSubmitting);
+      },
+      onRowAction: onCYARowAction,
+      summaryListClassModifiers: summaryListClassModifiers,
+      hide_title: hideTitle,
+      noChangeAction: (_formState$cya$hideCh = formState.cya.hideChangeActions) !== null && _formState$cya$hideCh !== void 0 ? _formState$cya$hideCh : noChangeAction,
+      noGroupAction: (_formState$cya$hideGr = formState.cya.hideGroupActions) !== null && _formState$cya$hideGr !== void 0 ? _formState$cya$hideGr : false,
+      sections: typeof hubDetails !== 'undefined' ? hubDetails.sections : [],
+      type: type,
+      hideBlankRows: hideBlankRows
+    })), hub === _models.HubFormats.TASK && formState.pageId === _models.FormPages.HUB && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskList.default, _objectSpread(_objectSpread({}, taskDetails), {}, {
+      refNumber: data.businessKey,
+      onTaskAction: task => {
+        (0, _onTaskAction.default)(task, pages, setCurrentTask, hubDetails, data, onPageChange);
+      },
+      annotations: (hubDetails === null || hubDetails === void 0 ? void 0 : hubDetails.taskListAnnotations) || [],
+      formData: data
+    })), formState.page && !formState.cya && !formState.page.collection && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormPage.default, {
+      page: formState.page,
+      pages: [].concat(pages),
+      onAction: (action, patch, patchLabel) => {
+        (0, _onPageAction.default)(action, patch, patchLabel, hooks, data, formState, validate, onPageChange, type, cleanseHiddenData, pages, components, pageId, setPagePoint, currentTask, setData, hubDetails, setSubmitted, addErrors, submitting, setSubmitting, errors);
+      },
+      onChange: onChange,
+      hashLink: hashLink,
+      classModifiers: formState.page.classModifiers,
+      className: formState.page.className,
+      submitting: submitting,
+      pageId: pageId
+    }), formState.page && !formState.cya && formState.page.collection && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollectionPage.default, {
+      page: formState.page,
+      pages: pages,
+      onCollectionChange: onChange,
+      onAction: (action, patch, patchLabel) => {
+        (0, _onPageAction.default)(action, patch, patchLabel, hooks, data, formState, validate, onPageChange, type, cleanseHiddenData, pages, components, pageId, setPagePoint, currentTask, setData, hubDetails, setSubmitted, addErrors, submitting, setSubmitting, errors);
+      },
+      hashLink: hashLink,
+      classModifiers: formState.page.classModifiers,
+      className: formState.page.className,
+      submitting: submitting
+    })]
+  });
 };
 const propTypes = {
   classBlock: _propTypes.default.string,

package/dist/components/FormRenderer/FormRenderer.test.js

@@ -17,15 +17,14 @@ var _userProfileData = _interopRequireDefault(require("../../json/userProfile.da
 var _userProfile = _interopRequireDefault(require("../../json/userProfile.json"));
 var _taskList = _interopRequireDefault(require("../../json/taskList.json"));
 var _firstForm = _interopRequireDefault(require("../../json/firstForm.json"));
-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; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // Global imports
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Global imports
 // Local imports
 // JSON
 const setDate = (element, date) => {
@@ -85,7 +84,7 @@ describe('components', () => {
     const getCancelButton = page => page.childNodes[page.childNodes.length - 1].childNodes[1].childNodes[0];
     it('should start on the hub page correctly and display the title', async () => {
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _userProfile.default, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, _userProfile.default), {}, {
           data: _userProfileData.default
         })), container);
       });
@@ -107,7 +106,7 @@ describe('components', () => {
         onFormLoad: ON_FORM_LOAD
       };
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _userProfile.default, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, _userProfile.default), {}, {
           data: _userProfileData.default,
           hooks: HOOKS
         })), container);
@@ -123,7 +122,7 @@ describe('components', () => {
         onPageChange: ON_PAGE_CHANGE
       };
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _userProfile.default, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, _userProfile.default), {}, {
           data: _userProfileData.default,
           hooks: HOOKS
         })), container);
@@ -161,7 +160,7 @@ describe('components', () => {
         onSubmit: ON_SUBMIT
       };
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _userProfile.default, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, _userProfile.default), {}, {
           data: _userProfileData.default,
           hooks: HOOKS,
           type: _models.FormTypes.HUB
@@ -216,7 +215,7 @@ describe('components', () => {
         })
       };
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _userProfile.default, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, _userProfile.default), {}, {
           data: _userProfileData.default,
           hooks: HOOKS
         })), container);
@@ -269,7 +268,7 @@ describe('components', () => {
         onPageChange: ON_PAGE_CHANGE
       };
       (0, _testUtils.act)(() => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _firstForm.default, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, _firstForm.default), {}, {
           hooks: HOOKS,
           type: _models.FormTypes.CYA
         })), container);
@@ -339,7 +338,7 @@ describe('components', () => {
         type: 'cancel'
       }];
       (0, _testUtils.act)(() => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, formDefinition, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, formDefinition), {}, {
           data: _userProfileData.default,
           hooks: HOOKS
         })), container);
@@ -381,7 +380,7 @@ describe('components', () => {
         onPageChange: ON_PAGE_CHANGE
       };
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _userProfile.default, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, _userProfile.default), {}, {
           data: _userProfileData.default,
           hooks: HOOKS
         })), container);
@@ -414,7 +413,7 @@ describe('components', () => {
     });
     it('should show no title when hide_title is set to true', async () => {
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _userProfile.default, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, _userProfile.default), {}, {
           data: _userProfileData.default,
           hide_title: true
         })), container);
@@ -427,14 +426,14 @@ describe('components', () => {
     });
     it('should render a task list', async () => {
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _taskList.default), container);
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread({}, _taskList.default)), container);
       });
       const taskList = container.childNodes[0].childNodes[1];
       expect(taskList.classList).toContain(_TaskList.DEFAULT_CLASS);
     });
     it('should render a cya page', async () => {
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _firstForm.default), container);
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread({}, _firstForm.default)), container);
       });
       const cya = container.childNodes[0];
       expect(cya.classList).toContain('hods-form');
@@ -459,7 +458,7 @@ describe('components', () => {
         }]
       };
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, TASK_LIST_WITH_NOTES, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, TASK_LIST_WITH_NOTES), {}, {
           data: _userProfileData.default,
           hooks: HOOKS
         })), container);
@@ -488,7 +487,7 @@ describe('components', () => {
         }]
       };
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, TASK_LIST_WITH_NOTES, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, TASK_LIST_WITH_NOTES), {}, {
           data: _userProfileData.default,
           hooks: HOOKS
         })), container);
@@ -511,7 +510,7 @@ describe('components', () => {
         onSubmit: ON_SUBMIT
       };
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _taskList.default, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, _taskList.default), {}, {
           hooks: HOOKS
         })), container);
       });
@@ -593,7 +592,7 @@ describe('components', () => {
         onSubmit: ON_SUBMIT
       };
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _taskList.default, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, _taskList.default), {}, {
           hooks: HOOKS
         })), container);
       });
@@ -644,7 +643,7 @@ describe('components', () => {
         }
       };
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _taskList.default, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, _taskList.default), {}, {
           hooks: HOOKS,
           data: DATA
         })), container);
@@ -671,7 +670,7 @@ describe('components', () => {
         complete: true
       };
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, TASK_LIST_WITH_NO_TASK_CYAS, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, TASK_LIST_WITH_NO_TASK_CYAS), {}, {
           hooks: HOOKS
         })), container);
       });
@@ -707,7 +706,7 @@ describe('components', () => {
         onCancel: ON_CANCEL
       };
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _userProfile.default, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, _userProfile.default), {}, {
           data: _userProfileData.default,
           hooks: HOOKS
         })), container);
@@ -739,7 +738,7 @@ describe('components', () => {
       const TASK_LIST_NON_SEQUENTIAL = JSON.parse(JSON.stringify(_taskList.default));
       TASK_LIST_NON_SEQUENTIAL.hub.nonSequential = true;
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, TASK_LIST_NON_SEQUENTIAL, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, TASK_LIST_NON_SEQUENTIAL), {}, {
           hooks: HOOKS
         })), container);
       });
@@ -763,7 +762,7 @@ describe('components', () => {
         onPageChange: ON_PAGE_CHANGE
       };
       await (0, _testUtils.act)(async () => {
-        (0, _reactDom.render)(/*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _userProfile.default, {
+        (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRenderer.default, _objectSpread(_objectSpread({}, _userProfile.default), {}, {
           data: _userProfileData.default,
           hooks: HOOKS,
           hideBlankRows: true

package/dist/components/FormRenderer/clear-uncompleted-routes/test-data/forms/form-hidden-component-with-nested-questions-visible-elsewhere.json

@@ -0,0 +1,118 @@
+{
+  "id": "example-form",
+  "cleanseHiddenData": true,
+  "version": "0.0.1",
+  "name": "example-form",
+  "title": "Example form",
+  "type": "form",
+  "components": [
+    {
+      "id": "alpha",
+      "fieldId": "alpha",
+      "label": "Alpha",
+      "type": "text"
+    },
+    {
+      "id": "bravo",
+      "fieldId": "bravo",
+      "label": "Bravo",
+      "type": "text"
+    },
+    {
+      "id": "person",
+      "fieldId": "person",
+      "type": "container",
+      "components": [
+        {
+          "id": "telephone_visible",
+          "fieldId": "telephone",
+          "label": "telephone_visible",
+          "type": "text"
+        },        
+        {
+          "id": "telephoneKnown",
+          "fieldId": "telephoneKnown",
+          "type": "radios",
+          "data": {
+            "options": [
+              {
+                "value": "yes",
+                "label": "Yes",
+                "nested": [
+                  {
+                    "id": "telephone",
+                    "fieldId": "telephone",
+                    "type": "text",
+                    "label": "Telephone",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "value": "no",
+                "label": "No"
+              }
+            ]
+          },
+          "show_when": {
+            "op": "=",
+            "field": "bravo",
+            "value": "NOT-bravo-value"
+          }
+        },
+        {
+          "id": "name",
+          "fieldId": "name",
+          "label": "Name",
+          "type": "text"
+        }
+      ]
+    },    
+    {
+      "id": "gamma",
+      "fieldId": "gamma",
+      "label": "Gamma",
+      "type": "text"
+    },
+    {
+      "id": "epsilon",
+      "fieldId": "epsilon",
+      "label": "Epsilon",
+      "type": "text"
+    }
+  ],
+  "pages": [
+    {
+      "id": "general",
+      "name": "general",
+      "title": "General information",
+      "components": [
+        {
+          "use": "alpha"
+        },
+        {
+          "use": "bravo"
+        },
+        {
+          "use": "person"
+        },
+        {
+          "use": "gamma"
+        },
+        {
+          "use": "epsilon"
+        }
+      ],
+      "actions": [
+        "submit",
+        {
+          "type": "cancel",
+          "page": "",
+          "validate": false,
+          "classModifiers": "secondary",
+          "label": "Cancel"
+        }
+      ]
+    }
+  ]
+}