@ukhomeoffice/cop-react-form-renderer 6.0.6-peter → 6.6.1

package/dist/utils/Condition/meetsCondition.test.js

@@ -652,6 +652,106 @@ describe('utils.Condition.meetsCondition', function () {
       expect((0, _meetsCondition.default)(CONDITION, VALUE)).toBeTruthy();
     });
   });
+  describe('operator includesObjectProp', function () {
+    it('should accept a property that exists within one of the objects in the value', function () {
+      var VALUE = [{
+        id: 1
+      }, {
+        id: 2
+      }, {
+        id: 3
+      }];
+      var CONDITION = {
+        op: 'includesObjectProp',
+        key: 'id',
+        value: 2
+      };
+      expect((0, _meetsCondition.default)(CONDITION, VALUE)).toBeTruthy();
+    });
+    it('should reject a property that doesnt exist within one of the objects in the value', function () {
+      var VALUE = [{
+        id: 1
+      }, {
+        id: 2
+      }, {
+        id: 3
+      }];
+      var CONDITION = {
+        op: 'includesObjectProp',
+        key: 'id',
+        value: 4
+      };
+      expect((0, _meetsCondition.default)(CONDITION, VALUE)).toBeFalsy();
+    });
+    it('should reject a value that is not an array', function () {
+      var VALUE = 'badValue';
+      var CONDITION = {
+        op: 'includesObjectProp',
+        key: 'id',
+        value: 7
+      };
+      expect((0, _meetsCondition.default)(CONDITION, VALUE)).toBeFalsy();
+    });
+    it('should reject an empty array', function () {
+      var VALUE = [];
+      var CONDITION = {
+        op: 'includesObjectProp',
+        key: 'id',
+        value: 7
+      };
+      expect((0, _meetsCondition.default)(CONDITION, VALUE)).toBeFalsy();
+    });
+  });
+  describe('operator !includesObjectProp', function () {
+    it('should reject a property that exists within one of the objects in the value', function () {
+      var VALUE = [{
+        id: 1
+      }, {
+        id: 2
+      }, {
+        id: 3
+      }];
+      var CONDITION = {
+        op: '!includesObjectProp',
+        key: 'id',
+        value: 2
+      };
+      expect((0, _meetsCondition.default)(CONDITION, VALUE)).toBeFalsy();
+    });
+    it('should accept a property that doesnt exist within one of the objects in the value', function () {
+      var VALUE = [{
+        id: 1
+      }, {
+        id: 2
+      }, {
+        id: 3
+      }];
+      var CONDITION = {
+        op: '!includesObjectProp',
+        key: 'id',
+        value: 4
+      };
+      expect((0, _meetsCondition.default)(CONDITION, VALUE)).toBeTruthy();
+    });
+    it('should accept a value that is not an array', function () {
+      var VALUE = 'badValue';
+      var CONDITION = {
+        op: '!includesObjectProp',
+        key: 'id',
+        value: 7
+      };
+      expect((0, _meetsCondition.default)(CONDITION, VALUE)).toBeTruthy();
+    });
+    it('should accept an empty array', function () {
+      var VALUE = [];
+      var CONDITION = {
+        op: '!includesObjectProp',
+        key: 'id',
+        value: 7
+      };
+      expect((0, _meetsCondition.default)(CONDITION, VALUE)).toBeTruthy();
+    });
+  });
   describe('operator includesAllOf', function () {
     it('should reject when value is not an array', function () {
       var VALUE = 'Not an array';

package/dist/utils/Data/getOptions.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _Condition = _interopRequireDefault(require("../Condition"));
+var _nestInRefdataOptions = _interopRequireDefault(require("./nestInRefdataOptions"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -25,6 +26,10 @@ var interpolateOptions = function interpolateOptions(config, options) {
     if (typeof opt === 'string') {
       return opt;
     }
+    if (config.alternativeHintField) {
+      // eslint-disable-next-line no-param-reassign
+      opt.hint = opt[config.alternativeHintField];
+    }
     return _objectSpread(_objectSpread({}, opt), {}, {
       value: _copReactComponents.Utils.interpolateString(opt.value, config.formData),
       label: _copReactComponents.Utils.interpolateString(opt.label, config.formData)
@@ -35,6 +40,11 @@ var interpolateOptions = function interpolateOptions(config, options) {
 };
 var getOptions = function getOptions(config, callback) {
   if (config) {
+    var _config$data, _config$data2;
+    if (config.options && config !== null && config !== void 0 && (_config$data = config.data) !== null && _config$data !== void 0 && _config$data.options && config !== null && config !== void 0 && (_config$data2 = config.data) !== null && _config$data2 !== void 0 && _config$data2.url) {
+      var combinedOptions = (0, _nestInRefdataOptions.default)(config.options, config.data.options);
+      return callback(interpolateOptions(config, combinedOptions));
+    }
     if (config.options) {
       return callback(interpolateOptions(config, config.options));
     }

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

@@ -135,6 +135,79 @@ describe('utils', function () {
           expect(options).toEqual([CONFIG.options[0]]);
         });
       });
+      it('should should use both data from refdata url and options if both present', function () {
+        var CONFIG = {
+          data: {
+            options: [{
+              refdata_match: {
+                id: 2
+              },
+              nested: [{
+                value: 'a',
+                label: 'Alpha'
+              }]
+            }],
+            url: 'refdata.url'
+          },
+          options: [{
+            id: 1,
+            description: 'First refdata item',
+            value: 'firstValue',
+            label: 'First label'
+          }, {
+            id: 2,
+            description: 'Second refdata item',
+            value: 'secondValue',
+            label: 'Second label'
+          }, {
+            id: 3,
+            description: 'Third refdata item',
+            value: 'thirdValue',
+            label: 'Third label'
+          }]
+        };
+        var MERGED_CONFIG = [{
+          id: 1,
+          description: 'First refdata item',
+          value: 'firstValue',
+          label: 'First label'
+        }, {
+          id: 2,
+          description: 'Second refdata item',
+          value: 'secondValue',
+          nested: [{
+            value: 'a',
+            label: 'Alpha'
+          }],
+          label: 'Second label'
+        }, {
+          id: 3,
+          description: 'Third refdata item',
+          value: 'thirdValue',
+          label: 'Third label'
+        }];
+        (0, _getOptions.default)(CONFIG, function (options) {
+          expect(options).toEqual(MERGED_CONFIG);
+        });
+      });
+      it('should override the hint if specified in the config', function () {
+        var CONFIG = {
+          alternativeHintField: 'description',
+          options: [{
+            value: 'a',
+            label: 'Alpha',
+            description: 'first'
+          }, {
+            value: 'b',
+            label: 'Bravo',
+            description: 'second'
+          }]
+        };
+        (0, _getOptions.default)(CONFIG, function (options) {
+          expect(options[0].hint).toEqual(CONFIG.options[0].description);
+          expect(options[1].hint).toEqual(CONFIG.options[1].description);
+        });
+      });
     });
   });
 });

package/dist/utils/Data/nestInRefdataOptions.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ * Combines refdata options with custom options with the use of `from_refdata` in the custom option
+ * Allowing for nesting of components within refdata lists of checkboxes or radios
+ * Also allows appending custom options to refdata options list
+ * @param {Array} refdataOptions The list of options coming from refdata
+ * @param {Array} options The list of options being defined in the form
+ * @returns A combined list of refdata options and custom options to be rendered
+ */
+var nestInRefdataOptions = function nestInRefdataOptions(refdataOptions, options) {
+  var nestedRefdataOptions = refdataOptions;
+  options.forEach(function (option, index) {
+    if (option.refdata_match) {
+      var refdataMatch = option.refdata_match;
+      var refdataKey = Object.keys(refdataMatch)[0];
+      var refdataIndex = refdataOptions.findIndex(function (refdataOption) {
+        return refdataOption[refdataKey] === refdataMatch[refdataKey];
+      });
+      if (refdataIndex >= 0) {
+        nestedRefdataOptions[refdataIndex] = _objectSpread(_objectSpread({}, refdataOptions[refdataIndex]), {}, {
+          nested: option.nested
+        });
+      }
+    }
+
+    // checks if already exists in `nestedRefdataOptions` else
+    // re-renders would cause array to grow with each render
+    if (option.combineWithRefdata && !nestedRefdataOptions.includes(option)) {
+      // adds previous array entry if string e.g. "or" operator
+      if (index > 0 && typeof options[index - 1] === 'string') {
+        nestedRefdataOptions.push(options[index - 1]);
+      }
+      nestedRefdataOptions.push(option);
+    }
+  });
+  return nestedRefdataOptions;
+};
+var _default = exports.default = nestInRefdataOptions;

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

@@ -0,0 +1,236 @@
+"use strict";
+
+var _nestInRefdataOptions = _interopRequireDefault(require("./nestInRefdataOptions"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe('utils.Data.combineOptions', function () {
+  it('should combine refdata options with a custom option', function () {
+    var refdataOptions = [{
+      id: 1,
+      description: 'First refdata item',
+      value: 'firstValue',
+      label: 'First label'
+    }, {
+      id: 2,
+      description: 'Second refdata item',
+      value: 'secondValue',
+      label: 'Second label'
+    }, {
+      id: 3,
+      description: 'Third refdata item',
+      value: 'thirdValue',
+      label: 'Third label'
+    }];
+    var customOptions = [{
+      refdata_match: {
+        id: 2
+      },
+      nested: [{
+        id: 'nestedComponent',
+        fieldId: 'nestedComponent',
+        type: 'text',
+        label: 'Nested Component'
+      }]
+    }];
+    expect((0, _nestInRefdataOptions.default)(refdataOptions, customOptions)).toEqual([{
+      description: 'First refdata item',
+      id: 1,
+      label: 'First label',
+      value: 'firstValue'
+    }, {
+      description: 'Second refdata item',
+      id: 2,
+      label: 'Second label',
+      nested: [{
+        id: 'nestedComponent',
+        fieldId: 'nestedComponent',
+        type: 'text',
+        label: 'Nested Component'
+      }],
+      value: 'secondValue'
+    }, {
+      description: 'Third refdata item',
+      id: 3,
+      label: 'Third label',
+      value: 'thirdValue'
+    }]);
+  });
+  it('should not combine options if it can`t find a matching refdata option', function () {
+    var refdataOptions = [{
+      id: 1,
+      description: 'First refdata item',
+      value: 'firstValue',
+      label: 'First label'
+    }, {
+      id: 2,
+      description: 'Second refdata item',
+      value: 'secondValue',
+      label: 'Second label'
+    }, {
+      id: 3,
+      description: 'Third refdata item',
+      value: 'thirdValue',
+      label: 'Third label'
+    }];
+    var customOptions = [{
+      refdata_match: {
+        id: 4
+      },
+      nested: [{
+        id: 'nestedComponent',
+        fieldId: 'nestedComponent',
+        type: 'text',
+        label: 'Nested Component'
+      }]
+    }];
+    expect((0, _nestInRefdataOptions.default)(refdataOptions, customOptions)).toEqual([{
+      description: 'First refdata item',
+      id: 1,
+      label: 'First label',
+      value: 'firstValue'
+    }, {
+      description: 'Second refdata item',
+      id: 2,
+      label: 'Second label',
+      value: 'secondValue'
+    }, {
+      description: 'Third refdata item',
+      id: 3,
+      label: 'Third label',
+      value: 'thirdValue'
+    }]);
+  });
+  it('should append refdata options with a custom option when `combineWithRefdata` flag is set', function () {
+    var refdataOptions = [{
+      id: 1,
+      description: 'First refdata item',
+      value: 'firstValue',
+      label: 'First label'
+    }, {
+      id: 2,
+      description: 'Second refdata item',
+      value: 'secondValue',
+      label: 'Second label'
+    }, {
+      id: 3,
+      description: 'Third refdata item',
+      value: 'thirdValue',
+      label: 'Third label'
+    }];
+    var customOptions = [{
+      combineWithRefdata: true,
+      id: 'otherComponent',
+      fieldId: 'otherComponent',
+      type: 'text',
+      label: 'Other Component'
+    }];
+    expect((0, _nestInRefdataOptions.default)(refdataOptions, customOptions)).toEqual([{
+      description: 'First refdata item',
+      id: 1,
+      label: 'First label',
+      value: 'firstValue'
+    }, {
+      description: 'Second refdata item',
+      id: 2,
+      label: 'Second label',
+      value: 'secondValue'
+    }, {
+      description: 'Third refdata item',
+      id: 3,
+      label: 'Third label',
+      value: 'thirdValue'
+    }, {
+      combineWithRefdata: true,
+      id: 'otherComponent',
+      fieldId: 'otherComponent',
+      type: 'text',
+      label: 'Other Component'
+    }]);
+  });
+  it('should not append refdata options with a custom option when `combineWithRefdata` flag is not set', function () {
+    var refdataOptions = [{
+      id: 1,
+      description: 'First refdata item',
+      value: 'firstValue',
+      label: 'First label'
+    }, {
+      id: 2,
+      description: 'Second refdata item',
+      value: 'secondValue',
+      label: 'Second label'
+    }, {
+      id: 3,
+      description: 'Third refdata item',
+      value: 'thirdValue',
+      label: 'Third label'
+    }];
+    var customOptions = [{
+      id: 'otherComponent',
+      fieldId: 'otherComponent',
+      type: 'text',
+      label: 'Other Component'
+    }];
+    expect((0, _nestInRefdataOptions.default)(refdataOptions, customOptions)).toEqual([{
+      description: 'First refdata item',
+      id: 1,
+      label: 'First label',
+      value: 'firstValue'
+    }, {
+      description: 'Second refdata item',
+      id: 2,
+      label: 'Second label',
+      value: 'secondValue'
+    }, {
+      description: 'Third refdata item',
+      id: 3,
+      label: 'Third label',
+      value: 'thirdValue'
+    }]);
+  });
+  it('should append refdata options with a string when `combineWithRefdata` flag is set and custom option comes after string', function () {
+    var refdataOptions = [{
+      id: 1,
+      description: 'First refdata item',
+      value: 'firstValue',
+      label: 'First label'
+    }, {
+      id: 2,
+      description: 'Second refdata item',
+      value: 'secondValue',
+      label: 'Second label'
+    }, {
+      id: 3,
+      description: 'Third refdata item',
+      value: 'thirdValue',
+      label: 'Third label'
+    }];
+    var customOptions = ["or", {
+      combineWithRefdata: true,
+      id: 'otherComponent',
+      fieldId: 'otherComponent',
+      type: 'text',
+      label: 'Other Component'
+    }];
+    expect((0, _nestInRefdataOptions.default)(refdataOptions, customOptions)).toEqual([{
+      description: 'First refdata item',
+      id: 1,
+      label: 'First label',
+      value: 'firstValue'
+    }, {
+      description: 'Second refdata item',
+      id: 2,
+      label: 'Second label',
+      value: 'secondValue'
+    }, {
+      description: 'Third refdata item',
+      id: 3,
+      label: 'Third label',
+      value: 'thirdValue'
+    }, "or", {
+      combineWithRefdata: true,
+      id: 'otherComponent',
+      fieldId: 'otherComponent',
+      type: 'text',
+      label: 'Other Component'
+    }]);
+  });
+});

package/dist/utils/Validate/additional/mustBeUniqueInCollection.js

@@ -10,6 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /**
  * @param {*} value - the value to check.
  * @param {string} config.collectionPath - the path to the collection within formData
+ * @param {string} config.caseInsensitive - true to ignore case, assumes string values
  * @param {object} component - the component definition
  * @param {object} formData - the current form data
  * @returns true if components value is not the same in any other entry in the collection
@@ -28,6 +29,9 @@ var mustBeUniqueInCollection = function mustBeUniqueInCollection(value, config,
       return false;
     }
     ;
+    if (config.caseInsensitive && typeof value === 'string' && typeof entry[component.id] === 'string') {
+      return entry[component.id].toUpperCase() === value.toUpperCase();
+    }
     return entry[component.id] === value;
   });
   return !result;

package/dist/utils/Validate/additional/mustBeUniqueInCollection.test.js

@@ -121,6 +121,42 @@ describe('utils', function () {
           }), COMPONENT_NESTED, FORM_DATA);
           expect(result).toBeFalsy();
         });
+        test('should return true if other entries have the same value for this field in a different case', function () {
+          var FORM_DATA = {
+            namesActiveId: 2,
+            names: [{
+              id: 1,
+              firstName: 'ALPHA'
+            }, {
+              id: 2,
+              firstName: 'alpha'
+            }, {
+              id: 3,
+              firstName: 'bravo'
+            }]
+          };
+          var result = (0, _mustBeUniqueInCollection.default)('alpha', CONFIG, COMPONENT, FORM_DATA);
+          expect(result).toBeTruthy();
+        });
+        test('should return false if other entries have the same value for this field in a different case and caseInsensitive is true', function () {
+          var FORM_DATA = {
+            namesActiveId: 2,
+            names: [{
+              id: 1,
+              firstName: 'ALPHA'
+            }, {
+              id: 2,
+              firstName: 'alpha'
+            }, {
+              id: 3,
+              firstName: 'bravo'
+            }]
+          };
+          var result = (0, _mustBeUniqueInCollection.default)('alpha', _objectSpread(_objectSpread({}, CONFIG), {}, {
+            caseInsensitive: true
+          }), COMPONENT, FORM_DATA);
+          expect(result).toBeFalsy();
+        });
       });
     });
   });

package/dist/utils/Validate/validateContainer.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _elevateNestedComponents = _interopRequireDefault(require("../Component/elevateNestedComponents"));
 var _validateComponent = _interopRequireDefault(require("./validateComponent"));
 var _additional = _interopRequireDefault(require("./additional"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -35,7 +36,8 @@ var validateContainer = function validateContainer(container, outerData, formDat
   var errors = [];
   if (Array.isArray(container.components)) {
     var containerData = outerData && container.fieldId ? outerData[container.fieldId] : outerData;
-    container.components.forEach(function (component) {
+    var fullContainerComponents = (0, _elevateNestedComponents.default)(container.components, containerData);
+    fullContainerComponents.forEach(function (component) {
       // It is possible that the container being passed in is a
       // dummy container just for validation. In that scenario we want 
       // to ignore the full_path and just use the component's fieldId.

package/dist/utils/Validate/validateContainer.test.js

@@ -72,4 +72,37 @@ describe('utils.Validate.Container', function () {
       id: ID
     });
   });
+  it('should return an array containing errors for nested components if the container has them as children', function () {
+    var ID = 'container';
+    var LABEL = 'field';
+    var CONTAINER = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false);
+    CONTAINER.components = [{
+      id: 'testRadio',
+      fieldId: 'testRadio',
+      type: 'radios',
+      data: {
+        options: [{
+          value: 'yes',
+          nested: [{
+            id: 'nestedText',
+            fieldId: 'nestedText',
+            type: 'text',
+            required: true,
+            custom_errors: [{
+              type: 'required',
+              message: 'Nested text is required'
+            }]
+          }]
+        }]
+      }
+    }];
+    var DATA = _defineProperty({}, ID, {
+      testRadio: 'yes'
+    });
+    expect((0, _validateContainer.default)(CONTAINER, DATA)).toEqual([{
+      id: "".concat(ID, ".nestedText"),
+      error: 'Nested text is required',
+      properties: undefined
+    }]);
+  });
 });

package/dist/utils/Validate/validateEmail.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 // eslint-disable-next-line no-control-regex
 // const EMAIL_REGEX = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/i;
-var HODS_EMAIL_REGEX = /^[a-z0-9._-]+@(digital\.)?homeoffice.gov.uk$/i;
+var HODS_EMAIL_REGEX = /^[a-z0-9._\-']+@(digital\.)?homeoffice.gov.uk$/i;
 
 /**
  * Validates an email address, ensuring it is in the correct domain and

package/dist/utils/Validate/validatePage.js

@@ -8,6 +8,7 @@ var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _validateComponent = _interopRequireDefault(require("./validateComponent"));
 var _CollectionPage = _interopRequireDefault(require("../CollectionPage"));
 var _showFormPage = _interopRequireDefault(require("../FormPage/showFormPage"));
+var _showComponent = _interopRequireDefault(require("../Component/showComponent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -19,9 +20,11 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 /**
  * Validate all of the components on a page.
  * @param {object} page The page to validate
+ * @param {array} queuedErrors Any errors that have been found before this validation.
  * @returns An array containing all of the errors.
  */
 var validatePage = function validatePage(page) {
+  var queuedErrors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var data = page.formData;
   if (page.collection) {
     var activeIndex = _CollectionPage.default.getActiveIndex(page.collection.name, page.formData);
@@ -32,7 +35,13 @@ var validatePage = function validatePage(page) {
   }
   if ((0, _showFormPage.default)(page, data) && Array.isArray(page.components)) {
     var errs = page.components.reduce(function (errors, component) {
-      var componentErrors = (0, _validateComponent.default)(component, data, data);
+      if (!(0, _showComponent.default)(component, data)) {
+        return errors;
+      }
+      var queuedComponentErrors = queuedErrors.length > 0 ? queuedErrors.filter(function (e) {
+        return e.showFor ? e.showFor === component.id : e.id === component.id;
+      }) : [];
+      var componentErrors = queuedComponentErrors.concat((0, _validateComponent.default)(component, data, data));
       return errors.concat(componentErrors).flat().map(function (err) {
         if (err) {
           return _objectSpread(_objectSpread({}, err), {}, {