@ukhomeoffice/cop-react-form-renderer 2.9.1 → 2.10.2

package/dist/utils/CheckYourAnswers/getCYARowsForCollection.test.js

@@ -0,0 +1,194 @@
+"use strict";
+
+var _models = require("../../models");
+
+var _setupTests = require("../../setupTests");
+
+var _getCYARowsForCollection = _interopRequireDefault(require("./getCYARowsForCollection"));
+
+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 _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('utils.CheckYourAnswers.getCYARowsForCollection', function () {
+  it('should get no rows when there are no items', function () {
+    var FORM_DATA = undefined;
+    var PAGE = {
+      id: 'page',
+      formData: FORM_DATA,
+      cya_link: {}
+    };
+    var COMPONENT = {
+      type: 'text',
+      readonly: true,
+      id: 'a',
+      fieldId: 'a',
+      label: 'Alpha'
+    };
+    var COLLECTION = {
+      id: 'collection',
+      fieldId: 'collection',
+      type: _models.ComponentTypes.COLLECTION,
+      item: [COMPONENT]
+    };
+
+    var ON_ACTION = function ON_ACTION() {};
+
+    var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, undefined, ON_ACTION);
+    expect(ROWS.length).toEqual(0);
+  });
+  it('should get an appropriate row for a collection with a single readonly text component', function () {
+    var FORM_DATA = {
+      collection: [{
+        a: 'Bravo'
+      }]
+    };
+    var PAGE = {
+      id: 'page',
+      formData: FORM_DATA,
+      cya_link: {}
+    };
+    var COMPONENT = {
+      type: 'text',
+      readonly: true,
+      id: 'a',
+      fieldId: 'a',
+      label: 'Alpha'
+    };
+    var COLLECTION = {
+      id: 'collection',
+      fieldId: 'collection',
+      type: _models.ComponentTypes.COLLECTION,
+      countOffset: 22,
+      item: [COMPONENT],
+      value: FORM_DATA.collection,
+      formData: FORM_DATA
+    };
+
+    var ON_ACTION = function ON_ACTION() {};
+
+    var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION);
+    expect(ROWS.length).toEqual(2); // Item title row + component row
+
+    (0, _setupTests.expectObjectLike)(ROWS[0], {
+      pageId: PAGE.id,
+      fieldId: COLLECTION.fieldId,
+      full_path: "".concat(COLLECTION.fieldId, "[0]"),
+      key: 'Item 23',
+      // includes countOffset
+      type: 'title',
+      action: null
+    });
+    (0, _setupTests.expectObjectLike)(ROWS[1], {
+      pageId: PAGE.id,
+      fieldId: COMPONENT.fieldId,
+      full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId),
+      key: COMPONENT.label,
+      action: null,
+      component: _objectSpread(_objectSpread({}, COMPONENT), {}, {
+        full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId)
+      }),
+      value: 'Bravo'
+    });
+  });
+  it('should get an appropriate row for a collection with a single readonly text component where the item label is an empty string', function () {
+    var FORM_DATA = {
+      collection: [{
+        a: 'Bravo'
+      }]
+    };
+    var PAGE = {
+      id: 'page',
+      formData: FORM_DATA,
+      cya_link: {}
+    };
+    var COMPONENT = {
+      type: 'text',
+      readonly: true,
+      id: 'a',
+      fieldId: 'a',
+      label: 'Alpha'
+    };
+    var COLLECTION = {
+      id: 'collection',
+      fieldId: 'collection',
+      type: _models.ComponentTypes.COLLECTION,
+      labels: {
+        item: ''
+      },
+      countOffset: 22,
+      item: [COMPONENT],
+      value: FORM_DATA.collection,
+      formData: FORM_DATA
+    };
+
+    var ON_ACTION = function ON_ACTION() {};
+
+    var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION);
+    expect(ROWS.length).toEqual(1); // Just the component row, no title row
+
+    (0, _setupTests.expectObjectLike)(ROWS[0], {
+      pageId: PAGE.id,
+      fieldId: COMPONENT.fieldId,
+      full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId),
+      key: COMPONENT.label,
+      action: null,
+      component: _objectSpread(_objectSpread({}, COMPONENT), {}, {
+        full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId)
+      }),
+      value: 'Bravo'
+    });
+  });
+  it('should interpolate a field label appropriately', function () {
+    var FORM_DATA = {
+      collection: [{
+        a: 'Bravo'
+      }]
+    };
+    var PAGE = {
+      id: 'page',
+      formData: FORM_DATA,
+      cya_link: {}
+    }; // eslint-disable-next-line no-template-curly-in-string
+
+    var COMPONENT = {
+      type: 'text',
+      readonly: true,
+      id: 'a',
+      fieldId: 'a',
+      label: 'Alpha ${index}'
+    };
+    var COLLECTION = {
+      id: 'collection',
+      fieldId: 'collection',
+      type: _models.ComponentTypes.COLLECTION,
+      item: [COMPONENT],
+      value: FORM_DATA.collection,
+      formData: FORM_DATA
+    };
+
+    var ON_ACTION = function ON_ACTION() {};
+
+    var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION);
+    expect(ROWS.length).toEqual(2); // Title and item row.
+
+    (0, _setupTests.expectObjectLike)(ROWS[1], {
+      pageId: PAGE.id,
+      fieldId: COMPONENT.fieldId,
+      full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId),
+      key: 'Alpha 1',
+      // no countOffset
+      action: null,
+      component: _objectSpread(_objectSpread({}, COMPONENT), {}, {
+        full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId),
+        label: 'Alpha 1' // no countOffset
+
+      }),
+      value: 'Bravo'
+    });
+  });
+});

