@ukhomeoffice/cop-react-form-renderer 2.6.1-gamma → 2.6.2

package/dist/components/FormComponent/Container.test.js

@@ -4,6 +4,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 var _react = require("@testing-library/react");
 
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+
 var _react2 = _interopRequireDefault(require("react"));
 
 var _models = require("../../models");
@@ -16,6 +18,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -23,16 +29,20 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 describe('components.FormComponent.Container', function () {
-  var _ID;
+  var _ID, _FORM_DATA;
 
   var ID = 'container';
   var NESTED_ID = 'nested';
   var TEXT_ID = 'text';
   var TEXT_VALUE = 'alpha';
   var NESTED_TEXT_VALUE = 'charlie';
-
-  var FORM_DATA = _defineProperty({}, ID, (_ID = {}, _defineProperty(_ID, TEXT_ID, TEXT_VALUE), _defineProperty(_ID, NESTED_ID, _defineProperty({}, TEXT_ID, NESTED_TEXT_VALUE)), _ID));
-
+  var FORM_DATA = (_FORM_DATA = {}, _defineProperty(_FORM_DATA, ID, (_ID = {}, _defineProperty(_ID, TEXT_ID, TEXT_VALUE), _defineProperty(_ID, NESTED_ID, _defineProperty({}, TEXT_ID, NESTED_TEXT_VALUE)), _ID)), _defineProperty(_FORM_DATA, _FormComponent.META_PROPERTY, _defineProperty({}, _FormComponent.META_DOCUMENTS_PROPERTY, [{
+    field: 'epsilon.zeta',
+    name: 'ez.jpg',
+    type: 'image/jpg',
+    extension: 'jpg',
+    url: 'http://files.com/ez.jpg'
+  }])), _FORM_DATA);
   var TEXT_COMPONENT = {
     id: TEXT_ID,
     fieldId: TEXT_ID,
@@ -201,22 +211,91 @@ describe('components.FormComponent.Container', function () {
       }
     }, _callee3);
   })));
-  it('should handle a null value appropriately', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-    var CONTAINER, _render4, container, c, formGroup, label, hint, input;
+  it('should handle a change to a file type component appropriately', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+    var FILE_ID, ON_CHANGE_EVENTS, ON_CHANGE, CONTAINER, _render4, container, c, formGroup, input, FILE_EXTENSION, FILE_NAME, FILE_TYPE, str, blob, FILE, containerChangeValue, metaChangeValue;
 
     return regeneratorRuntime.wrap(function _callee4$(_context4) {
       while (1) {
         switch (_context4.prev = _context4.next) {
           case 0:
+            FILE_ID = 'file';
+            ON_CHANGE_EVENTS = [];
+
+            ON_CHANGE = function ON_CHANGE(e) {
+              ON_CHANGE_EVENTS.push(e);
+            };
+
             CONTAINER = {
               id: ID,
               fieldId: ID,
               type: _models.ComponentTypes.CONTAINER,
-              components: [TEXT_COMPONENT]
+              components: [{
+                id: FILE_ID,
+                fieldId: FILE_ID,
+                full_path: "".concat(ID, ".").concat(FILE_ID),
+                type: _models.ComponentTypes.FILE,
+                label: 'File component'
+              }]
             };
             _render4 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_FormComponent.default, {
+              component: CONTAINER,
+              value: FORM_DATA[ID],
+              formData: FORM_DATA,
+              onChange: ON_CHANGE
+            })), container = _render4.container; // Get hold of the text input.
+
+            c = container.childNodes[0];
+            formGroup = c.childNodes[0];
+            input = formGroup.childNodes[2].childNodes[0];
+            FILE_EXTENSION = 'json';
+            FILE_NAME = "test.".concat(FILE_EXTENSION);
+            FILE_TYPE = 'application/JSON';
+            str = JSON.stringify({
+              alpha: 'bravo'
+            });
+            blob = new Blob([str]);
+            FILE = new File([blob], FILE_NAME, {
+              type: FILE_TYPE
+            });
+
+            _userEvent.default.upload(input, FILE); // And confirm the formData has been changed.
+
+
+            expect(ON_CHANGE_EVENTS.length).toEqual(2); // One for the file, another for the meta.
+
+            expect(ON_CHANGE_EVENTS[0].target.name).toEqual(ID);
+            expect(ON_CHANGE_EVENTS[1].target.name).toEqual(_FormComponent.META_PROPERTY);
+            containerChangeValue = JSON.parse(JSON.stringify(ON_CHANGE_EVENTS[0].target.value));
+            metaChangeValue = JSON.parse(JSON.stringify(ON_CHANGE_EVENTS[1].target.value));
+            expect(metaChangeValue.documents.length).toEqual(2); // Existing one, plus this new one.
+
+            expect(metaChangeValue.documents[1]).toMatchObject(_objectSpread(_objectSpread({}, containerChangeValue[FILE_ID]), {}, {
+              field: "".concat(ID, ".").concat(FILE_ID)
+            }));
+
+          case 22:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4);
+  })));
+  it('should handle a null value appropriately', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+    var CONTAINER, _render5, container, c, formGroup, label, hint, input;
+
+    return regeneratorRuntime.wrap(function _callee5$(_context5) {
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            CONTAINER = {
+              id: ID,
+              fieldId: ID,
+              type: _models.ComponentTypes.CONTAINER,
+              components: [TEXT_COMPONENT]
+            };
+            _render5 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_FormComponent.default, {
               component: CONTAINER
-            })), container = _render4.container; // Check the container itself.
+            })), container = _render5.container; // Check the container itself.
 
             c = container.childNodes[0];
             expect(c.tagName).toEqual('DIV');
