@ukhomeoffice/cop-react-form-renderer 4.22.4-beta → 4.22.4

package/dist/utils/CheckYourAnswers/getCYARowsForContainer.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _models = require("../../models");
 
+var _elevateNestedComponents = _interopRequireDefault(require("../Component/elevateNestedComponents"));
+
 var _getCYARow = _interopRequireDefault(require("./getCYARow"));
 
 var _getCYARowsForCollection = _interopRequireDefault(require("./getCYARowsForCollection"));
@@ -23,7 +25,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var getCYARowsForContainer = function getCYARowsForContainer(page, container, formData, onAction) {
   if ((0, _showComponentCYA.default)(container, page.formData)) {
-    return container.components.filter(function (c) {
+    var allComponents = (0, _elevateNestedComponents.default)(container.components, formData);
+    return allComponents.filter(function (c) {
       return (0, _showComponentCYA.default)(c, page.formData);
     }).flatMap(function (component) {
       var fd = formData ? formData[component.fieldId] : undefined;

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

@@ -320,4 +320,51 @@ describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
     checkTitleRow(1, ROWS[2]);
     checkValueRow(1, ROWS[3], 'Charlie');
   });
+  it('should get the appropriate number for rows components with nested components inside a container', function () {
+    var FORM_DATA = {
+      container: {
+        a: 'B',
+        nested: 'Bravo'
+      }
+    };
+    var PAGE = {
+      id: 'page',
+      formData: FORM_DATA,
+      cya_link: {}
+    };
+    var NESTED_COMPONENT = {
+      id: 'nested',
+      fieldId: 'nested',
+      type: _models.ComponentTypes.TEXT
+    };
+    var COMPONENT = {
+      type: 'radios',
+      id: 'a',
+      fieldId: 'a',
+      label: 'Alpha',
+      data: {
+        options: [{
+          value: 'B',
+          label: 'B',
+          nested: [NESTED_COMPONENT]
+        }, {
+          value: 'A',
+          label: 'A'
+        }]
+      }
+    };
+    var CONTAINER = {
+      id: 'container',
+      fieldId: 'container',
+      type: _models.ComponentTypes.CONTAINER,
+      components: [COMPONENT],
+      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);
+    expect(ROWS.length).toEqual(2);
+  });
 });

package/dist/utils/Component/elevateNestedComponents.js

@@ -5,6 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _Data = _interopRequireDefault(require("../Data"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /**
  * Iterates over an array of components and brings any nested 
  * components that should be visible into the top level array.
@@ -40,7 +44,9 @@ var elevateNestedComponents = function elevateNestedComponents(components, data)
     (_component$data = component.data) === null || _component$data === void 0 ? void 0 : (_component$data$optio = _component$data.options) === null || _component$data$optio === void 0 ? void 0 : _component$data$optio.forEach(function (option) {
       // If this option has nested components and is
       // selected, then add its nested components to the array.
-      if (Array.isArray(option.nested) && data[component.id] === option.value) {
+      var sourceData = (data === null || data === void 0 ? void 0 : data[component.id]) || _Data.default.getSource(data, component.full_path);
+
+      if (Array.isArray(option.nested) && sourceData === option.value) {
         allComponents = allComponents.concat(option.nested);
       }
     });

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

@@ -89,4 +89,36 @@ describe('utils.Component.elevateNestedComponents', function () {
       id: 'nestedTwo'
     }]));
   });
+  it('should return the original array with elevated nested components when a component has a full_path', function () {
+    var COMPONENTS = [{
+      id: 'textComp'
+    }, {
+      id: 'radiosComp',
+      data: {
+        options: [{
+          label: 'Yes',
+          value: 'yes',
+          nested: [{
+            id: 'nestedOne'
+          }, {
+            id: 'nestedTwo'
+          }]
+        }, {
+          label: 'No',
+          value: 'no'
+        }]
+      },
+      full_path: 'component.radiosComp'
+    }];
+    var DATA = {
+      component: {
+        radiosComp: 'yes'
+      }
+    };
+    expect((0, _elevateNestedComponents.default)(COMPONENTS, DATA)).toEqual([].concat(COMPONENTS, [{
+      id: 'nestedOne'
+    }, {
+      id: 'nestedTwo'
+    }]));
+  });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/cop-react-form-renderer",
-  "version": "4.22.4-beta",
+  "version": "4.22.4",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",