@ukhomeoffice/cop-react-form-renderer 6.13.2 → 6.14.1

package/dist/utils/FormPage/useComponent.js

@@ -4,29 +4,24 @@ 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();
+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); }
+const getComponentToUse = (toUse, formComponents) => {
+  const path = toUse.use.split('.');
+  const firstId = path.shift();
+  let wrapper = JSON.parse(JSON.stringify(_objectSpread({}, 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,9 +35,6 @@ var getComponentToUse = function getComponentToUse(toUse, formComponents) {
       // components on this parent.
       component = undefined;
     }
-  };
-  while (component && path.length > 0) {
-    _loop();
   }
   if (component) {
     component = _objectSpread(_objectSpread({
@@ -53,6 +45,17 @@ var getComponentToUse = function getComponentToUse(toUse, formComponents) {
     } else {
       wrapper = component;
     }
+
+    // this allows us to have the 'use: component' functionality inside item array
+    if (component.item && Array.isArray(component.item)) {
+      component.item = component.item.map(item => {
+        if (item.use) {
+          // eslint-disable-next-line no-use-before-define
+          return useComponent(item, formComponents);
+        }
+        return item;
+      });
+    }
     return wrapper;
   }
 
@@ -67,9 +70,9 @@ 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;
     }

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

@@ -2,23 +2,22 @@
 
 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 _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(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 = {
+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); } // 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 +29,7 @@ describe('utils', function () {
           type: _models.ComponentTypes.TEXT
         }, ZULU]
       };
-      var FORM_COMPONENTS = [{
+      const FORM_COMPONENTS = [{
         id: 'a',
         fieldId: 'a',
         label: 'Alpha',
@@ -51,34 +50,34 @@ 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];
+        const A = FORM_COMPONENTS[0];
         expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
           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];
+        const A = FORM_COMPONENTS[0];
         expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
           use: 'a'
         }, A), {}, {
@@ -86,12 +85,12 @@ describe('utils', function () {
           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];
+        const A = FORM_COMPONENTS[0];
         expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
           use: 'a'
         }, A), {}, {
@@ -99,12 +98,12 @@ describe('utils', function () {
           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];
+        const A = FORM_COMPONENTS[3];
         expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
           use: 'd'
         }, A), {}, {
@@ -112,11 +111,11 @@ describe('utils', function () {
           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];
+        const A = FORM_COMPONENTS[3];
         expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
           use: 'd'
         }, A), {}, {
@@ -124,8 +123,8 @@ describe('utils', function () {
           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({
@@ -134,9 +133,9 @@ describe('utils', function () {
           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), {}, {
@@ -148,26 +147,26 @@ describe('utils', function () {
           ]
         }));
       });
-      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];
+        const A = FORM_COMPONENTS[3];
         expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
           use: 'd'
         }, A), {}, {
@@ -175,6 +174,42 @@ describe('utils', function () {
           label: TO_USE.label
         }));
       });
+      it('should handle nested use references within item', () => {
+        const SEARCH_METHOD = {
+          id: 'searchMethod',
+          label: 'Search Method',
+          type: _models.ComponentTypes.TEXT
+        };
+        const SEARCH_TECHNIQUES = {
+          id: 'searchTechniques',
+          label: 'Search Techniques',
+          type: _models.ComponentTypes.CONTAINER,
+          item: [{
+            use: 'searchMethod',
+            data: {
+              url: 'https://api.example.com/searchtype'
+            }
+          }]
+        };
+        const EXTENDED_FORM_COMPONENTS = [].concat(FORM_COMPONENTS, [SEARCH_METHOD, SEARCH_TECHNIQUES]);
+        const TO_USE = {
+          use: 'searchTechniques'
+        };
+        const expectedComponent = _objectSpread(_objectSpread({
+          use: 'searchTechniques'
+        }, SEARCH_TECHNIQUES), {}, {
+          cya_label: SEARCH_TECHNIQUES.label,
+          item: [_objectSpread(_objectSpread({
+            use: 'searchMethod'
+          }, SEARCH_METHOD), {}, {
+            cya_label: SEARCH_METHOD.label,
+            data: {
+              url: 'https://api.example.com/searchtype'
+            }
+          })]
+        });
+        expect((0, _useComponent.default)(TO_USE, EXTENDED_FORM_COMPONENTS)).toEqual(expectedComponent);
+      });
     });
   });
 });

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':