@@ -242,9 +321,9 @@ describe('components.FormComponent.Container', function () {
 
           case 22:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
       }
-    }, _callee4);
+    }, _callee5);
   })));
 });

package/dist/components/FormComponent/FormComponent.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.DEFAULT_CONTAINER_CLASS = void 0;
+exports.default = exports.META_PROPERTY = exports.META_DOCUMENTS_PROPERTY = exports.DEFAULT_CONTAINER_CLASS = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -50,6 +50,10 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+var META_PROPERTY = 'meta';
+exports.META_PROPERTY = META_PROPERTY;
+var META_DOCUMENTS_PROPERTY = 'documents';
+exports.META_DOCUMENTS_PROPERTY = META_DOCUMENTS_PROPERTY;
 var DEFAULT_CONTAINER_CLASS = 'hods-form-container';
 exports.DEFAULT_CONTAINER_CLASS = DEFAULT_CONTAINER_CLASS;
 
@@ -64,15 +68,21 @@ var Container = function Container(_ref) {
   var onComponentChange = function onComponentChange(_ref2) {
     var target = _ref2.target;
 
-    var val = _objectSpread(_objectSpread({}, value), {}, _defineProperty({}, target.name, target.value));
-
     if (typeof onChange === 'function') {
-      onChange({
-        target: {
-          name: container.fieldId,
-          value: val
-        }
-      });
+      if (target.name === META_PROPERTY) {
+        onChange({
+          target: target
+        });
+      } else {
+        var val = _objectSpread(_objectSpread({}, value), {}, _defineProperty({}, target.name, target.value));
+
+        onChange({
+          target: {
+            name: container.fieldId,
+            value: val
+          }
+        });
+      }
     }
   };
 
@@ -88,12 +98,13 @@ var Container = function Container(_ref) {
     className: DEFAULT_CONTAINER_CLASS,
     id: container.id
   }), container.components && container.components.filter(shouldShow).map(function (component, index) {
-    var val = value ? value[component.fieldId] : '';
+    var defaultValue = component.type === _models.ComponentTypes.FILE ? {} : '';
+    var val = value ? value[component.fieldId] : defaultValue;
     return /*#__PURE__*/_react.default.createElement(FormComponent, {
       key: index,
       component: component,
       formData: formData,
-      value: val || '',
+      value: val || defaultValue,
       wrap: wrap,
       onChange: onComponentChange
     });
@@ -144,22 +155,60 @@ var FormComponent = function FormComponent(_ref3) {
     }
   }, [component, data, status]);
 
