@ukhomeoffice/cop-react-form-renderer 6.7.0-alpha → 6.12.0

package/dist/utils/FormPage/getPageActions.test.js

@@ -5,14 +5,14 @@ var _getPageActions = _interopRequireDefault(require("./getPageActions"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Local imports
 
-describe('utils', () => {
-  describe('FormPage', () => {
-    describe('getPageActions', () => {
-      it('should handle a null or undefined page', () => {
+describe('utils', function () {
+  describe('FormPage', function () {
+    describe('getPageActions', function () {
+      it('should handle a null or undefined page', function () {
         expect((0, _getPageActions.default)(null)).toBeUndefined();
         expect((0, _getPageActions.default)(undefined)).toBeUndefined();
       });
-      it('should handle a null or undefined actions array', () => {
+      it('should handle a null or undefined actions array', function () {
         expect((0, _getPageActions.default)({
           actions: null
         })).toBeUndefined();
@@ -20,89 +20,89 @@ describe('utils', () => {
           actions: undefined
         })).toBeUndefined();
       });
-      it('should handle an array of strings', () => {
-        const actions = [_models.PageAction.TYPES.SAVE_AND_CONTINUE, _models.PageAction.TYPES.SAVE_AND_RETURN];
+      it('should handle an array of strings', function () {
+        var actions = [_models.PageAction.TYPES.SAVE_AND_CONTINUE, _models.PageAction.TYPES.SAVE_AND_RETURN];
         expect((0, _getPageActions.default)({
-          actions
+          actions: actions
         })).toEqual([_models.PageAction.DEFAULTS.saveAndContinue, _models.PageAction.DEFAULTS.saveAndReturn]);
       });
-      it('should handle a null entry in the array', () => {
-        const actions = [_models.PageAction.TYPES.SAVE_AND_CONTINUE, _models.PageAction.TYPES.SAVE_AND_RETURN, null];
+      it('should handle a null entry in the array', function () {
+        var actions = [_models.PageAction.TYPES.SAVE_AND_CONTINUE, _models.PageAction.TYPES.SAVE_AND_RETURN, null];
         expect((0, _getPageActions.default)({
-          actions
+          actions: actions
         })).toEqual([_models.PageAction.DEFAULTS.saveAndContinue, _models.PageAction.DEFAULTS.saveAndReturn]);
       });
-      it('should handle an undefined entry in the array', () => {
-        const actions = [undefined, _models.PageAction.TYPES.SAVE_AND_CONTINUE, undefined, _models.PageAction.TYPES.SAVE_AND_RETURN];
+      it('should handle an undefined entry in the array', function () {
+        var actions = [undefined, _models.PageAction.TYPES.SAVE_AND_CONTINUE, undefined, _models.PageAction.TYPES.SAVE_AND_RETURN];
         expect((0, _getPageActions.default)({
-          actions
+          actions: actions
         })).toEqual([_models.PageAction.DEFAULTS.saveAndContinue, _models.PageAction.DEFAULTS.saveAndReturn]);
       });
-      it('should handle an object entry in the array', () => {
-        const actions = [{
+      it('should handle an object entry in the array', function () {
+        var actions = [{
           type: 'navigate',
           page: 'alpha'
         }];
         expect((0, _getPageActions.default)({
-          actions
+          actions: actions
         })).toEqual(actions);
       });
-      it('should convert an href to a page', () => {
-        const actions = [{
+      it('should convert an href to a page', function () {
+        var actions = [{
           type: 'navigate',
           href: '/alpha/bravo'
         }];
         expect((0, _getPageActions.default)({
-          actions
+          actions: actions
         })).toEqual([{
           type: 'navigate',
           page: 'bravo',
           href: '/alpha/bravo'
         }]);
       });
-      it('should convert a url to a page', () => {
-        const actions = [{
+      it('should convert a url to a page', function () {
+        var actions = [{
           type: 'navigate',
           url: '/alpha/bravo'
         }];
         expect((0, _getPageActions.default)({
-          actions
+          actions: actions
         })).toEqual([{
           type: 'navigate',
           page: 'bravo',
           url: '/alpha/bravo'
         }]);
       });
-      it('should handle an action without a page, href, or url', () => {
-        const actions = [{
+      it('should handle an action without a page, href, or url', function () {
+        var actions = [{
           type: 'submit',
           label: 'Charlie'
         }];
         expect((0, _getPageActions.default)({
-          actions
+          actions: actions
         })).toEqual(actions);
       });
-      it('should add a default validation prop if none are present', () => {
-        const actions = [{
+      it('should add a default validation prop if none are present', function () {
+        var actions = [{
           type: 'saveAndContinue',
           label: 'Charlie'
         }];
         expect((0, _getPageActions.default)({
-          actions
+          actions: actions
         })).toEqual([{
           type: 'saveAndContinue',
           label: 'Charlie',
           validate: true
         }]);
       });
-      it('should not overwrite a validation prop when one exists', () => {
-        const actions = [{
+      it('should not overwrite a validation prop when one exists', function () {
+        var actions = [{
           type: 'submit',
           label: 'Charlie',
           validate: false
         }];
         expect((0, _getPageActions.default)({
-          actions
+          actions: actions
         })).toEqual([{
           type: 'submit',
           label: 'Charlie',

package/dist/utils/FormPage/getParagraphFromText.js

@@ -12,9 +12,11 @@ var _models = require("../../models");
  * @param {string} content The content to render as a paragraph.
  * @returns An HTML component configuration for a paragraph of the supplied tect.
  */
-const getParagraphFromText = content => ({
-  type: _models.ComponentTypes.HTML,
-  tagName: 'p',
-  content
-});
+var getParagraphFromText = function getParagraphFromText(content) {
+  return {
+    type: _models.ComponentTypes.HTML,
+    tagName: 'p',
+    content: content
+  };
+};
 var _default = exports.default = getParagraphFromText;

package/dist/utils/FormPage/getParagraphFromText.test.js

@@ -5,18 +5,18 @@ var _getParagraphFromText = _interopRequireDefault(require("./getParagraphFromTe
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Local imports
 
-describe('utils', () => {
-  describe('FormPage', () => {
-    describe('getParagraphFromText', () => {
-      it('should handle text content', () => {
-        const CONTENT = 'Appropriate text content';
+describe('utils', function () {
+  describe('FormPage', function () {
+    describe('getParagraphFromText', function () {
+      it('should handle text content', function () {
+        var CONTENT = 'Appropriate text content';
         expect((0, _getParagraphFromText.default)(CONTENT)).toEqual({
           type: _models.ComponentTypes.HTML,
           tagName: 'p',
           content: CONTENT
         });
       });
-      it('should handle undefined content', () => {
+      it('should handle undefined content', function () {
         expect((0, _getParagraphFromText.default)(undefined)).toEqual({
           type: _models.ComponentTypes.HTML,
           tagName: 'p'

package/dist/utils/FormPage/index.js

@@ -11,12 +11,14 @@ var _getFormPages = _interopRequireDefault(require("./getFormPages"));
 var _showFormPage = _interopRequireDefault(require("./showFormPage"));
 var _showFormPageCYA = _interopRequireDefault(require("./showFormPageCYA"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const FormPage = {
+var FormPage = {
   applyConditionalProperties: _applyConditionalProperties.default,
   getConditionalText: _getConditionalText.default,
   get: _getFormPage.default,
   getAll: _getFormPages.default,
-  getTitle: (options, formData) => (0, _getConditionalText.default)(options, formData, 'title'),
+  getTitle: function getTitle(options, formData) {
+    return (0, _getConditionalText.default)(options, formData, 'title');
+  },
   show: _showFormPage.default,
   showCYA: _showFormPageCYA.default
 };

package/dist/utils/FormPage/showFormPage.js

@@ -16,7 +16,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {object} data The top-level form data.
  * @returns Boolean true if ANY of the editable components should be shown; false otherwise.
  */
-const showEditableComponent = (editableComponents, data) => editableComponents.some(component => (0, _showComponent.default)(component, data));
+var showEditableComponent = function showEditableComponent(editableComponents, data) {
+  return editableComponents.some(function (component) {
+    return (0, _showComponent.default)(component, data);
+  });
+};
 
 /**
  * Indicates whether or not a page should be shown.
@@ -24,7 +28,7 @@ const showEditableComponent = (editableComponents, data) => editableComponents.s
  * @param {object} data The top-level form data.
  * @returns Boolean true if the page should be shown; false if not.
  */
-const showFormPage = (page, data) => {
+var showFormPage = function showFormPage(page, data) {
   if (!page) {
     return false;
   }
@@ -39,7 +43,7 @@ const showFormPage = (page, data) => {
 
   // If the page itself doesn't have a show_when, we need to make sure that if it
   // contains ANY editable components, at least one of them is shown.
-  const editableComponents = _Container.default.editableComponents(page);
+  var editableComponents = _Container.default.editableComponents(page);
   if (editableComponents.length > 0) {
     return showEditableComponent(editableComponents, data);
   }

package/dist/utils/FormPage/showFormPage.test.js

@@ -2,32 +2,32 @@
 
 var _showFormPage = _interopRequireDefault(require("./showFormPage"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe('utils', () => {
-  describe('FormPage', () => {
-    describe('showFormPage', () => {
-      const DATA = {
+describe('utils', function () {
+  describe('FormPage', function () {
+    describe('showFormPage', function () {
+      var DATA = {
         alpha: 'Alpha',
         bravo: 'Bravo'
       };
-      const HTML = {
+      var HTML = {
         type: 'html',
         tagName: 'p',
         content: 'Alpha'
       };
-      const INSET_TEXT = {
+      var INSET_TEXT = {
         type: 'inset-text',
         content: 'Bravo'
       };
-      const HEADING = {
+      var HEADING = {
         type: 'heading',
         size: 'm',
         content: 'Charlie'
       };
-      it('should NOT be shown when the page is null', () => {
+      it('should NOT be shown when the page is null', function () {
         expect((0, _showFormPage.default)(null, DATA)).toBeFalsy();
       });
-      it('should NOT be shown when the page has a single show_when condition that is NOT matched', () => {
-        const PAGE = {
+      it('should NOT be shown when the page has a single show_when condition that is NOT matched', function () {
+        var PAGE = {
           show_when: {
             field: 'charlie',
             op: '=',
@@ -36,8 +36,8 @@ describe('utils', () => {
         };
         expect((0, _showFormPage.default)(PAGE, DATA)).toBeFalsy();
       });
-      it('should NOT be shown when the page has a multiple show_when conditions and at least one is NOT matched', () => {
-        const PAGE = {
+      it('should NOT be shown when the page has a multiple show_when conditions and at least one is NOT matched', function () {
+        var PAGE = {
           show_when: [{
             field: 'alpha',
             op: '=',
@@ -50,8 +50,8 @@ describe('utils', () => {
         };
         expect((0, _showFormPage.default)(PAGE, DATA)).toBeFalsy();
       });
-      it('SHOULD be shown when the page has a single show_when condition that IS matched', () => {
-        const PAGE = {
+      it('SHOULD be shown when the page has a single show_when condition that IS matched', function () {
+        var PAGE = {
           show_when: {
             field: 'alpha',
             op: '=',
@@ -60,8 +60,8 @@ describe('utils', () => {
         };
         expect((0, _showFormPage.default)(PAGE, DATA)).toBeTruthy();
       });
-      it('SHOULD be shown when the page has a multiple show_when conditions that are ALL matched', () => {
-        const PAGE = {
+      it('SHOULD be shown when the page has a multiple show_when conditions that are ALL matched', function () {
+        var PAGE = {
           show_when: [{
             field: 'alpha',
             op: '=',
@@ -74,14 +74,14 @@ describe('utils', () => {
         };
         expect((0, _showFormPage.default)(PAGE, DATA)).toBeTruthy();
       });
-      it('SHOULD be shown when the page has NO show_when conditions and NO editable components', () => {
-        const PAGE = {
+      it('SHOULD be shown when the page has NO show_when conditions and NO editable components', function () {
+        var PAGE = {
           components: [HTML, INSET_TEXT, HEADING]
         };
         expect((0, _showFormPage.default)(PAGE, DATA)).toBeTruthy();
       });
-      it('should NOT be shown when the page has NO show_when conditions and NO SHOWN editable components', () => {
-        const TEXT = {
+      it('should NOT be shown when the page has NO show_when conditions and NO SHOWN editable components', function () {
+        var TEXT = {
           type: 'text',
           show_when: {
             field: 'charlie',
@@ -89,7 +89,7 @@ describe('utils', () => {
             value: 'Charlie'
           }
         };
-        const RADIOS = {
+        var RADIOS = {
           type: 'radios',
           show_when: {
             field: 'charlie',
@@ -97,13 +97,13 @@ describe('utils', () => {
             value: 'Charlie'
           }
         };
-        const PAGE = {
+        var PAGE = {
           components: [TEXT, RADIOS]
         };
         expect((0, _showFormPage.default)(PAGE, DATA)).toBeFalsy();
       });
-      it('SHOULD be shown when the page has NO show_when conditions and AT LEAST ONE SHOWN editable components', () => {
-        const TEXT = {
+      it('SHOULD be shown when the page has NO show_when conditions and AT LEAST ONE SHOWN editable components', function () {
+        var TEXT = {
           type: 'text',
           show_when: {
             field: 'alpha',
@@ -111,7 +111,7 @@ describe('utils', () => {
             value: 'Alpha'
           }
         };
-        const RADIOS = {
+        var RADIOS = {
           type: 'radios',
           show_when: {
             field: 'charlie',
@@ -119,13 +119,13 @@ describe('utils', () => {
             value: 'Charlie'
           }
         };
-        const PAGE = {
+        var PAGE = {
           components: [TEXT, RADIOS]
         };
         expect((0, _showFormPage.default)(PAGE, DATA)).toBeTruthy();
       });
-      it('SHOULD be shown when the page has multiple show_when conditions, with type "or" provided and ALL are matched', () => {
-        const PAGE = {
+      it('SHOULD be shown when the page has multiple show_when conditions, with type "or" provided and ALL are matched', function () {
+        var PAGE = {
           show_when: {
             "type": "or",
             "conditions": [{
@@ -141,8 +141,8 @@ describe('utils', () => {
         };
         expect((0, _showFormPage.default)(PAGE, DATA)).toBeTruthy();
       });
-      it('SHOULD be shown when the page has multiple show_when conditions, with type "or" provided and at least ONE is matched', () => {
-        const PAGE = {
+      it('SHOULD be shown when the page has multiple show_when conditions, with type "or" provided and at least ONE is matched', function () {
+        var PAGE = {
           show_when: {
             "type": "or",
             "conditions": [{
@@ -158,8 +158,8 @@ describe('utils', () => {
         };
         expect((0, _showFormPage.default)(PAGE, DATA)).toBeTruthy();
       });
-      it('should NOT be shown when the page has multiple show_when conditions, with type "or" provided and NONE are matched', () => {
-        const PAGE = {
+      it('should NOT be shown when the page has multiple show_when conditions, with type "or" provided and NONE are matched', function () {
+        var PAGE = {
           show_when: {
             "type": "or",
             "conditions": [{

package/dist/utils/FormPage/showFormPageCYA.js

@@ -12,7 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {object} data The top-level form data.
  * @returns Boolean true if the page should be shown; false if not.
  */
-const showFormPageCYA = (page, data) => {
+var showFormPageCYA = function showFormPageCYA(page, data) {
   // eslint-disable-next-line no-prototype-builtins
   if (page !== null && page !== void 0 && page.hasOwnProperty('show_on_cya') && !page.show_on_cya) {
     return false;

package/dist/utils/FormPage/showFormPageCYA.test.js

@@ -2,27 +2,27 @@
 
 var _showFormPageCYA = _interopRequireDefault(require("./showFormPageCYA"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe('utils.FormPage.showFormPageCYA', () => {
-  const DATA = {
+describe('utils.FormPage.showFormPageCYA', function () {
+  var DATA = {
     alpha: 'Alpha',
     bravo: 'Bravo'
   };
-  it('should NOT be shown when the page is null', () => {
+  it('should NOT be shown when the page is null', function () {
     expect((0, _showFormPageCYA.default)(null, DATA)).toEqual(false);
   });
-  it('should NOT be shown if the show_on_cya flag is false', () => {
-    const PAGE = {
+  it('should NOT be shown if the show_on_cya flag is false', function () {
+    var PAGE = {
       show_on_cya: false
     };
     expect((0, _showFormPageCYA.default)(PAGE, DATA)).toEqual(false);
   });
-  it('SHOULD be shown if the show_on_cya flag is true', () => {
-    const PAGE = {
+  it('SHOULD be shown if the show_on_cya flag is true', function () {
+    var PAGE = {
       show_on_cya: true
     };
     expect((0, _showFormPageCYA.default)(PAGE, DATA)).toEqual(true);
   });
-  it('SHOULD be shown if the show_on_cya flag is missing', () => {
+  it('SHOULD be shown if the show_on_cya flag is missing', function () {
     expect((0, _showFormPageCYA.default)({}, DATA)).toEqual(true);
   });
 });

package/dist/utils/FormPage/useComponent.js

@@ -4,21 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-const getComponentToUse = (toUse, formComponents) => {
-  const path = toUse.use.split('.');
-  const firstId = path.shift();
-  let wrapper = JSON.parse(JSON.stringify({
-    ...formComponents.find(fc => fc.id === firstId)
-  }));
-  let component = wrapper;
-  let parent = wrapper;
-  while (component && path.length > 0) {
-    const id = path.shift();
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var getComponentToUse = function getComponentToUse(toUse, formComponents) {
+  var path = toUse.use.split('.');
+  var firstId = path.shift();
+  var wrapper = JSON.parse(JSON.stringify(_objectSpread({}, formComponents.find(function (fc) {
+    return fc.id === firstId;
+  }))));
+  var component = wrapper;
+  var parent = wrapper;
+  var _loop = function _loop() {
+    var id = path.shift();
     if (Array.isArray(component.components)) {
       // Filter the parent components down to just the one referenced
       // by the current id.
       parent = component;
-      parent.components = parent.components.filter(c => c.id === id);
+      parent.components = parent.components.filter(function (c) {
+        return c.id === id;
+      });
       if (parent.components.length > 0) {
         // Make the found child the parent so we can iterate.
         // eslint-disable-next-line prefer-destructuring
@@ -32,13 +40,14 @@ const getComponentToUse = (toUse, formComponents) => {
       // components on this parent.
       component = undefined;
     }
+  };
+  while (component && path.length > 0) {
+    _loop();
   }
   if (component) {
-    component = {
-      cya_label: component.label,
-      ...component,
-      ...toUse
-    };
+    component = _objectSpread(_objectSpread({
+      cya_label: component.label
+    }, component), toUse);
     if (parent && parent.id !== component.id) {
       parent.components = [component];
     } else {
@@ -58,15 +67,13 @@ const getComponentToUse = (toUse, formComponents) => {
  * @param {Array} formComponents An array of existing components on the form.
  * @returns A component configuration object.
  */
-const useComponent = (toUse, formComponents) => {
+var useComponent = function useComponent(toUse, formComponents) {
   if (toUse) {
-    const component = getComponentToUse(toUse, formComponents);
+    var component = getComponentToUse(toUse, formComponents);
     if (component) {
       return component;
     }
   }
-  return {
-    ...toUse
-  };
+  return _objectSpread({}, toUse);
 };
 var _default = exports.default = useComponent;