package/dist/utils/Format/formatData.test.js

@@ -1,43 +1,43 @@
 "use strict";
 
 var _formatData = _interopRequireDefault(require("./formatData"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Local imports
 
-describe('utils', function () {
-  describe('Format', function () {
-    describe('formatData', function () {
-      it('should handle no format', function () {
-        var FORMAT = null;
-        var VALUE = 'AlPhA';
+describe('utils', () => {
+  describe('Format', () => {
+    describe('formatData', () => {
+      it('should handle no format', () => {
+        const FORMAT = null;
+        const VALUE = 'AlPhA';
         expect((0, _formatData.default)(FORMAT, VALUE)).toEqual(VALUE);
       });
-      it('should handle no value', function () {
-        var FORMAT = {
+      it('should handle no value', () => {
+        const FORMAT = {
           type: 'lowercase'
         };
-        var VALUE = null;
+        const VALUE = null;
         expect((0, _formatData.default)(FORMAT, VALUE)).toBeNull();
       });
-      it('should format a string as lowercase', function () {
-        var FORMAT = {
+      it('should format a string as lowercase', () => {
+        const FORMAT = {
           type: 'lowercase'
         };
-        var VALUE = 'AlPhA';
+        const VALUE = 'AlPhA';
         expect((0, _formatData.default)(FORMAT, VALUE)).toEqual('alpha');
       });
-      it('should format a string as uppercase', function () {
-        var FORMAT = {
+      it('should format a string as uppercase', () => {
+        const FORMAT = {
           type: 'uppercase'
         };
-        var VALUE = 'AlPhA';
+        const VALUE = 'AlPhA';
         expect((0, _formatData.default)(FORMAT, VALUE)).toEqual('ALPHA');
       });
-      it('should leave an unknown format type alone', function () {
-        var FORMAT = {
+      it('should leave an unknown format type alone', () => {
+        const FORMAT = {
           type: 'not-a-real-type'
         };
-        var VALUE = 'AlPhA';
+        const VALUE = 'AlPhA';
         expect((0, _formatData.default)(FORMAT, VALUE)).toEqual(VALUE);
       });
     });

package/dist/utils/Format/formatDataForComponent.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.formatDataForComponents = exports.default = void 0;
 var _formatData = _interopRequireDefault(require("./formatData"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Local imports
 
 /**
@@ -14,8 +14,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {object} data The top-level form data.
  * @param {string} eventType What type of event initiated this call.
  */
-var formatDataForComponent = function formatDataForComponent(component, data, eventType) {
-  var componentData = data;
+const formatDataForComponent = (component, data, eventType) => {
+  const componentData = data;
   if (component.format && component.format.on === eventType) {
     componentData[component.fieldId] = (0, _formatData.default)(component.format, componentData[component.fieldId]);
   }
@@ -27,9 +27,8 @@ var formatDataForComponent = function formatDataForComponent(component, data, ev
  * @param {object} data The top-level form data.
  * @param {string} eventType What type of event initiated this call.
  */
-var formatDataForComponents = exports.formatDataForComponents = function formatDataForComponents(components, data, eventType) {
-  components.forEach(function (component) {
-    return formatDataForComponent(component, data, eventType);
-  });
+const formatDataForComponents = (components, data, eventType) => {
+  components.forEach(component => formatDataForComponent(component, data, eventType));
 };
+exports.formatDataForComponents = formatDataForComponents;
 var _default = exports.default = formatDataForComponent;

package/dist/utils/Format/formatDataForComponent.test.js

@@ -2,110 +2,83 @@
 
 var _models = require("../../models");
 var _formatDataForComponent = _interopRequireWildcard(require("./formatDataForComponent"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 && Object.prototype.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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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('Format', function () {
-    var setupField = function setupField(fieldId, format) {
-      return {
-        fieldId: fieldId,
-        format: format
-      };
-    };
-    var setupData = function setupData(fieldId, value) {
-      return _defineProperty({}, fieldId, value);
-    };
-    var setupFieldAndData = function setupFieldAndData(fieldId, format, value) {
-      return [setupField(fieldId, format), setupData(fieldId, value)];
-    };
-    describe('formatDataForComponent', function () {
-      it('should handle no format', function () {
-        var EVENT_TYPE = _models.EventTypes.SUBMIT;
-        var FIELD_ID = 'field';
-        var FORMAT = null;
-        var VALUE = 'AlPhA';
-        var _setupFieldAndData = setupFieldAndData(FIELD_ID, FORMAT, VALUE),
-          _setupFieldAndData2 = _slicedToArray(_setupFieldAndData, 2),
-          COMPONENT = _setupFieldAndData2[0],
-          DATA = _setupFieldAndData2[1];
+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; }
+// Local imports
+
+describe('utils', () => {
+  describe('Format', () => {
+    const setupField = (fieldId, format) => ({
+      fieldId,
+      format
+    });
+    const setupData = (fieldId, value) => ({
+      [fieldId]: value
+    });
+    const setupFieldAndData = (fieldId, format, value) => [setupField(fieldId, format), setupData(fieldId, value)];
+    describe('formatDataForComponent', () => {
+      it('should handle no format', () => {
+        const EVENT_TYPE = _models.EventTypes.SUBMIT;
+        const FIELD_ID = 'field';
+        const FORMAT = null;
+        const VALUE = 'AlPhA';
+        const [COMPONENT, DATA] = setupFieldAndData(FIELD_ID, FORMAT, VALUE);
         (0, _formatDataForComponent.default)(COMPONENT, DATA, EVENT_TYPE);
         expect(DATA[FIELD_ID]).toEqual(VALUE);
       });
-      it('should handle no value', function () {
-        var EVENT_TYPE = _models.EventTypes.SUBMIT;
-        var FIELD_ID = 'field';
-        var FORMAT = {
+      it('should handle no value', () => {
+        const EVENT_TYPE = _models.EventTypes.SUBMIT;
+        const FIELD_ID = 'field';
+        const FORMAT = {
           type: 'lowercase',
           on: EVENT_TYPE
         };
-        var VALUE = null;
-        var _setupFieldAndData3 = setupFieldAndData(FIELD_ID, FORMAT, VALUE),
-          _setupFieldAndData4 = _slicedToArray(_setupFieldAndData3, 2),
-          COMPONENT = _setupFieldAndData4[0],
-          DATA = _setupFieldAndData4[1];
+        const VALUE = null;
+        const [COMPONENT, DATA] = setupFieldAndData(FIELD_ID, FORMAT, VALUE);
         (0, _formatDataForComponent.default)(COMPONENT, DATA, EVENT_TYPE);
         expect(DATA[FIELD_ID]).toBeNull();
       });
-      it('should remain unchanged if the wrong event type', function () {
-        var EVENT_TYPE = _models.EventTypes.SUBMIT;
-        var FIELD_ID = 'field';
-        var FORMAT = {
+      it('should remain unchanged if the wrong event type', () => {
+        const EVENT_TYPE = _models.EventTypes.SUBMIT;
+        const FIELD_ID = 'field';
+        const FORMAT = {
           type: 'lowercase',
           on: _models.EventTypes.BLUR
         };
-        var VALUE = 'AlPhA';
-        var _setupFieldAndData5 = setupFieldAndData(FIELD_ID, FORMAT, VALUE),
-          _setupFieldAndData6 = _slicedToArray(_setupFieldAndData5, 2),
-          COMPONENT = _setupFieldAndData6[0],
-          DATA = _setupFieldAndData6[1];
+        const VALUE = 'AlPhA';
+        const [COMPONENT, DATA] = setupFieldAndData(FIELD_ID, FORMAT, VALUE);
         (0, _formatDataForComponent.default)(COMPONENT, DATA, EVENT_TYPE);
         expect(DATA[FIELD_ID]).toEqual(VALUE);
       });
-      it('should format a string as lowercase', function () {
-        var EVENT_TYPE = _models.EventTypes.SUBMIT;
-        var FIELD_ID = 'field';
-        var FORMAT = {
+      it('should format a string as lowercase', () => {
+        const EVENT_TYPE = _models.EventTypes.SUBMIT;
+        const FIELD_ID = 'field';
+        const FORMAT = {
           type: 'lowercase',
           on: EVENT_TYPE
         };
-        var VALUE = 'AlPhA';
-        var _setupFieldAndData7 = setupFieldAndData(FIELD_ID, FORMAT, VALUE),
-          _setupFieldAndData8 = _slicedToArray(_setupFieldAndData7, 2),
-          COMPONENT = _setupFieldAndData8[0],
-          DATA = _setupFieldAndData8[1];
+        const VALUE = 'AlPhA';
+        const [COMPONENT, DATA] = setupFieldAndData(FIELD_ID, FORMAT, VALUE);
         (0, _formatDataForComponent.default)(COMPONENT, DATA, EVENT_TYPE);
         expect(DATA[FIELD_ID]).toEqual('alpha');
       });
-      it('should format a string as uppercase', function () {
-        var EVENT_TYPE = _models.EventTypes.SUBMIT;
-        var FIELD_ID = 'field';
-        var FORMAT = {
+      it('should format a string as uppercase', () => {
+        const EVENT_TYPE = _models.EventTypes.SUBMIT;
+        const FIELD_ID = 'field';
+        const FORMAT = {
           type: 'uppercase',
           on: EVENT_TYPE
         };
-        var VALUE = 'AlPhA';
-        var _setupFieldAndData9 = setupFieldAndData(FIELD_ID, FORMAT, VALUE),
-          _setupFieldAndData10 = _slicedToArray(_setupFieldAndData9, 2),
-          COMPONENT = _setupFieldAndData10[0],
-          DATA = _setupFieldAndData10[1];
+        const VALUE = 'AlPhA';
+        const [COMPONENT, DATA] = setupFieldAndData(FIELD_ID, FORMAT, VALUE);
         (0, _formatDataForComponent.default)(COMPONENT, DATA, EVENT_TYPE);
         expect(DATA[FIELD_ID]).toEqual('ALPHA');
       });
     });
-    describe('formatDataForComponents', function () {
-      it('should appropriately format multiple components', function () {
-        var EVENT_TYPE = _models.EventTypes.SUBMIT;
-        var COMPONENTS = [setupField('alpha', {
+    describe('formatDataForComponents', () => {
+      it('should appropriately format multiple components', () => {
+        const EVENT_TYPE = _models.EventTypes.SUBMIT;
+        const COMPONENTS = [setupField('alpha', {
           type: 'lowercase',
           on: _models.EventTypes.SUBMIT
         }),
@@ -122,8 +95,7 @@ describe('utils', function () {
           on: _models.EventTypes.BLUR
         }) // Should not be formatted because of event type
         ];
-
-        var DATA = {
+        const DATA = {
           alpha: 'AlPhA',
           bravo: 'bRaVo',
           charlie: 'CHArlie',

package/dist/utils/Format/formatDataForForm.js

@@ -6,20 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _formatDataForComponent = require("./formatDataForComponent");
 var _formatDataForPage = require("./formatDataForPage");
-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
+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); } // Local imports
 /**
  * Formats the data for all components on a form, according to each component's format configuration.
  * @param {object} form The form to format the components for.
  * @param {object} data The top-level form data.
  * @param {string} eventType What type of event initiated this call.
  */
-var formatDataForForm = function formatDataForForm(form, baseData, eventType) {
-  var data = _objectSpread({}, baseData);
+const formatDataForForm = (form, baseData, eventType) => {
+  const data = _objectSpread({}, baseData);
   (0, _formatDataForComponent.formatDataForComponents)(form.components, data, eventType);
   (0, _formatDataForPage.formatDataForPages)(form.pages, data, eventType);
   return data;