+  var changeMetaDocuments = function changeMetaDocuments(document) {
+    var _formData$META_PROPER;
+
+    var documents = (((_formData$META_PROPER = formData[META_PROPERTY]) === null || _formData$META_PROPER === void 0 ? void 0 : _formData$META_PROPER.documents) || []).filter(function (d) {
+      return d.field !== component.full_path;
+    });
+
+    if (document) {
+      documents.push(_objectSpread(_objectSpread({}, document), {}, {
+        field: component.full_path
+      }));
+    }
+
+    onChange({
+      target: {
+        name: META_PROPERTY,
+        value: _objectSpread(_objectSpread({}, formData[META_PROPERTY]), {}, {
+          documents: documents
+        })
+      }
+    });
+  };
+
+  var onComponentChange = function onComponentChange(_ref4) {
+    var target = _ref4.target;
+
+    if (typeof onChange === 'function') {
+      onChange({
+        target: target
+      });
+
+      if (component.type === _models.ComponentTypes.FILE) {
+        changeMetaDocuments(target.value);
+      }
+    }
+  };
+
   if (component.type === _models.ComponentTypes.CONTAINER) {
     return /*#__PURE__*/_react.default.createElement(Container, {
       container: component,
       wrap: wrap,
-      onChange: onChange,
+      onChange: onComponentChange,
       value: value,
       formData: formData
     });
   }
 
+  var defaultValue = component.type === _models.ComponentTypes.FILE ? {} : '';
   return _utils.default.Component.get(_objectSpread(_objectSpread(_objectSpread({}, attrs), component), {}, {
     label: component.label || '',
     hint: component.hint || '',
     options: options,
-    value: value || '',
-    onChange: onChange
+    value: value || defaultValue,
+    onChange: onComponentChange
   }), wrap, hooks.onGetComponent);
 };
 

package/dist/models/ComponentTypes.js

@@ -9,6 +9,7 @@ var TYPE_CHECKBOXES = 'checkboxes';
 var TYPE_CONTAINER = 'container';
 var TYPE_DATE = 'date';
 var TYPE_EMAIL = 'email';
+var TYPE_FILE = 'file';
 var TYPE_HEADING = 'heading';
 var TYPE_HTML = 'html';
 var TYPE_INSET_TEXT = 'inset-text';
