@ukhomeoffice/cop-react-form-renderer 4.19.1 → 4.19.2-beta

package/dist/utils/CheckYourAnswers/getCYARowsForCollection.js

@@ -13,6 +13,8 @@ var _getCYAAction = _interopRequireDefault(require("./getCYAAction"));
 
 var _getCYARowsForContainer = _interopRequireDefault(require("./getCYARowsForContainer"));
 
+var _setupContainerComponentsPath = _interopRequireDefault(require("../Component/setupContainerComponentsPath"));
+
 var _showComponentCYA = _interopRequireDefault(require("./showComponentCYA"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -77,6 +79,7 @@ var getCYARowsForCollection = function getCYARowsForCollection(page, collection,
       var labelCount = (collection.countOffset || 0) + index + 1;
       var full_path = "".concat(collection.full_path || collection.fieldId, "[").concat(index, "]");
       var container = getContainerForItem(collection, item, labelCount, full_path);
+      container = (0, _setupContainerComponentsPath.default)(container);
       return [getTitleRowForItem(collection, item, page.id, labelCount, full_path)].concat((0, _getCYARowsForContainer.default)(page, container, item, onAction));
     }).filter(function (r) {
       return !!r;

package/dist/utils/CheckYourAnswers/showComponentCYA.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.EXCLUDE_FROM_CYA = void 0;
 
 var _models = require("../../models");
 
@@ -24,6 +24,8 @@ var EXCLUDE_FROM_CYA = [_models.ComponentTypes.HEADING, _models.ComponentTypes.H
  * @returns A boolean true if the component should show; otherwise false.
  */
 
+exports.EXCLUDE_FROM_CYA = EXCLUDE_FROM_CYA;
+
 var showComponentCYA = function showComponentCYA(options, data) {
   if (!options) {
     return false;

package/dist/utils/Component/index.js

@@ -15,6 +15,8 @@ var _getDefaultValue = _interopRequireDefault(require("./getDefaultValue"));
 
 var _isEditable = _interopRequireDefault(require("./isEditable"));
 
+var _setupContainerComponentsPath = _interopRequireDefault(require("./setupContainerComponentsPath"));
+
 var _showComponent = _interopRequireDefault(require("./showComponent"));
 
 var _wrapInFormGroup = _interopRequireDefault(require("./wrapInFormGroup"));
@@ -27,6 +29,7 @@ var Component = {
   editable: _isEditable.default,
   elevateNested: _elevateNestedComponents.default,
   get: _getComponent.default,
+  setupContainerPaths: _setupContainerComponentsPath.default,
   show: _showComponent.default,
   wrap: _wrapInFormGroup.default
 };

package/dist/utils/Component/setupContainerComponentsPath.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _showComponentCYA = require("../CheckYourAnswers/showComponentCYA");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
+
+var setupContainerComponentsPath = function setupContainerComponentsPath(container) {
+  return _objectSpread(_objectSpread({}, container), {}, {
+    components: container.components.map(function (component) {
+      if (Array.isArray(component.components)) {
+        return _objectSpread(_objectSpread({}, component), {}, {
+          components: component.components.map(function (c) {
+            if (!_showComponentCYA.EXCLUDE_FROM_CYA.includes(c.type)) {
+              return _objectSpread(_objectSpread({}, c), !c.full_path && {
+                full_path: "".concat(component.full_path || "".concat(container.full_path, ".").concat(component.fieldId), ".").concat(c.fieldId)
+              });
+            }
+
+            return null;
+          }).filter(function (c) {
+            return !!c;
+          })
+        });
+      }
+
+      return _objectSpread(_objectSpread({}, component), !component.full_path && {
+        full_path: "".concat(container.full_path || container.fieldId, ".").concat(component.fieldId)
+      });
+    })
+  });
+};
+
+var _default = setupContainerComponentsPath;
+exports.default = _default;

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

@@ -0,0 +1,81 @@
+"use strict";
+
+var _setupTests = require("../../setupTests");
+
+var _setupContainerComponentsPath = _interopRequireDefault(require("./setupContainerComponentsPath"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('utils.CheckYourAnswers.setupContainerComponentsPath', function () {
+  it('should setup the full_path attribute for components within a container', function () {
+    var COMPONENT_1 = {
+      id: 'checkboxes1',
+      fieldId: 'checkboxes1',
+      type: 'checkboxes',
+      label: 'Alpha'
+    };
+    var COMPONENT_2 = {
+      id: 'checkboxes2',
+      fieldId: 'checkboxes2',
+      type: 'checkboxes',
+      label: 'Bravo'
+    };
+    var CONTAINER = {
+      id: 'test-container',
+      fieldId: 'test-container',
+      type: 'container',
+      full_path: 'test-container',
+      components: [COMPONENT_1, COMPONENT_2]
+    };
+    var container = (0, _setupContainerComponentsPath.default)(CONTAINER);
+    (0, _setupTests.expectObjectLike)(container.components[0], {
+      id: COMPONENT_1.id,
+      fieldId: COMPONENT_1.fieldId,
+      full_path: "".concat(CONTAINER.fieldId, ".").concat(COMPONENT_1.fieldId),
+      type: COMPONENT_1.type,
+      label: COMPONENT_1.label
+    });
+    (0, _setupTests.expectObjectLike)(container.components[1], {
+      id: COMPONENT_2.id,
+      fieldId: COMPONENT_2.fieldId,
+      full_path: "".concat(CONTAINER.fieldId, ".").concat(COMPONENT_2.fieldId),
+      type: COMPONENT_2.type,
+      label: COMPONENT_2.label
+    });
+  });
+  it('should setup the full_path attribute for components when the container full_path property is missing', function () {
+    var COMPONENT_1 = {
+      id: 'checkboxes1',
+      fieldId: 'checkboxes1',
+      type: 'checkboxes',
+      label: 'Alpha'
+    };
+    var COMPONENT_2 = {
+      id: 'checkboxes2',
+      fieldId: 'checkboxes2',
+      type: 'checkboxes',
+      label: 'Bravo'
+    };
+    var CONTAINER = {
+      id: 'test-container',
+      fieldId: 'test-container',
+      type: 'container',
+      components: [COMPONENT_1, COMPONENT_2]
+    };
+    var container = (0, _setupContainerComponentsPath.default)(CONTAINER);
+    (0, _setupTests.expectObjectLike)(container.components[0], {
+      id: COMPONENT_1.id,
+      fieldId: COMPONENT_1.fieldId,
+      full_path: "".concat(CONTAINER.fieldId, ".").concat(COMPONENT_1.fieldId),
+      type: COMPONENT_1.type,
+      label: COMPONENT_1.label
+    });
+    (0, _setupTests.expectObjectLike)(container.components[1], {
+      id: COMPONENT_2.id,
+      fieldId: COMPONENT_2.fieldId,
+      full_path: "".concat(CONTAINER.fieldId, ".").concat(COMPONENT_2.fieldId),
+      type: COMPONENT_2.type,
+      label: COMPONENT_2.label
+    });
+  });
+});

package/package.json

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