@ukhomeoffice/cop-react-form-renderer 4.20.0 → 4.21.0

package/dist/components/CheckYourAnswers/Answer.js

@@ -30,7 +30,7 @@ var Answer = function Answer(_ref) {
   }
 
   if (!component) {
-    return value;
+    return value.hasOwnProperty('label') ? value.label : value;
   }
 
   return /*#__PURE__*/_react.default.createElement(_FormComponent.default, {

package/dist/components/CheckYourAnswers/Answer.test.js

@@ -91,5 +91,30 @@ describe('components', function () {
         }
       }, _callee3);
     })));
+    it('should handle a null component and an object value', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+      var VALUE, COMPONENT, _renderWithValidation4, container;
+
+      return regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              VALUE = {
+                label: 'A label',
+                value: 'a_value'
+              };
+              COMPONENT = null;
+              _renderWithValidation4 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_Answer.default, {
+                value: VALUE,
+                component: COMPONENT
+              })), container = _renderWithValidation4.container;
+              expect(container.textContent).toEqual(VALUE.label);
+
+            case 4:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    })));
   });
 });

package/dist/models/ComponentTypes.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var TYPE_ALERT = 'alert';
 var TYPE_AUTOCOMPLETE = 'autocomplete';
 var TYPE_CALCULATION = 'calculation';
 var TYPE_CHECKBOXES = 'checkboxes';
@@ -24,6 +25,7 @@ var TYPE_TEXT_AREA = 'textarea';
 var TYPE_TIME = 'time';
 var TYPE_WARNING = 'warning';
 var ComponentTypes = {
+  ALERT: TYPE_ALERT,
   AUTOCOMPLETE: TYPE_AUTOCOMPLETE,
   CALCULATION: TYPE_CALCULATION,
   CHECKBOXES: TYPE_CHECKBOXES,

package/dist/utils/CheckYourAnswers/showComponentCYA.js

@@ -14,7 +14,7 @@ var _Container = _interopRequireDefault(require("../Container"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // Local imports
-var EXCLUDE_FROM_CYA = [_models.ComponentTypes.HEADING, _models.ComponentTypes.HTML, _models.ComponentTypes.INSET_TEXT];
+var EXCLUDE_FROM_CYA = [_models.ComponentTypes.ALERT, _models.ComponentTypes.HEADING, _models.ComponentTypes.HTML, _models.ComponentTypes.INSET_TEXT];
 /**
  * Determines whether a given component should display on the Check your answers screen.
  * 

package/dist/utils/Component/getComponent.js

@@ -31,6 +31,19 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  * switch statement increases the cyclomatic complexity and
  * makes it much harder to follow what's going on.
  */
+var getAlert = function getAlert(config) {
+  var attrs = (0, _cleanAttributes.default)(config);
+
+  var heading = _copReactComponents.Utils.interpolateString(config.heading, config.formData);
+
+  var children = _copReactComponents.Utils.interpolateString(config.text, config.formData);
+
+  return /*#__PURE__*/_react.default.createElement(_copReactComponents.Alert, _extends({}, attrs, {
+    heading: heading,
+    children: children
+  }));
+};
+
 var getAutocomplete = function getAutocomplete(config) {
   var attrs = (0, _cleanAttributes.default)(config);
 
@@ -207,6 +220,9 @@ var getComponentByType = function getComponentByType(config) {
     case _models.ComponentTypes.CALCULATION:
       return getCalculation(config);
 
+    case _models.ComponentTypes.ALERT:
+      return getAlert(config);
+
     default:
       {
         return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/cop-react-form-renderer",
-  "version": "4.20.0",
+  "version": "4.21.0",
   "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": "2.3.3",
+    "@ukhomeoffice/cop-react-components": "2.3.4",
     "axios": "^0.23.0",
     "dayjs": "^1.11.0",
     "govuk-frontend": "^4.3.1",