@@ -23,6 +24,7 @@ var ComponentTypes = {
   CONTAINER: TYPE_CONTAINER,
   DATE: TYPE_DATE,
   EMAIL: TYPE_EMAIL,
+  FILE: TYPE_FILE,
   HEADING: TYPE_HEADING,
   HTML: TYPE_HTML,
   INSET_TEXT: TYPE_INSET_TEXT,

package/dist/utils/Component/getComponent.js

@@ -5,16 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 
-var _cleanAttributes = _interopRequireDefault(require("./cleanAttributes"));
+var _react = _interopRequireDefault(require("react"));
 
 var _models = require("../../models");
 
 var _Data = _interopRequireDefault(require("../Data"));
 
+var _cleanAttributes = _interopRequireDefault(require("./cleanAttributes"));
+
 var _isEditable = _interopRequireDefault(require("./isEditable"));
 
 var _wrapInFormGroup = _interopRequireDefault(require("./wrapInFormGroup"));
@@ -57,6 +57,11 @@ var getDate = function getDate(config) {
   return /*#__PURE__*/_react.default.createElement(_copReactComponents.DateInput, attrs);
 };
 
+var getFileUpload = function getFileUpload(config) {
+  var attrs = (0, _cleanAttributes.default)(config);
+  return /*#__PURE__*/_react.default.createElement(_copReactComponents.FileUpload, attrs);
+};
+
 var getHeading = function getHeading(config) {
   var attrs = (0, _cleanAttributes.default)(config);
   return /*#__PURE__*/_react.default.createElement(_copReactComponents.Heading, attrs, config.content);
@@ -125,14 +130,17 @@ var getComponentByType = function getComponentByType(config) {
     case _models.ComponentTypes.RADIOS:
       return getRadios(config);
 
+    case _models.ComponentTypes.CHECKBOXES:
+      return getCheckboxes(config);
+
     case _models.ComponentTypes.DATE:
       return getDate(config);
 
     case _models.ComponentTypes.TIME:
       return getTime(config);
 
-    case _models.ComponentTypes.CHECKBOXES:
-      return getCheckboxes(config);
+    case _models.ComponentTypes.FILE:
+      return getFileUpload(config);
 
     default:
       {

package/dist/utils/Component/getComponentTests/getComponent.file.test.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+
+var _models = require("../../../models");
+
+var _getComponent = _interopRequireDefault(require("../getComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+describe('utils.Component.get', function () {
+  it('should return an appropriately rendered file component', function () {
+    var ID = 'test-id';
+    var FIELD_ID = 'field-id';
+    var LABEL = 'label';
+    var ON_CHANGE_CALLS = [];
+
+    var ON_CHANGE = function ON_CHANGE(e) {
+      ON_CHANGE_CALLS.push(e.target);
+    };
+
+    var COMPONENT = {
+      type: _models.ComponentTypes.FILE,
+      id: ID,
+      fieldId: FIELD_ID,
+      label: LABEL,
+      onChange: ON_CHANGE,
+      'data-testid': ID
+    };
+
+    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
+        container = _render.container;
+
+    var _getAllByTestId = (0, _react.getAllByTestId)(container, ID),
+        _getAllByTestId2 = _slicedToArray(_getAllByTestId, 2),
+        formGroup = _getAllByTestId2[0],
+        input = _getAllByTestId2[1];
+
+    expect(formGroup.tagName).toEqual('DIV');
+    expect(formGroup.classList).toContain('govuk-form-group');
+    var label = undefined;
+    formGroup.childNodes.forEach(function (node) {
+      // Check if it's an element.
+      if (node instanceof Element && node.tagName === 'LABEL') {
+        label = node;
+      }
+    });
+    expect(label).toBeDefined();
+    expect(label.innerHTML).toContain(LABEL);
+    expect(label.getAttribute('for')).toEqual(ID);
+    expect(input.tagName).toEqual('INPUT');
+    expect(input.classList).toContain('hods-file-upload__select');
+    expect(input.id).toEqual("".concat(ID, "-select"));
+    var str = JSON.stringify({
+      alpha: 'bravo'
+    });
+    var blob = new Blob([str]);
+    var FILE = new File([blob], 'test.json', {
+      type: 'application/JSON'
+    });
+
+    _userEvent.default.upload(input, FILE);
+
+    expect(ON_CHANGE_CALLS.length).toEqual(1);
+    expect(input.files.length).toEqual(1);
+  });
+});

package/dist/utils/Component/isEditable.js

@@ -8,7 +8,7 @@ exports.default = exports.EDITABLE_TYPES = void 0;
 var _models = require("../../models");
 
 // Local imports
-var EDITABLE_TYPES = [_models.ComponentTypes.AUTOCOMPLETE, _models.ComponentTypes.CHECKBOXES, _models.ComponentTypes.DATE, _models.ComponentTypes.EMAIL, _models.ComponentTypes.PHONE_NUMBER, _models.ComponentTypes.RADIOS, _models.ComponentTypes.TEXT, _models.ComponentTypes.TEXT_AREA, _models.ComponentTypes.TIME];
+var EDITABLE_TYPES = [_models.ComponentTypes.AUTOCOMPLETE, _models.ComponentTypes.CHECKBOXES, _models.ComponentTypes.DATE, _models.ComponentTypes.EMAIL, _models.ComponentTypes.FILE, _models.ComponentTypes.PHONE_NUMBER, _models.ComponentTypes.RADIOS, _models.ComponentTypes.TEXT, _models.ComponentTypes.TEXT_AREA, _models.ComponentTypes.TIME];
 exports.EDITABLE_TYPES = EDITABLE_TYPES;
 
 var isEditable = function isEditable(options) {

package/dist/utils/Data/index.js

@@ -15,6 +15,8 @@ var _getSourceData = _interopRequireDefault(require("./getSourceData"));
 
 var _refDataToOptions = _interopRequireDefault(require("./refDataToOptions"));
 
+var _setDataItem = _interopRequireDefault(require("./setDataItem"));
+
 var _setupFormData = _interopRequireDefault(require("./setupFormData"));
 
 var _setupRefDataUrlForComponent = _interopRequireDefault(require("./setupRefDataUrlForComponent"));
@@ -31,6 +33,7 @@ var Data = {
     setupUrl: _setupRefDataUrlForComponent.default,
     toOptions: _refDataToOptions.default
   },
+  setDataItem: _setDataItem.default,
   setupForm: _setupFormData.default
 };
 var _default = Data;

package/dist/utils/Data/setDataItem.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+var setDataItem = function setDataItem(data, fieldId, value) {
+  if (fieldId && data) {
+    var parts = fieldId.split('.');
+    var leaf = parts.pop();
+    var node = data;
+    parts.forEach(function (part) {
+      if (!node[part] || _typeof(node[part]) !== 'object') {
+        node[part] = {};
+      }
+
+      node = node[part];
+    });
+    node[leaf] = value;
+  }
+
+  return data;
+};
+
+var _default = setDataItem;
+exports.default = _default;

package/dist/utils/Data/setDataItem.test.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var _setDataItem = _interopRequireDefault(require("./setDataItem"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('utils.Data.setDataItem', function () {
+  it('should handle a null data object', function () {
+    var DATA = null;
+    var FIELD_ID = 'alpha.bravo.charlie';
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toBeNull();
+    expect(DATA).toBeNull();
+  });
+  it('should handle an undefined data object', function () {
+    var DATA = undefined;
+    var FIELD_ID = 'alpha.bravo.charlie';
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toBeUndefined();
+    expect(DATA).toBeUndefined();
+  });
+  it('should handle a null fieldId', function () {
+    var DATA = {};
+    var FIELD_ID = null;
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toMatchObject({});
+    expect(DATA).toMatchObject({});
+  });
+  it('should handle an undefined fieldId', function () {
+    var DATA = {};
+    var FIELD_ID = undefined;
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toMatchObject({});
+    expect(DATA).toMatchObject({});
+  });
+  it('should handle an empty fieldId', function () {
+    var DATA = {};
+    var FIELD_ID = '';
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toMatchObject({});
+    expect(DATA).toMatchObject({});
+  });
+  it('should appropriately set a nested value', function () {
+    var DATA = {
+      alpha: {}
+    };
+    var FIELD_ID = 'alpha.bravo.charlie';
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toMatchObject({
+      alpha: {
+        bravo: {
+          charlie: VALUE
+        }
+      }
+    });
+    expect(DATA).toMatchObject({
+      alpha: {
+        bravo: {
+          charlie: VALUE
+        }
+      }
+    });
+  });
+  it('should appropriately change a nested value', function () {
+    var DATA = {
+      alpha: {
+        bravo: {
+          charlie: 'echo'
+        }
+      }
+    };
+    var FIELD_ID = 'alpha.bravo.charlie';
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toMatchObject({
+      alpha: {
+        bravo: {
+          charlie: VALUE
+        }
+      }
+    });
+    expect(DATA).toMatchObject({
+      alpha: {
+        bravo: {
+          charlie: VALUE
+        }
+      }
+    });
+  });
+  it('should handle a parent node that is not an object and convert it appropriately', function () {
+    var DATA = {
+      alpha: {
+        bravo: 'echo'
+      }
+    };
+    var FIELD_ID = 'alpha.bravo.charlie';
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toMatchObject({
+      alpha: {
+        bravo: {
+          charlie: VALUE
+        }
+      }
+    });
+    expect(DATA).toMatchObject({
+      alpha: {
+        bravo: {
+          charlie: VALUE
+        }
+      }
+    });
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/cop-react-form-renderer",
-  "version": "2.6.1-gamma",
+  "version": "2.6.2",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",
@@ -16,7 +16,7 @@
     "post-compile": "rimraf dist/*.test.* dist/**/*.test.* dist/**/*.stories.* dist/docs dist/assets"
   },
   "dependencies": {
-    "@ukhomeoffice/cop-react-components": "1.2.0",
+    "@ukhomeoffice/cop-react-components": "1.3.0",
     "axios": "^0.21.1",
     "dayjs": "^1.11.0",
     "govuk-frontend": "^3.13.0",
@@ -43,24 +43,22 @@
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^12.1.10",
     "axios-mock-adapter": "^1.18.1",
-    "babel-loader": "8.1.0",
     "cross-env": "^7.0.3",
     "html-react-parser": "^0.10.5",
     "node-sass": "^6.0.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-scripts": "4.0.3",
-    "storybook-addon-mock": "^2.0.1",
-    "webpack": "4.44.2"
+    "storybook-addon-mock": "^2.0.1"
   },
   "peerDependencies": {
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-scripts": "4.0.3"
   },
-  "optionalDependencies": {},
-  "resolutions": {
-    "immer": "9.0.6"
+  "optionalDependencies": {
+    "babel-loader": "8.1.0",
+    "webpack": "4.44.2"
   },
   "main": "dist/index.js",
   "files": [