@ukhomeoffice/cop-react-form-renderer 6.5.1-peter → 6.7.0-alpha

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

@@ -4,32 +4,30 @@ var _models = require("../../models");
 var _setupTests = require("../../setupTests");
 var _getCYARowsForContainer = _interopRequireDefault(require("./getCYARowsForContainer"));
 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 _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.CheckYourAnswers.getCYARowsForContainer', function () {
-  var OUTER_ID = 'a';
-  var INNER_ID = 'b';
-  it('should get an appropriate row for a container with a single readonly text component', function () {
-    var FORM_DATA = {
+// Local imports
+
+describe('utils.CheckYourAnswers.getCYARowsForContainer', () => {
+  const OUTER_ID = 'a';
+  const INNER_ID = 'b';
+  it('should get an appropriate row for a container with a single readonly text component', () => {
+    const FORM_DATA = {
       container: {
         a: 'Bravo'
       }
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: 'text',
       readonly: true,
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -37,10 +35,10 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ON_ACTION = function ON_ACTION() {};
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
     expect(ROWS.length).toEqual(1);
-    ROWS.forEach(function (row, index) {
+    ROWS.forEach((row, index) => {
       (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: CONTAINER.components[index].fieldId,
@@ -51,31 +49,31 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       });
     });
   });
-  it('should get appropriate rows for a container with two editable text components', function () {
-    var FORM_DATA = {
+  it('should get appropriate rows for a container with two editable text components', () => {
+    const FORM_DATA = {
       container: {
         a: 'Alpha Charlie',
         b: 'Bravo Charlie'
       }
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var COMPONENT_A = {
+    const COMPONENT_A = {
       type: 'text',
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    var COMPONENT_B = {
+    const COMPONENT_B = {
       type: 'text',
       id: 'b',
       fieldId: 'b',
       label: 'Bravo'
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -83,10 +81,10 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ON_ACTION = function ON_ACTION() {};
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
     expect(ROWS.length).toEqual(2);
-    ROWS.forEach(function (row, index) {
+    ROWS.forEach((row, index) => {
       (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: CONTAINER.components[index].fieldId,
@@ -99,35 +97,35 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       });
     });
   });
-  it("should filter out any components that shouldn't be shown", function () {
-    var FORM_DATA = {
+  it("should filter out any components that shouldn't be shown", () => {
+    const FORM_DATA = {
       container: {
         a: 'Alpha Charlie',
         b: 'Bravo Charlie'
       }
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var COMPONENT_A = {
+    const COMPONENT_A = {
       type: 'text',
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    var COMPONENT_B = {
+    const COMPONENT_B = {
       type: 'text',
       id: 'b',
       fieldId: 'b',
       label: 'Bravo'
     };
-    var COMPONENT_C = {
+    const COMPONENT_C = {
       type: 'heading',
       content: 'Heading component'
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -135,10 +133,10 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ON_ACTION = function ON_ACTION() {};
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
     expect(ROWS.length).toEqual(2);
-    ROWS.forEach(function (row, index) {
+    ROWS.forEach((row, index) => {
       (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: CONTAINER.components[index].fieldId,
@@ -151,27 +149,27 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       });
     });
   });
-  it('should get an appropriate row for a container with a single readonly text component inside a nested container', function () {
-    var FORM_DATA = {
+  it('should get an appropriate row for a container with a single readonly text component inside a nested container', () => {
+    const FORM_DATA = {
       container: {
         nested: {
           a: 'Bravo'
         }
       }
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: 'text',
       readonly: true,
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    var NESTED_CONTAINER = {
+    const NESTED_CONTAINER = {
       id: 'nested',
       fieldId: 'nested',
       type: _models.ComponentTypes.CONTAINER,
@@ -179,7 +177,7 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container.nested,
       formData: FORM_DATA
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -187,10 +185,10 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ON_ACTION = function ON_ACTION() {};
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
     expect(ROWS.length).toEqual(1);
-    ROWS.forEach(function (row, index) {
+    ROWS.forEach((row, index) => {
       (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: NESTED_CONTAINER.components[index].fieldId,
@@ -201,36 +199,36 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       });
     });
   });
-  it('should get an appropriate row for a container with a single readonly text component inside a nested container but no formData', function () {
-    var FORM_DATA = undefined;
-    var PAGE = {
+  it('should get an appropriate row for a container with a single readonly text component inside a nested container but no formData', () => {
+    const FORM_DATA = undefined;
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: 'text',
       readonly: true,
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    var NESTED_CONTAINER = {
+    const NESTED_CONTAINER = {
       id: 'nested',
       fieldId: 'nested',
       type: _models.ComponentTypes.CONTAINER,
       components: [COMPONENT]
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
       components: [NESTED_CONTAINER]
     };
-    var ON_ACTION = function ON_ACTION() {};
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, undefined, ON_ACTION);
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, undefined, ON_ACTION);
     expect(ROWS.length).toEqual(1);
-    ROWS.forEach(function (row, index) {
+    ROWS.forEach((row, index) => {
       (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: NESTED_CONTAINER.components[index].fieldId,
@@ -241,15 +239,21 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       });
     });
   });
-  it('should get an appropriate row for a collection with a single text component inside a container', function () {
-    var FORM_DATA = _defineProperty({}, OUTER_ID, [_defineProperty({}, INNER_ID, 'Bravo'), _defineProperty({}, INNER_ID, 'Charlie')]);
-    var PAGE = {
+  it('should get an appropriate row for a collection with a single text component inside a container', () => {
+    const FORM_DATA = {
+      [OUTER_ID]: [{
+        [INNER_ID]: 'Bravo'
+      }, {
+        [INNER_ID]: 'Charlie'
+      }]
+    };
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {},
       collection: 'collectionName'
     };
-    var COLLECTION_COMPONENT = {
+    const COLLECTION_COMPONENT = {
       type: 'collection',
       id: OUTER_ID,
       fieldId: OUTER_ID,
@@ -261,7 +265,7 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
         type: 'text'
       }]
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -269,9 +273,9 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA, function () {});
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA, () => {});
     expect(ROWS.length).toEqual(4);
-    var checkTitleRow = function checkTitleRow(index, row) {
+    const checkTitleRow = (index, row) => {
       expect(row).toEqual({
         pageId: PAGE.id,
         fieldId: CONTAINER.components[0].fieldId,
@@ -281,7 +285,7 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
         type: 'title'
       });
     };
-    var checkValueRow = function checkValueRow(index, row, value) {
+    const checkValueRow = (index, row, value) => {
       (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: INNER_ID,
@@ -294,7 +298,7 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
           label: INNER_ID,
           type: 'text'
         },
-        value: value,
+        value,
         full_path: "".concat(OUTER_ID, "[").concat(index, "].").concat(INNER_ID)
       });
     };
@@ -303,23 +307,27 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
     checkTitleRow(1, ROWS[2]);
     checkValueRow(1, ROWS[3], 'Charlie');
   });
-  it('should conditionally show an appropriate row for a single text component inside a container belonging to a partial-collection', function () {
-    var FORM_DATA = {
+  it('should conditionally show an appropriate row for a single text component inside a container belonging to a partial-collection', () => {
+    const FORM_DATA = {
       collectionName: [{
-        container: _defineProperty({}, INNER_ID, 'Bravo'),
+        container: {
+          [INNER_ID]: 'Bravo'
+        },
         other_data: true
       }, {
-        container: _defineProperty({}, INNER_ID, 'Charlie'),
+        container: {
+          [INNER_ID]: 'Charlie'
+        },
         other_data: false
       }]
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {},
       collection: 'collectionName'
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -336,27 +344,27 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
         value: true
       }
     };
-    expect((0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.collectionName[0], function () {}).length).toEqual(1);
-    expect((0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.collectionName[1], function () {})).toBeFalsy();
+    expect((0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.collectionName[0], () => {}).length).toEqual(1);
+    expect((0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.collectionName[1], () => {})).toBeFalsy();
   });
-  it('should get the appropriate number for rows components with nested components inside a container', function () {
-    var FORM_DATA = {
+  it('should get the appropriate number for rows components with nested components inside a container', () => {
+    const FORM_DATA = {
       container: {
         a: 'B',
         nested: 'Bravo'
       }
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var NESTED_COMPONENT = {
+    const NESTED_COMPONENT = {
       id: 'nested',
       fieldId: 'nested',
       type: _models.ComponentTypes.TEXT
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: 'radios',
       id: 'a',
       fieldId: 'a',
@@ -372,7 +380,7 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
         }]
       }
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -380,35 +388,35 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ON_ACTION = function ON_ACTION() {};
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
     expect(ROWS.length).toEqual(2);
   });
-  it('should ignore the result of the override function if it returns nullish', function () {
-    var FORM_DATA = {
+  it('should ignore the result of the override function if it returns nullish', () => {
+    const FORM_DATA = {
       container: {
         a: 'Alpha Charlie',
         b: 'Bravo Charlie'
       }
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var COMPONENT_A = {
+    const COMPONENT_A = {
       type: 'text',
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    var COMPONENT_B = {
+    const COMPONENT_B = {
       type: 'text',
       id: 'b',
       fieldId: 'b',
       label: 'Bravo'
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -416,12 +424,10 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ON_ACTION = function ON_ACTION() {};
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION, function () {
-      return null;
-    });
+    const ON_ACTION = () => {};
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION, () => null);
     expect(ROWS.length).toEqual(2);
-    ROWS.forEach(function (row, index) {
+    ROWS.forEach((row, index) => {
       (0, _setupTests.expectObjectLike)(row, {
         pageId: PAGE.id,
         fieldId: CONTAINER.components[index].fieldId,
@@ -434,31 +440,31 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       });
     });
   });
-  it('should use rows produced by the override function if provided', function () {
-    var FORM_DATA = {
+  it('should use rows produced by the override function if provided', () => {
+    const FORM_DATA = {
       container: {
         a: 'Alpha Charlie',
         b: 'Bravo Charlie'
       }
     };
-    var PAGE = {
+    const PAGE = {
       id: 'page',
       formData: FORM_DATA,
       cya_link: {}
     };
-    var COMPONENT_A = {
+    const COMPONENT_A = {
       type: 'text',
       id: 'a',
       fieldId: 'a',
       label: 'Alpha'
     };
-    var COMPONENT_B = {
+    const COMPONENT_B = {
       type: 'text',
       id: 'b',
       fieldId: 'b',
       label: 'Bravo'
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'container',
       fieldId: 'container',
       type: _models.ComponentTypes.CONTAINER,
@@ -466,16 +472,16 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
       value: FORM_DATA.container,
       formData: FORM_DATA
     };
-    var ON_ACTION = function ON_ACTION() {};
+    const ON_ACTION = () => {};
     // eslint-disable-next-line arrow-body-style
-    var OVERRIDE = function OVERRIDE(page, comp) {
+    const OVERRIDE = (page, comp) => {
       // This will be called for each component in the container,
       // returning a custom row object.
       return {
         key: "CustomRowFor".concat(comp.label)
       };
     };
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION, OVERRIDE);
+    const ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION, OVERRIDE);
     expect(ROWS.length).toEqual(2);
     expect(ROWS).toEqual([{
       key: 'CustomRowForAlpha'

package/dist/utils/CheckYourAnswers/getCYARowsForPage.js

@@ -9,7 +9,7 @@ var _models = require("../../models");
 var _FormPage = _interopRequireDefault(require("../FormPage"));
 var _getCYARow = _interopRequireDefault(require("./getCYARow"));
 var _getCYARowsForCollectionPage = _interopRequireDefault(require("./getCYARowsForCollectionPage"));
-var _getCYARowForGroup2 = _interopRequireDefault(require("./getCYARowForGroup"));
+var _getCYARowForGroup = _interopRequireDefault(require("./getCYARowForGroup"));
 var _getCYARowsForCollection = _interopRequireDefault(require("./getCYARowsForCollection"));
 var _getCYARowsForContainer = _interopRequireDefault(require("./getCYARowsForContainer"));
 var _showComponentCYA = _interopRequireDefault(require("./showComponentCYA"));
@@ -25,19 +25,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  *
  * @returns An array of configuration objects for Check your answers rows.
  */
-var getCYARowsForPage = function getCYARowsForPage(page, onAction) {
-  var fnOverride = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+const getCYARowsForPage = function (page, onAction) {
+  let fnOverride = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   if (_FormPage.default.showCYA(page, page.formData)) {
     var _page$groups;
     if (page.collection) {
       return (0, _getCYARowsForCollectionPage.default)(page, onAction, fnOverride, page.formData);
     }
-    var allComponents = (0, _elevateNestedComponents.default)(page.components, page.formData);
-    var rows = allComponents.filter(function (c) {
-      return (0, _showComponentCYA.default)(c, page.formData);
-    }).flatMap(function (component) {
+    const allComponents = (0, _elevateNestedComponents.default)(page.components, page.formData);
+    const rows = allComponents.filter(c => (0, _showComponentCYA.default)(c, page.formData)).flatMap(component => {
       if (typeof fnOverride === 'function') {
-        var overrideRows = fnOverride(page, component, onAction);
+        const overrideRows = fnOverride(page, component, onAction);
         if (overrideRows) {
           return overrideRows;
         }
@@ -52,22 +50,19 @@ var getCYARowsForPage = function getCYARowsForPage(page, onAction) {
       }
     });
     if (((_page$groups = page.groups) === null || _page$groups === void 0 ? void 0 : _page$groups.length) > 0) {
-      page.groups.forEach(function (group) {
-        var _getCYARowForGroup = (0, _getCYARowForGroup2.default)(page, group, rows, onAction),
-          row = _getCYARowForGroup.row,
-          insertAt = _getCYARowForGroup.insertAt;
+      page.groups.forEach(group => {
+        const {
+          row,
+          insertAt
+        } = (0, _getCYARowForGroup.default)(page, group, rows, onAction);
         if (insertAt > -1) {
           rows.splice(insertAt, 0, row);
         } else {
           rows.push(row);
         }
       });
-      var allReplacedIds = page.groups.flatMap(function (g) {
-        return g.components;
-      });
-      return rows.filter(function (r) {
-        return !allReplacedIds.includes(r.id);
-      });
+      const allReplacedIds = page.groups.flatMap(g => g.components);
+      return rows.filter(r => !allReplacedIds.includes(r.id));
     }
     return rows;
   }