@ukhomeoffice/cop-react-form-renderer 4.62.0 → 4.64.0-alpha

package/dist/components/FormRenderer/FormRenderer.js

@@ -650,10 +650,14 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
     page: formState.page,
     onAction: onPageAction,
     onChange: onChange,
-    hashLink: hashLink
+    hashLink: hashLink,
+    classModifiers: formState.page.classModifiers,
+    className: formState.page.className
   }), formState.page && !formState.cya && formState.page.collection && /*#__PURE__*/_react.default.createElement(_CollectionPage.default, {
     page: formState.page,
-    onAction: onPageAction
+    onAction: onPageAction,
+    classModifiers: formState.page.classModifiers,
+    className: formState.page.className
   }));
 };
 

package/dist/utils/Data/getOptions.js

@@ -7,6 +7,10 @@ exports.default = void 0;
 
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 
+var _Condition = _interopRequireDefault(require("../Condition"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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; }
@@ -15,6 +19,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var interpolateOptions = function interpolateOptions(config, options) {
   return options.map(function (opt) {
+    if (opt.show_when) {
+      var result = opt.show_when.type === 'or' ? _Condition.default.meetsOne(opt, config.formData) : _Condition.default.meetsAll(opt, config.formData);
+
+      if (!result) {
+        return null;
+      }
+    }
+
     if (typeof opt === 'string') {
       return opt;
     }
@@ -23,6 +35,8 @@ var interpolateOptions = function interpolateOptions(config, options) {
       value: _copReactComponents.Utils.interpolateString(opt.value, config.formData),
       label: _copReactComponents.Utils.interpolateString(opt.label, config.formData)
     });
+  }).filter(function (n) {
+    return n;
   });
 };
 

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

@@ -66,6 +66,76 @@ describe('utils', function () {
           expect(options).toEqual(CONFIG.options);
         });
       });
+      it('should exclude options from the config that fail show_when checks', function () {
+        var CONFIG = {
+          id: 'test',
+          options: [{
+            value: 'a',
+            label: 'Alpha',
+            show_when: {
+              field: 'other',
+              op: 'eq',
+              value: 'c'
+            }
+          }, {
+            value: 'b',
+            label: 'Bravo',
+            show_when: {
+              field: 'other',
+              op: 'neq',
+              value: 'c'
+            }
+          }],
+          formData: {
+            other: 'c'
+          }
+        };
+        (0, _getOptions.default)(CONFIG, function (options) {
+          expect(options).toEqual([CONFIG.options[0]]);
+        });
+      });
+      it('should exclude options from the config that fail or type show_when checks', function () {
+        var CONFIG = {
+          id: 'test',
+          options: [{
+            value: 'a',
+            label: 'Alpha',
+            show_when: {
+              type: 'or',
+              conditions: [{
+                field: 'other',
+                op: 'eq',
+                value: 'c'
+              }, {
+                field: 'other',
+                op: 'eq',
+                value: 'd'
+              }]
+            }
+          }, {
+            value: 'b',
+            label: 'Bravo',
+            show_when: {
+              type: 'or',
+              conditions: [{
+                field: 'other',
+                op: 'eq',
+                value: 'e'
+              }, {
+                field: 'other',
+                op: 'eq',
+                value: 'f'
+              }]
+            }
+          }],
+          formData: {
+            other: 'c'
+          }
+        };
+        (0, _getOptions.default)(CONFIG, function (options) {
+          expect(options).toEqual([CONFIG.options[0]]);
+        });
+      });
     });
   });
 });

package/package.json

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