package/dist/utils/CheckYourAnswers/getCYARowsForContainer.test.js

@@ -2,18 +2,14 @@
 
 var _models = require("../../models");
 
+var _setupTests = require("../../setupTests");
+
 var _getCYARowsForContainer = _interopRequireDefault(require("./getCYARowsForContainer"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // Local imports
 describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
-  var expectObjectLike = function expectObjectLike(received, expected) {
-    Object.keys(expected).forEach(function (key) {
-      expect(received[key]).toEqual(expected[key]);
-    });
-  };
-
   it('should get an appropriate row for a container with a single readonly text component', function () {
     var FORM_DATA = {
       container: {
@@ -46,7 +42,7 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
     var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
     expect(ROWS.length).toEqual(1);
     ROWS.forEach(function (row, index) {
-      expectObjectLike(row, {
+      (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: CONTAINER.components[index].fieldId,
         key: CONTAINER.components[index].label,
@@ -94,14 +90,14 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
     var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
     expect(ROWS.length).toEqual(2);
     ROWS.forEach(function (row, index) {
-      expectObjectLike(row, {
+      (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: CONTAINER.components[index].fieldId,
         key: CONTAINER.components[index].label,
         component: CONTAINER.components[index],
         value: "".concat(CONTAINER.components[index].label, " Charlie")
       });
-      expectObjectLike(row.action, {
+      (0, _setupTests.expectObjectLike)(row.action, {
         onAction: ON_ACTION
       });
     });
@@ -148,14 +144,14 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
     var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
     expect(ROWS.length).toEqual(2);
     ROWS.forEach(function (row, index) {
-      expectObjectLike(row, {
+      (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: CONTAINER.components[index].fieldId,
         key: CONTAINER.components[index].label,
         component: CONTAINER.components[index],
         value: "".concat(CONTAINER.components[index].label, " Charlie")
       });
-      expectObjectLike(row.action, {
+      (0, _setupTests.expectObjectLike)(row.action, {
         onAction: ON_ACTION
       });
     });
@@ -202,7 +198,7 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
     var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
     expect(ROWS.length).toEqual(1);
     ROWS.forEach(function (row, index) {
-      expectObjectLike(row, {
+      (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: NESTED_CONTAINER.components[index].fieldId,
         key: NESTED_CONTAINER.components[index].label,
@@ -244,7 +240,7 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
     var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, undefined, ON_ACTION);
     expect(ROWS.length).toEqual(1);
     ROWS.forEach(function (row, index) {
-      expectObjectLike(row, {
+      (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: NESTED_CONTAINER.components[index].fieldId,
         key: NESTED_CONTAINER.components[index].label,

package/dist/utils/CheckYourAnswers/getCYARowsForPage.js

@@ -13,6 +13,8 @@ var _getCYARow = _interopRequireDefault(require("./getCYARow"));
 
 var _getCYARowForGroup2 = _interopRequireDefault(require("./getCYARowForGroup"));
 
+var _getCYARowsForCollection = _interopRequireDefault(require("./getCYARowsForCollection"));
+
 var _getCYARowsForContainer = _interopRequireDefault(require("./getCYARowsForContainer"));
 
 var _showComponentCYA = _interopRequireDefault(require("./showComponentCYA"));
@@ -36,11 +38,16 @@ var getCYARowsForPage = function getCYARowsForPage(page, onAction) {
     var rows = page.components.filter(function (c) {
       return (0, _showComponentCYA.default)(c, page.formData);
     }).flatMap(function (component) {
-      if (component.type === _models.ComponentTypes.CONTAINER) {
-        return (0, _getCYARowsForContainer.default)(page, component, page.formData[component.fieldId], onAction);
-      }
+      switch (component.type) {
+        case _models.ComponentTypes.CONTAINER:
+          return (0, _getCYARowsForContainer.default)(page, component, page.formData[component.fieldId], onAction);
 
-      return (0, _getCYARow.default)(page, component, onAction);
+        case _models.ComponentTypes.COLLECTION:
+          return (0, _getCYARowsForCollection.default)(page, component, page.formData[component.fieldId], onAction);
+
+        default:
+          return (0, _getCYARow.default)(page, component, onAction);
+      }
     });
 
     if (((_page$groups = page.groups) === null || _page$groups === void 0 ? void 0 : _page$groups.length) > 0) {

package/dist/utils/CheckYourAnswers/getCYARowsForPage.test.js

@@ -2,23 +2,23 @@
 
 var _react = require("@testing-library/react");
 
+var _setupTests = require("../../setupTests");
+
 var _models = require("../../models");
 
 var _getCYARowsForPage = _interopRequireDefault(require("./getCYARowsForPage"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-// Global imports
-// Local imports
+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 _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('utils', function () {
   describe('CheckYourAnswers', function () {
     describe('getCYARowsForPage', function () {
-      var expectObjectLike = function expectObjectLike(received, expected) {
-        Object.keys(expected).forEach(function (key) {
-          expect(received[key]).toEqual(expected[key]);
-        });
-      };
-
       it('should get a appropriate row for a page with a single readonly text component', function () {
         var COMPONENT = {
           type: 'text',
@@ -40,7 +40,7 @@ describe('utils', function () {
         var ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
         expect(ROWS.length).toEqual(1);
         ROWS.forEach(function (row, index) {
-          expectObjectLike(row, {
+          (0, _setupTests.expectObjectLike)(row, {
             pageId: PAGE.id,
             fieldId: PAGE.components[index].fieldId,
             key: PAGE.components[index].label,
@@ -78,14 +78,14 @@ describe('utils', function () {
         var ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
         expect(ROWS.length).toEqual(2);
         ROWS.forEach(function (row, index) {
-          expectObjectLike(row, {
+          (0, _setupTests.expectObjectLike)(row, {
             pageId: PAGE.id,
             fieldId: PAGE.components[index].fieldId,
             key: PAGE.components[index].label,
             component: PAGE.components[index],
             value: "".concat(PAGE.components[index].label, " Charlie")
           });
-          expectObjectLike(row.action, {
+          (0, _setupTests.expectObjectLike)(row.action, {
             onAction: ON_ACTION
           });
         });
@@ -122,14 +122,14 @@ describe('utils', function () {
         var ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
         expect(ROWS.length).toEqual(2);
         ROWS.forEach(function (row, index) {
-          expectObjectLike(row, {
+          (0, _setupTests.expectObjectLike)(row, {
             pageId: PAGE.id,
             fieldId: PAGE.components[index].fieldId,
             key: PAGE.components[index].label,
             component: PAGE.components[index],
             value: "".concat(PAGE.components[index].label, " Charlie")
           });
-          expectObjectLike(row.action, {
+          (0, _setupTests.expectObjectLike)(row.action, {
             onAction: ON_ACTION
           });
         });
@@ -166,7 +166,7 @@ describe('utils', function () {
         var ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
         expect(ROWS.length).toEqual(1);
         ROWS.forEach(function (row, index) {
-          expectObjectLike(row, {
+          (0, _setupTests.expectObjectLike)(row, {
             pageId: PAGE.id,
             fieldId: CONTAINER.components[index].fieldId,
             key: CONTAINER.components[index].label,
@@ -234,6 +234,50 @@ describe('utils', function () {
         expect(addressValues[2].childNodes[0].textContent).toEqual('London');
         expect(addressValues[3].childNodes[0].textContent).toEqual('SW1A 2AA');
       });
+      it('should get appropriate rows for a page with a single readonly text component within a collection', function () {
+        var FORM_DATA = {
+          collection: [{
+            a: 'Bravo'
+          }]
+        };
+        var COMPONENT = {
+          type: 'text',
+          readonly: true,
+          id: 'a',
+          fieldId: 'a',
+          label: 'Alpha'
+        };
+        var COLLECTION = {
+          id: 'collection',
+          fieldId: 'collection',
+          type: _models.ComponentTypes.COLLECTION,
+          item: [COMPONENT],
+          value: FORM_DATA.collection,
+          formData: FORM_DATA
+        };
+        var PAGE = {
+          id: 'page',
+          components: [COLLECTION],
+          formData: FORM_DATA
+        };
+
+        var ON_ACTION = function ON_ACTION() {};
+
+        var ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
+        expect(ROWS.length).toEqual(2); // Title and item row
+
+        (0, _setupTests.expectObjectLike)(ROWS[1], {
+          pageId: PAGE.id,
+          fieldId: COMPONENT.fieldId,
+          full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId),
+          key: COMPONENT.label,
+          action: null,
+          component: _objectSpread(_objectSpread({}, COMPONENT), {}, {
+            full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId)
+          }),
+          value: 'Bravo'
+        });
+      });
     });
   });
 });

package/dist/utils/Component/getDefaultValue.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _models = require("../../models");
+
+var _DEFAULT_VALUES;
+
+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; }
+
+var DEFAULT_VALUES = (_DEFAULT_VALUES = {}, _defineProperty(_DEFAULT_VALUES, _models.ComponentTypes.COLLECTION, []), _defineProperty(_DEFAULT_VALUES, _models.ComponentTypes.CONTAINER, {}), _defineProperty(_DEFAULT_VALUES, _models.ComponentTypes.FILE, {}), _DEFAULT_VALUES);
+
+var getDefaultValue = function getDefaultValue(component) {
+  if (component) {
+    return DEFAULT_VALUES[component.type] || '';
+  }
+
+  return '';
+};
+
+var _default = getDefaultValue;
+exports.default = _default;

package/dist/utils/Component/getDefaultValue.test.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _models = require("../../models");
+
+var _getDefaultValue = _interopRequireDefault(require("./getDefaultValue"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('utils.Component.defaultValue', function () {
+  it('should return an empty string if the component is undefined', function () {
+    expect((0, _getDefaultValue.default)(undefined)).toEqual('');
+  });
+  it('should return an empty string if the component is null', function () {
+    expect((0, _getDefaultValue.default)(null)).toEqual('');
+  });
+  it('should return an empty string if the component has no type', function () {
+    expect((0, _getDefaultValue.default)({})).toEqual('');
+  });
+  it('should return an empty string if the component type is null', function () {
+    expect((0, _getDefaultValue.default)({
+      type: null
+    })).toEqual('');
+  });
+  it('should return an empty string if the component type is undefined', function () {
+    expect((0, _getDefaultValue.default)({
+      type: undefined
+    })).toEqual('');
+  });
+  it("should return an empty array if the component type is 'collection'", function () {
+    expect((0, _getDefaultValue.default)({
+      type: _models.ComponentTypes.COLLECTION
+    })).toEqual([]);
+  });
+  it("should return an empty object if the component type is 'container'", function () {
+    expect((0, _getDefaultValue.default)({
+      type: _models.ComponentTypes.CONTAINER
+    })).toEqual({});
+  });
+  it("should return an empty object if the component type is 'file'", function () {
+    expect((0, _getDefaultValue.default)({
+      type: _models.ComponentTypes.FILE
+    })).toEqual({});
+  });
+  Object.values(_models.ComponentTypes).forEach(function (value) {
+    if (![_models.ComponentTypes.COLLECTION, _models.ComponentTypes.CONTAINER, _models.ComponentTypes.FILE].includes(value)) {
+      it("should return an empty object if the component type is '".concat(value, "'"), function () {
+        expect((0, _getDefaultValue.default)({
+          type: _models.ComponentTypes.TEXT
+        })).toEqual('');
+      });
+    }
+  });
+});

package/dist/utils/Component/index.js

@@ -9,6 +9,8 @@ var _cleanAttributes = _interopRequireDefault(require("./cleanAttributes"));
 
 var _getComponent = _interopRequireDefault(require("./getComponent"));
 
+var _getDefaultValue = _interopRequireDefault(require("./getDefaultValue"));
+
 var _isEditable = _interopRequireDefault(require("./isEditable"));
 
 var _showComponent = _interopRequireDefault(require("./showComponent"));
@@ -19,8 +21,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var Component = {
   clean: _cleanAttributes.default,
-  get: _getComponent.default,
+  defaultValue: _getDefaultValue.default,
   editable: _isEditable.default,
+  get: _getComponent.default,
   show: _showComponent.default,
   wrap: _wrapInFormGroup.default
 };

package/dist/utils/Data/getSourceData.js

@@ -5,6 +5,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+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; }
+
+var getItemInArray = function getItemInArray(arr, index) {
+  if (Array.isArray(arr)) {
+    return arr[parseInt(index, 10)];
+  }
+
+  return undefined;
+};
+
+var isArrayProp = function isArrayProp(prop) {
+  return prop.includes('[');
+};
+
+var getPropertyAndIndex = function getPropertyAndIndex(prop) {
+  return prop.replace(']', '').split('[');
+};
 /**
  * Gets the value of a field within the top-level JSON form data,
  * based on a dot-separated field identifier.
@@ -20,12 +47,23 @@ exports.default = void 0;
  * @param {string} fieldId The dot-separated path to the field.
  * @returns The value of the field specified.
  */
+
+
 var getSourceData = function getSourceData(data, fieldId) {
   if (!fieldId) {
     return undefined;
   }
 
   return fieldId.split('.').reduce(function (obj, prop) {
+    if (obj && isArrayProp(prop)) {
+      var _getPropertyAndIndex = getPropertyAndIndex(prop),
+          _getPropertyAndIndex2 = _slicedToArray(_getPropertyAndIndex, 2),
+          actualProp = _getPropertyAndIndex2[0],
+          index = _getPropertyAndIndex2[1];
+
+      return getItemInArray(obj[actualProp], index);
+    }
+
     return obj ? obj[prop] : undefined;
   }, data);
 };

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

@@ -120,6 +120,22 @@ describe('utils', function () {
         var value = (0, _getSourceData.default)(DATA, FIELD_ID);
         expect(value).toBeUndefined();
       });
+      it('should handle a reference to an array item', function () {
+        var FIELD_ID = 'items[1]';
+        var ALPHA = 'alpha';
+        var BETA = 'beta';
+        var DATA = {
+          items: [ALPHA, BETA]
+        };
+        var value = (0, _getSourceData.default)(DATA, FIELD_ID);
+        expect(value).toEqual(BETA);
+      });
+      it('should handle a reference to an array that does not exist', function () {
+        var FIELD_ID = 'items[1]';
+        var DATA = {};
+        var value = (0, _getSourceData.default)(DATA, FIELD_ID);
+        expect(value).toBeUndefined();
+      });
     });
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/cop-react-form-renderer",
-  "version": "2.9.1",
+  "version": "2.10.2",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",
@@ -9,7 +9,7 @@
     "lint": "eslint --ext .js,.jsx src",
     "storybook:start": "start-storybook --docs -s src/assets --no-manager-cache -p 6007",
     "storybook:build": "build-storybook --docs -s src/assets",
-    "storybook:deploy": "yarn deploy-storybook",
+    "storybook:deploy": "yarn storybook:build && yarn deploy-storybook",
     "storybook": "yarn storybook:start",
     "deploy-storybook": "storybook-to-ghpages -e storybook-static",
     "compile": "yarn clean && cross-env NODE_ENV=production babel src --out-dir dist --copy-files && yarn post-compile",