@ukhomeoffice/cop-react-form-renderer 5.93.0 → 5.94.0

package/dist/utils/Component/getComponent.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getChildrenJsx = exports.default = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _react = _interopRequireDefault(require("react"));
+var _Condition = _interopRequireDefault(require("../Condition"));
 var _models = require("../../models");
 var _Data = _interopRequireDefault(require("../Data"));
 var _cleanAttributes = _interopRequireDefault(require("./cleanAttributes"));
@@ -265,11 +266,14 @@ var getChildJsx = function getChildJsx(parent, paramChild) {
  * @param {*} childrenConfigs array of configurations for the child components
  */
 var getChildrenJsx = exports.getChildrenJsx = function getChildrenJsx(parentConfig, childrenConfigs) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, childrenConfigs.map(function (config) {
+  var validChildren = childrenConfigs.filter(function (config) {
+    return !(config.show_when && !_Condition.default.meetsAll(config.show_when, parentConfig.formData));
+  }).map(function (config) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: config.id
     }, getChildJsx(parentConfig, config));
-  }));
+  });
+  return validChildren.length > 0 ? validChildren : null;
 };
 /**
  * Get a renderable component, based on a configuration object.

package/dist/utils/Component/getComponentTests/getComponent.nested.test.js

@@ -180,4 +180,56 @@ describe('utils.Component.get', function () {
       }
     }, _callee4);
   })));
+  it('should correctly show nested component with show_when', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+    var FIELD_ID, VALUE, VisibleComponent, HiddenComponent, PARENT_CONFIG, _renderWithValidation4, container, child, label, input;
+    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          FIELD_ID = 'fieldId';
+          VALUE = 'nestedValue';
+          VisibleComponent = {
+            id: 'testId',
+            fieldId: FIELD_ID,
+            label: 'Test label',
+            type: 'text',
+            show_when: [{
+              field: FIELD_ID,
+              op: "=",
+              value: VALUE
+            }]
+          };
+          HiddenComponent = {
+            id: 'hiddenID',
+            fieldId: "hiddenFeild",
+            label: 'Hidden label',
+            type: 'text',
+            show_when: [{
+              field: FIELD_ID,
+              op: "!=",
+              value: VALUE
+            }]
+          };
+          PARENT_CONFIG = {
+            onChange: function onChange() {},
+            formData: _defineProperty({}, FIELD_ID, VALUE)
+          };
+          _renderWithValidation4 = (0, _setupTests.renderWithValidation)((0, _getComponent.getChildrenJsx)(PARENT_CONFIG, [VisibleComponent, HiddenComponent])), container = _renderWithValidation4.container;
+          expect(container.childNodes.length).toEqual(1);
+          child = container.childNodes[0];
+          expect(child.childNodes[0].childNodes.length).toEqual(2);
+          expect(child.classList).toContain('govuk-form-group');
+          label = child.childNodes[0];
+          expect(label).toBeDefined();
+          expect(label.innerHTML).toContain(VisibleComponent.label);
+          input = child.childNodes[2];
+          expect(input.tagName).toEqual('INPUT');
+          expect(input.classList).toContain('govuk-input');
+          expect(input.id).toEqual("".concat(VisibleComponent.id));
+          expect(input.value).toEqual(VALUE);
+        case 18:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  })));
 });

package/dist/utils/Data/getOptions.js

@@ -26,6 +26,9 @@ var interpolateOptions = function interpolateOptions(config, options) {
     if (typeof opt === 'string') {
       return opt;
     }
+    if (!opt.value) {
+      return opt.label;
+    }
     if (config.alternativeHintField) {
       // eslint-disable-next-line no-param-reassign
       opt.hint = opt[config.alternativeHintField];

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

@@ -28,6 +28,16 @@ describe('utils', function () {
           expect(options).toEqual(CONFIG.options);
         });
       });
+      it('should handle stings in option and if no value is supplied treat it as a string', function () {
+        var CONFIG = {
+          options: ["or", {
+            label: "and"
+          }]
+        };
+        (0, _getOptions.default)(CONFIG, function (options) {
+          expect(options).toEqual(["or", "and"]);
+        });
+      });
       it('should get any specified options from the data property of the config', function () {
         var CONFIG = {
           data: {

package/package.json

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