@ukhomeoffice/cop-react-form-renderer 5.45.1 → 5.45.2-alpha

package/dist/utils/FormPage/getParagraphFromText.js

@@ -12,11 +12,9 @@ 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.
  */
-var getParagraphFromText = function getParagraphFromText(content) {
-  return {
-    type: _models.ComponentTypes.HTML,
-    tagName: 'p',
-    content: content
-  };
-};
+const getParagraphFromText = content => ({
+  type: _models.ComponentTypes.HTML,
+  tagName: 'p',
+  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', function () {
-  describe('FormPage', function () {
-    describe('getParagraphFromText', function () {
-      it('should handle text content', function () {
-        var CONTENT = 'Appropriate text content';
+describe('utils', () => {
+  describe('FormPage', () => {
+    describe('getParagraphFromText', () => {
+      it('should handle text content', () => {
+        const CONTENT = 'Appropriate text content';
         expect((0, _getParagraphFromText.default)(CONTENT)).toEqual({
           type: _models.ComponentTypes.HTML,
           tagName: 'p',
           content: CONTENT
         });
       });
-      it('should handle undefined content', function () {
+      it('should handle undefined content', () => {
         expect((0, _getParagraphFromText.default)(undefined)).toEqual({
           type: _models.ComponentTypes.HTML,
           tagName: 'p'

package/dist/utils/FormPage/index.js

@@ -11,7 +11,7 @@ var _getPageTitle = _interopRequireDefault(require("./getPageTitle"));
 var _showFormPage = _interopRequireDefault(require("./showFormPage"));
 var _showFormPageCYA = _interopRequireDefault(require("./showFormPageCYA"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var FormPage = {
+const FormPage = {
   applyConditionalProperties: _applyConditionalProperties.default,
   get: _getFormPage.default,
   getAll: _getFormPages.default,

package/dist/utils/FormPage/showFormPage.js

@@ -16,11 +16,7 @@ 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.
  */
-var showEditableComponent = function showEditableComponent(editableComponents, data) {
-  return editableComponents.some(function (component) {
-    return (0, _showComponent.default)(component, data);
-  });
-};
+const showEditableComponent = (editableComponents, data) => editableComponents.some(component => (0, _showComponent.default)(component, data));
 
 /**
  * Indicates whether or not a page should be shown.
@@ -28,7 +24,7 @@ var showEditableComponent = function showEditableComponent(editableComponents, d
  * @param {object} data The top-level form data.
  * @returns Boolean true if the page should be shown; false if not.
  */
-var showFormPage = function showFormPage(page, data) {
+const showFormPage = (page, data) => {
   if (!page) {
     return false;
   }
@@ -43,7 +39,7 @@ var showFormPage = function 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.
-  var editableComponents = _Container.default.editableComponents(page);
+  const 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', function () {
-  describe('FormPage', function () {
-    describe('showFormPage', function () {
-      var DATA = {
+describe('utils', () => {
+  describe('FormPage', () => {
+    describe('showFormPage', () => {
+      const DATA = {
         alpha: 'Alpha',
         bravo: 'Bravo'
       };
-      var HTML = {
+      const HTML = {
         type: 'html',
         tagName: 'p',
         content: 'Alpha'
       };
-      var INSET_TEXT = {
+      const INSET_TEXT = {
         type: 'inset-text',
         content: 'Bravo'
       };
-      var HEADING = {
+      const HEADING = {
         type: 'heading',
         size: 'm',
         content: 'Charlie'
       };
-      it('should NOT be shown when the page is null', function () {
+      it('should NOT be shown when the page is null', () => {
         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', function () {
-        var PAGE = {
+      it('should NOT be shown when the page has a single show_when condition that is NOT matched', () => {
+        const PAGE = {
           show_when: {
             field: 'charlie',
             op: '=',
@@ -36,8 +36,8 @@ describe('utils', function () {
         };
         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', function () {
-        var PAGE = {
+      it('should NOT be shown when the page has a multiple show_when conditions and at least one is NOT matched', () => {
+        const PAGE = {
           show_when: [{
             field: 'alpha',
             op: '=',
@@ -50,8 +50,8 @@ describe('utils', function () {
         };
         expect((0, _showFormPage.default)(PAGE, DATA)).toBeFalsy();
       });
-      it('SHOULD be shown when the page has a single show_when condition that IS matched', function () {
-        var PAGE = {
+      it('SHOULD be shown when the page has a single show_when condition that IS matched', () => {
+        const PAGE = {
           show_when: {
             field: 'alpha',
             op: '=',
@@ -60,8 +60,8 @@ describe('utils', function () {
         };
         expect((0, _showFormPage.default)(PAGE, DATA)).toBeTruthy();
       });
-      it('SHOULD be shown when the page has a multiple show_when conditions that are ALL matched', function () {
-        var PAGE = {
+      it('SHOULD be shown when the page has a multiple show_when conditions that are ALL matched', () => {
+        const PAGE = {
           show_when: [{
             field: 'alpha',
             op: '=',
@@ -74,14 +74,14 @@ describe('utils', function () {
         };
         expect((0, _showFormPage.default)(PAGE, DATA)).toBeTruthy();
       });
-      it('SHOULD be shown when the page has NO show_when conditions and NO editable components', function () {
-        var PAGE = {
+      it('SHOULD be shown when the page has NO show_when conditions and NO editable components', () => {
+        const 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', function () {
-        var TEXT = {
+      it('should NOT be shown when the page has NO show_when conditions and NO SHOWN editable components', () => {
+        const TEXT = {
           type: 'text',
           show_when: {
             field: 'charlie',
@@ -89,7 +89,7 @@ describe('utils', function () {
             value: 'Charlie'
           }
         };
-        var RADIOS = {
+        const RADIOS = {
           type: 'radios',
           show_when: {
             field: 'charlie',
@@ -97,13 +97,13 @@ describe('utils', function () {
             value: 'Charlie'
           }
         };
-        var PAGE = {
+        const 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', function () {
-        var TEXT = {
+      it('SHOULD be shown when the page has NO show_when conditions and AT LEAST ONE SHOWN editable components', () => {
+        const TEXT = {
           type: 'text',
           show_when: {
             field: 'alpha',
@@ -111,7 +111,7 @@ describe('utils', function () {
             value: 'Alpha'
           }
         };
-        var RADIOS = {
+        const RADIOS = {
           type: 'radios',
           show_when: {
             field: 'charlie',
@@ -119,13 +119,13 @@ describe('utils', function () {
             value: 'Charlie'
           }
         };
-        var PAGE = {
+        const 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', function () {
-        var PAGE = {
+      it('SHOULD be shown when the page has multiple show_when conditions, with type "or" provided and ALL are matched', () => {
+        const PAGE = {
           show_when: {
             "type": "or",
             "conditions": [{
@@ -141,8 +141,8 @@ describe('utils', function () {
         };
         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', function () {
-        var PAGE = {
+      it('SHOULD be shown when the page has multiple show_when conditions, with type "or" provided and at least ONE is matched', () => {
+        const PAGE = {
           show_when: {
             "type": "or",
             "conditions": [{
@@ -158,8 +158,8 @@ describe('utils', function () {
         };
         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', function () {
-        var PAGE = {
+      it('should NOT be shown when the page has multiple show_when conditions, with type "or" provided and NONE are matched', () => {
+        const 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.
  */
-var showFormPageCYA = function showFormPageCYA(page, data) {
+const 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', function () {
-  var DATA = {
+describe('utils.FormPage.showFormPageCYA', () => {
+  const DATA = {
     alpha: 'Alpha',
     bravo: 'Bravo'
   };
-  it('should NOT be shown when the page is null', function () {
+  it('should NOT be shown when the page is null', () => {
     expect((0, _showFormPageCYA.default)(null, DATA)).toEqual(false);
   });
-  it('should NOT be shown if the show_on_cya flag is false', function () {
-    var PAGE = {
+  it('should NOT be shown if the show_on_cya flag is false', () => {
+    const 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', function () {
-    var PAGE = {
+  it('SHOULD be shown if the show_on_cya flag is true', () => {
+    const 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', function () {
+  it('SHOULD be shown if the show_on_cya flag is missing', () => {
     expect((0, _showFormPageCYA.default)({}, DATA)).toEqual(true);
   });
 });

package/dist/utils/FormPage/useComponent.js

@@ -4,29 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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();
+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();
     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(function (c) {
-        return c.id === id;
-      });
+      parent.components = parent.components.filter(c => c.id === id);
       if (parent.components.length > 0) {
         // Make the found child the parent so we can iterate.
         // eslint-disable-next-line prefer-destructuring
@@ -40,14 +32,13 @@ var getComponentToUse = function getComponentToUse(toUse, formComponents) {
       // components on this parent.
       component = undefined;
     }
-  };
-  while (component && path.length > 0) {
-    _loop();
   }
   if (component) {
-    component = _objectSpread(_objectSpread({
-      cya_label: component.label
-    }, component), toUse);
+    component = {
+      cya_label: component.label,
+      ...component,
+      ...toUse
+    };
     if (parent && parent.id !== component.id) {
       parent.components = [component];
     } else {
@@ -67,13 +58,15 @@ var getComponentToUse = function getComponentToUse(toUse, formComponents) {
  * @param {Array} formComponents An array of existing components on the form.
  * @returns A component configuration object.
  */
-var useComponent = function useComponent(toUse, formComponents) {
+const useComponent = (toUse, formComponents) => {
   if (toUse) {
-    var component = getComponentToUse(toUse, formComponents);
+    const component = getComponentToUse(toUse, formComponents);
     if (component) {
       return component;
     }
   }
-  return _objectSpread({}, toUse);
+  return {
+    ...toUse
+  };
 };
 var _default = exports.default = useComponent;

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

@@ -3,22 +3,18 @@
 var _models = require("../../models");
 var _useComponent = _interopRequireDefault(require("./useComponent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); } // Local imports
-describe('utils', function () {
-  describe('FormPage', function () {
-    describe('useComponent', function () {
-      var ZULU = {
+// Local imports
+
+describe('utils', () => {
+  describe('FormPage', () => {
+    describe('useComponent', () => {
+      const ZULU = {
         id: 'z',
         fieldId: 'z',
         label: 'Zulu',
         type: _models.ComponentTypes.TEXT
       };
-      var CONTAINER = {
+      const CONTAINER = {
         id: 'container',
         fieldId: 'container',
         label: 'Container',
@@ -30,7 +26,7 @@ describe('utils', function () {
           type: _models.ComponentTypes.TEXT
         }, ZULU]
       };
-      var FORM_COMPONENTS = [{
+      const FORM_COMPONENTS = [{
         id: 'a',
         fieldId: 'a',
         label: 'Alpha',
@@ -51,129 +47,132 @@ describe('utils', function () {
         cya_label: 'Delta',
         type: _models.ComponentTypes.TEXT
       }, CONTAINER];
-      it('should handle a null toUse configuration', function () {
-        var TO_USE = null;
+      it('should handle a null toUse configuration', () => {
+        const TO_USE = null;
         expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual({});
       });
-      it('should handle an unrecognised component reference', function () {
-        var TO_USE = {
+      it('should handle an unrecognised component reference', () => {
+        const TO_USE = {
           use: 'e',
           label: 'Echo'
         };
         expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(TO_USE);
       });
-      it('should use the appropriate component', function () {
-        var TO_USE = {
+      it('should use the appropriate component', () => {
+        const TO_USE = {
           use: 'a'
         };
-        var A = FORM_COMPONENTS[0];
-        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
-          use: 'a'
-        }, A), {}, {
+        const A = FORM_COMPONENTS[0];
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual({
+          use: 'a',
+          ...A,
           cya_label: A.label
-        }));
+        });
       });
-      it('should allow the fieldId to be overridden', function () {
-        var TO_USE = {
+      it('should allow the fieldId to be overridden', () => {
+        const TO_USE = {
           use: 'a',
           fieldId: 'alpha'
         };
-        var A = FORM_COMPONENTS[0];
-        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
-          use: 'a'
-        }, A), {}, {
+        const A = FORM_COMPONENTS[0];
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual({
+          use: 'a',
+          ...A,
           cya_label: A.label,
           fieldId: TO_USE.fieldId
-        }));
+        });
       });
-      it('should allow the label to be overridden but keep the cya_label unaffected', function () {
-        var TO_USE = {
+      it('should allow the label to be overridden but keep the cya_label unaffected', () => {
+        const TO_USE = {
           use: 'a',
           label: 'Alpha foxtrot'
         };
-        var A = FORM_COMPONENTS[0];
-        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
-          use: 'a'
-        }, A), {}, {
+        const A = FORM_COMPONENTS[0];
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual({
+          use: 'a',
+          ...A,
           cya_label: A.label,
           label: TO_USE.label
-        }));
+        });
       });
-      it('should allow the form component cya_label, if label is empty', function () {
-        var TO_USE = {
+      it('should allow the form component cya_label, if label is empty', () => {
+        const TO_USE = {
           use: 'd',
           label: ''
         };
-        var A = FORM_COMPONENTS[3];
-        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
-          use: 'd'
-        }, A), {}, {
+        const A = FORM_COMPONENTS[3];
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual({
+          use: 'd',
+          ...A,
           cya_label: A.cya_label,
           label: TO_USE.label
-        }));
+        });
       });
-      it('should allow the form component cya_label, if label is not given', function () {
-        var TO_USE = {
+      it('should allow the form component cya_label, if label is not given', () => {
+        const TO_USE = {
           use: 'd'
         };
-        var A = FORM_COMPONENTS[3];
-        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
-          use: 'd'
-        }, A), {}, {
+        const A = FORM_COMPONENTS[3];
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual({
+          use: 'd',
+          ...A,
           cya_label: A.cya_label,
           label: TO_USE.label
-        }));
+        });
       });
-      it('should handle a container', function () {
-        var TO_USE = {
+      it('should handle a container', () => {
+        const TO_USE = {
           use: CONTAINER.id
         };
-        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
-          use: CONTAINER.id
-        }, CONTAINER), {}, {
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual({
+          use: CONTAINER.id,
+          ...CONTAINER,
           cya_label: CONTAINER.label
-        }));
+        });
       });
-      it('should handle a component nested inside a container', function () {
-        var ID = "".concat(CONTAINER.id, ".").concat(ZULU.id);
-        var TO_USE = {
+      it('should handle a component nested inside a container', () => {
+        const ID = "".concat(CONTAINER.id, ".").concat(ZULU.id);
+        const TO_USE = {
           use: ID
         };
-        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({}, CONTAINER), {}, {
-          components: [_objectSpread(_objectSpread({
-            use: ID
-          }, ZULU), {}, {
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual({
+          ...CONTAINER,
+          components: [{
+            use: ID,
+            ...ZULU,
             cya_label: ZULU.label
-          }) // Foxtrot is not included
+          }
+          // Foxtrot is not included
           ]
-        }));
+        });
       });
-      it('should handle an unrecognised container reference', function () {
-        var ID = "unrecognised.".concat(ZULU.id);
-        var TO_USE = {
+
+      it('should handle an unrecognised container reference', () => {
+        const ID = "unrecognised.".concat(ZULU.id);
+        const TO_USE = {
           use: ID
         };
         expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(TO_USE);
       });
-      it('should handle an unrecognised component within a container', function () {
-        var ID = "".concat(CONTAINER.id, ".unrecognised");
-        var TO_USE = {
+      it('should handle an unrecognised component within a container', () => {
+        const ID = "".concat(CONTAINER.id, ".unrecognised");
+        const TO_USE = {
           use: ID
         };
         expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(TO_USE);
       });
-      it('should allow the cya_label to overriden', function () {
-        var TO_USE = {
+      it('should allow the cya_label to overriden', () => {
+        const TO_USE = {
           use: 'd',
           cya_label: 'Alpha'
         };
-        var A = FORM_COMPONENTS[3];
-        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
-          use: 'd'
-        }, A), {}, {
+        const A = FORM_COMPONENTS[3];
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual({
+          use: 'd',
+          ...A,
           cya_label: TO_USE.cya_label,
           label: TO_USE.label
-        }));
+        });
       });
     });
   });

package/dist/utils/Format/formatData.js

@@ -10,7 +10,7 @@ exports.default = void 0;
  * @param {string} value The string value to be formatted.
  * @returns A formatted version of the value.
  */
-var formatData = function formatData(format, value) {
+const formatData = (format, value) => {
   if (format && value) {
     switch (format.type) {
       case 'lowercase':