@ukhomeoffice/cop-react-form-renderer 6.0.6-peter → 6.7.0-alpha

package/dist/components/CollectionSummary/SummaryCardDetails.test.js

@@ -4,19 +4,16 @@ var _react = _interopRequireDefault(require("react"));
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _setupTests = require("../../setupTests");
 var _SummaryCardDetails = _interopRequireWildcard(require("./SummaryCardDetails"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
-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); } // Global imports.
+// Global imports.
+
 // Local imports.
-describe('components.CollectionSummary.SummaryCardDetails', function () {
-  var classes = _copReactComponents.Utils.classBuilder(_SummaryCardDetails.DEFAULT_CLASS, [], '');
-  var ENTRY = {
+
+describe('components.CollectionSummary.SummaryCardDetails', () => {
+  const classes = _copReactComponents.Utils.classBuilder(_SummaryCardDetails.DEFAULT_CLASS, [], '');
+  const ENTRY = {
     id: '001',
     bannerText: 'A banner',
     titleText: 'A title',
@@ -33,17 +30,21 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
       childField2: 'bravo'
     }]
   };
-  it('should render sections and fields based on summaryLayout config', function () {
-    var CHILD_PAGES = [{
+  it('should render sections and fields based on summaryLayout config', () => {
+    const CHILD_PAGES = [{
       summaryLayout: {
         sections: [{
           title: 'Section 1',
-          columns: 2,
-          fields: ['fieldA', 'fieldB']
+          columns: [{
+            fields: ['fieldA']
+          }, {
+            fields: ['fieldB']
+          }]
         }, {
           title: 'Section 2',
-          columns: 1,
-          fields: ['fieldC']
+          columns: [{
+            fields: ['fieldC']
+          }]
         }]
       },
       components: [{
@@ -54,41 +55,112 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
         fieldId: 'fieldC'
       }]
     }];
-    var MASTER_PAGE = {
+    const MASTER_PAGE = {
       childPages: CHILD_PAGES
     };
-    var _renderWithValidation = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
-        masterPage: MASTER_PAGE,
-        childMasterPages: [],
-        formData: {},
-        entryData: ENTRY
-      })),
-      container = _renderWithValidation.container;
+    const {
+      container
+    } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+      masterPage: MASTER_PAGE,
+      childMasterPages: [],
+      formData: {},
+      entryData: ENTRY
+    }));
 
     // Function to find an element by its text content
     function getByTextContent(parent, text) {
-      return Array.from(parent.getElementsByClassName(classes('section-title'))).find(function (el) {
-        return el.textContent === text;
-      });
+      return Array.from(parent.getElementsByClassName(classes('section-title'))).find(el => el.textContent === text);
     }
 
     // Check for section titles
-    var section1Title = getByTextContent(container, 'Section 1');
-    var section2Title = getByTextContent(container, 'Section 2');
+    const section1Title = getByTextContent(container, 'Section 1');
+    const section2Title = getByTextContent(container, 'Section 2');
     expect(section1Title).not.toBeUndefined();
     expect(section2Title).not.toBeUndefined();
-    var section1Content = section1Title.parentNode.querySelector(".".concat(classes('section-content')));
+    const section1Content = section1Title.parentNode.querySelector(".".concat(classes('section-content')));
     expect(section1Content.querySelectorAll(".".concat(classes('field'))).length).toEqual(2);
-    var section2Content = section2Title.parentNode.querySelector(".".concat(classes('section-content')));
+    const section2Content = section2Title.parentNode.querySelector(".".concat(classes('section-content')));
     expect(section2Content.querySelectorAll(".".concat(classes('field'))).length).toEqual(1);
   });
-  it('should render sections if they have show_when checks and pass them', function () {
-    var CHILD_PAGES = [{
+  it('should render sections containing containers based on summaryLayout config', () => {
+    const CHILD_PAGES = [{
       summaryLayout: {
         sections: [{
           title: 'Section 1',
-          columns: 2,
-          fields: ['fieldA', 'fieldB'],
+          columns: [{
+            fields: ['containerComponent']
+          }]
+        }]
+      },
+      components: [{
+        fieldId: 'containerComponent',
+        type: 'container',
+        label: 'container',
+        components: [{
+          fieldId: 'subOne',
+          label: 'subOneLabel'
+        }, {
+          fieldId: 'subTwo',
+          label: 'subTwoLabel'
+        }, {
+          fieldId: 'subThree',
+          label: 'subThreeLabel'
+        }]
+      }]
+    }];
+    const CONTAINER_ENTRY = {
+      id: '001',
+      bannerText: 'A banner',
+      titleText: 'A title',
+      detailsText: 'Some details',
+      index: 0,
+      summaryText: 'Full details',
+      containerComponent: {
+        subOne: 'alpha',
+        subTwo: 'bravo',
+        subThree: 'charlie'
+      }
+    };
+    const MASTER_PAGE = {
+      childPages: CHILD_PAGES
+    };
+    const {
+      container
+    } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+      masterPage: MASTER_PAGE,
+      childMasterPages: [],
+      formData: {},
+      entryData: CONTAINER_ENTRY
+    }));
+
+    // Function to find an element by its text content
+    function getByTextContent(parent, text) {
+      return Array.from(parent.getElementsByClassName(classes('section-title'))).find(el => el.textContent === text);
+    }
+
+    // Check for section title
+    const section1Title = getByTextContent(container, 'Section 1');
+    expect(section1Title).not.toBeUndefined();
+
+    // All three subcomponents from the container should have labels and values displayed
+    const section1Content = section1Title.parentNode.querySelector(".".concat(classes('section-content')));
+    expect(section1Content.textContent).toContain('subOneLabel');
+    expect(section1Content.textContent).toContain('alpha');
+    expect(section1Content.textContent).toContain('subTwoLabel');
+    expect(section1Content.textContent).toContain('bravo');
+    expect(section1Content.textContent).toContain('subThreeLabel');
+    expect(section1Content.textContent).toContain('charlie');
+  });
+  it('should render sections if they have show_when checks and pass them', () => {
+    const CHILD_PAGES = [{
+      summaryLayout: {
+        sections: [{
+          title: 'Section 1',
+          columns: [{
+            fields: ['fieldA']
+          }, {
+            fields: ['fieldB']
+          }],
           show_when: [{
             field: 'showSection1',
             op: "=",
@@ -96,8 +168,9 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
           }]
         }, {
           title: 'Section 2',
-          columns: 1,
-          fields: ['fieldC']
+          columns: [{
+            fields: ['fieldC']
+          }]
         }]
       },
       components: [{
@@ -108,44 +181,47 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
         fieldId: 'fieldC'
       }]
     }];
-    var MASTER_PAGE = {
+    const MASTER_PAGE = {
       childPages: CHILD_PAGES
     };
-    var CUSTOM_ENTRY = _objectSpread(_objectSpread({}, ENTRY), {}, {
+    const CUSTOM_ENTRY = {
+      ...ENTRY,
       showSection1: true
-    });
-    var _renderWithValidation2 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
-        masterPage: MASTER_PAGE,
-        childMasterPages: [],
-        formData: {},
-        entryData: CUSTOM_ENTRY
-      })),
-      container = _renderWithValidation2.container;
+    };
+    const {
+      container
+    } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+      masterPage: MASTER_PAGE,
+      childMasterPages: [],
+      formData: {},
+      entryData: CUSTOM_ENTRY
+    }));
 
     // Function to find an element by its text content
     function getByTextContent(parent, text) {
-      return Array.from(parent.getElementsByClassName(classes('section-title'))).find(function (el) {
-        return el.textContent === text;
-      });
+      return Array.from(parent.getElementsByClassName(classes('section-title'))).find(el => el.textContent === text);
     }
 
     // Check for section titles
-    var section1Title = getByTextContent(container, 'Section 1');
-    var section2Title = getByTextContent(container, 'Section 2');
+    const section1Title = getByTextContent(container, 'Section 1');
+    const section2Title = getByTextContent(container, 'Section 2');
     expect(section1Title).not.toBeUndefined();
     expect(section2Title).not.toBeUndefined();
-    var section1Content = section1Title.parentNode.querySelector(".".concat(classes('section-content')));
+    const section1Content = section1Title.parentNode.querySelector(".".concat(classes('section-content')));
     expect(section1Content.querySelectorAll(".".concat(classes('field'))).length).toEqual(2);
-    var section2Content = section2Title.parentNode.querySelector(".".concat(classes('section-content')));
+    const section2Content = section2Title.parentNode.querySelector(".".concat(classes('section-content')));
     expect(section2Content.querySelectorAll(".".concat(classes('field'))).length).toEqual(1);
   });
-  it('should not render sections if they have show_when checks and fail them', function () {
-    var CHILD_PAGES = [{
+  it('should not render sections if they have show_when checks and fail them', () => {
+    const CHILD_PAGES = [{
       summaryLayout: {
         sections: [{
           title: 'Section 1',
-          columns: 2,
-          fields: ['fieldA', 'fieldB'],
+          columns: [{
+            fields: ['fieldA']
+          }, {
+            fields: ['fieldB']
+          }],
           show_when: [{
             field: 'showSection1',
             op: "=",
@@ -153,8 +229,9 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
           }]
         }, {
           title: 'Section 2',
-          columns: 1,
-          fields: ['fieldC']
+          columns: [{
+            fields: ['fieldC']
+          }]
         }]
       },
       components: [{
@@ -165,37 +242,95 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
         fieldId: 'fieldC'
       }]
     }];
-    var MASTER_PAGE = {
+    const MASTER_PAGE = {
       childPages: CHILD_PAGES
     };
-    var CUSTOM_ENTRY = _objectSpread(_objectSpread({}, ENTRY), {}, {
+    const CUSTOM_ENTRY = {
+      ...ENTRY,
       showSection1: false
-    });
-    var _renderWithValidation3 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
-        masterPage: MASTER_PAGE,
-        childMasterPages: [],
-        formData: {},
-        entryData: CUSTOM_ENTRY
-      })),
-      container = _renderWithValidation3.container;
+    };
+    const {
+      container
+    } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+      masterPage: MASTER_PAGE,
+      childMasterPages: [],
+      formData: {},
+      entryData: CUSTOM_ENTRY
+    }));
 
     // Function to find an element by its text content
     function getByTextContent(parent, text) {
-      return Array.from(parent.getElementsByClassName(classes('section-title'))).find(function (el) {
-        return el.textContent === text;
-      });
+      return Array.from(parent.getElementsByClassName(classes('section-title'))).find(el => el.textContent === text);
     }
 
     // Check for section titles
-    var section1Title = getByTextContent(container, 'Section 1');
-    var section2Title = getByTextContent(container, 'Section 2');
+    const section1Title = getByTextContent(container, 'Section 1');
+    const section2Title = getByTextContent(container, 'Section 2');
     expect(section1Title).toBeUndefined();
     expect(section2Title).not.toBeUndefined();
-    var section2Content = section2Title.parentNode.querySelector(".".concat(classes('section-content')));
+    const section2Content = section2Title.parentNode.querySelector(".".concat(classes('section-content')));
     expect(section2Content.querySelectorAll(".".concat(classes('field'))).length).toEqual(1);
   });
-  it('should not render sections on pages that fail show_when checks', function () {
-    var CHILD_PAGES = [{
+  it('should not render components that fail show_when checks', () => {
+    const CHILD_PAGES = [{
+      summaryLayout: {
+        sections: [{
+          title: 'Section 1',
+          columns: [{
+            fields: ['fieldA']
+          }, {
+            fields: ['fieldB']
+          }]
+        }, {
+          title: 'Section 2',
+          columns: [{
+            fields: ['fieldC']
+          }]
+        }]
+      },
+      components: [{
+        fieldId: 'fieldA'
+      }, {
+        fieldId: 'fieldB',
+        show_when: [{
+          field: 'fieldA',
+          op: '=',
+          value: 'notTheRightValue'
+        }]
+      }, {
+        fieldId: 'fieldC'
+      }]
+    }];
+    const MASTER_PAGE = {
+      childPages: CHILD_PAGES
+    };
+    const {
+      container
+    } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+      masterPage: MASTER_PAGE,
+      childMasterPages: [],
+      formData: {},
+      entryData: ENTRY
+    }));
+
+    // Function to find an element by its text content
+    function getByTextContent(parent, text) {
+      return Array.from(parent.getElementsByClassName(classes('section-title'))).find(el => el.textContent === text);
+    }
+
+    // Check for section titles
+    const section1Title = getByTextContent(container, 'Section 1');
+    const section2Title = getByTextContent(container, 'Section 2');
+    expect(section1Title).not.toBeUndefined();
+    expect(section2Title).not.toBeUndefined();
+    const section1Content = section1Title.parentNode.querySelector(".".concat(classes('section-content')));
+    expect(section1Content.querySelectorAll(".".concat(classes('field'))).length).toEqual(1); // Just Field A, Field B should be hidden.
+
+    const section2Content = section2Title.parentNode.querySelector(".".concat(classes('section-content')));
+    expect(section2Content.querySelectorAll(".".concat(classes('field'))).length).toEqual(1);
+  });
+  it('should not render sections on pages that fail show_when checks', () => {
+    const CHILD_PAGES = [{
       show_when: [{
         field: 'testField',
         op: '=',
@@ -204,8 +339,11 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
       summaryLayout: {
         sections: [{
           title: 'Section 1',
-          columns: 2,
-          fields: ['fieldA', 'fieldB'],
+          columns: [{
+            fields: ['fieldA']
+          }, {
+            fields: ['fieldB']
+          }],
           show_when: [{
             field: 'showSection1',
             op: "=",
@@ -213,8 +351,9 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
           }]
         }, {
           title: 'Section 2',
-          columns: 1,
-          fields: ['fieldC']
+          columns: [{
+            fields: ['fieldC']
+          }]
         }]
       },
       components: [{
@@ -225,37 +364,37 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
         fieldId: 'fieldC'
       }]
     }];
-    var MASTER_PAGE = {
+    const MASTER_PAGE = {
       childPages: CHILD_PAGES
     };
-    var CUSTOM_ENTRY = _objectSpread(_objectSpread({}, ENTRY), {}, {
+    const CUSTOM_ENTRY = {
+      ...ENTRY,
       showSection1: false
-    });
-    var _renderWithValidation4 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
-        masterPage: MASTER_PAGE,
-        childMasterPages: [],
-        formData: {
-          testField: false
-        },
-        entryData: CUSTOM_ENTRY
-      })),
-      container = _renderWithValidation4.container;
+    };
+    const {
+      container
+    } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+      masterPage: MASTER_PAGE,
+      childMasterPages: [],
+      formData: {
+        testField: false
+      },
+      entryData: CUSTOM_ENTRY
+    }));
 
     // Function to find an element by its text content
     function getByTextContent(parent, text) {
-      return Array.from(parent.getElementsByClassName(classes('section-title'))).find(function (el) {
-        return el.textContent === text;
-      });
+      return Array.from(parent.getElementsByClassName(classes('section-title'))).find(el => el.textContent === text);
     }
 
     // Check for section titles
-    var section1Title = getByTextContent(container, 'Section 1');
-    var section2Title = getByTextContent(container, 'Section 2');
+    const section1Title = getByTextContent(container, 'Section 1');
+    const section2Title = getByTextContent(container, 'Section 2');
     expect(section1Title).toBeUndefined();
     expect(section2Title).toBeUndefined();
   });
-  it('should render child collections', function () {
-    var CHILD_MASTER_PAGES = [{
+  it('should render child collections', () => {
+    const CHILD_MASTER_PAGES = [{
       collection: {
         name: 'childCollection'
       },
@@ -268,13 +407,16 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
         summaryLayout: {
           sections: [{
             title: 'Hidden Title',
-            columns: 2,
-            fields: ['childfield1', 'childfield2']
+            columns: [{
+              fields: ['childfield1']
+            }, {
+              fields: ['childfield2']
+            }]
           }]
         }
       }]
     }];
-    var CHILD_PAGES = [{
+    const CHILD_PAGES = [{
       summaryLayout: {
         sections: [{
           type: 'childCollection',
@@ -290,30 +432,29 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
         fieldId: 'fieldC'
       }]
     }];
-    var MASTER_PAGE = {
+    const MASTER_PAGE = {
       childPages: [].concat(CHILD_PAGES, CHILD_MASTER_PAGES)
     };
-    var CHILD_COLLECTIONS = ['childCollection'];
-    var _renderWithValidation5 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
-        masterPage: MASTER_PAGE,
-        childCollections: CHILD_COLLECTIONS,
-        formData: {},
-        entryData: ENTRY
-      })),
-      container = _renderWithValidation5.container;
+    const CHILD_COLLECTIONS = ['childCollection'];
+    const {
+      container
+    } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
+      masterPage: MASTER_PAGE,
+      childCollections: CHILD_COLLECTIONS,
+      formData: {},
+      entryData: ENTRY
+    }));
 
     // Function to find an element by its text content
     function getByTextContent(parent, text) {
-      return Array.from(parent.getElementsByClassName(classes('section-title'))).find(function (el) {
-        return el.textContent === text;
-      });
+      return Array.from(parent.getElementsByClassName(classes('section-title'))).find(el => el.textContent === text);
     }
-    var childCollectionSectionTitle = getByTextContent(container, 'Children');
+    const childCollectionSectionTitle = getByTextContent(container, 'Children');
     expect(childCollectionSectionTitle).not.toBeUndefined();
-    var childSectionTitles = getByTextContent(container, 'Hidden Title');
+    const childSectionTitles = getByTextContent(container, 'Hidden Title');
     expect(childSectionTitles).toBeUndefined(); // Individual section title for child collections should be hidden.
 
-    var childFields = container.querySelectorAll(".".concat(classes('section')));
+    const childFields = container.querySelectorAll(".".concat(classes('section')));
     expect(childFields.length).toEqual(2); // One for each entry in the child collection.
   });
 });

package/dist/components/CollectionSummary/SummaryCardValidationContext.js

@@ -1,62 +1,66 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = _interopRequireDefault(require("../../utils"));
 var _ValidationContext = require("../../context/ValidationContext");
+var _hooks = require("../../hooks");
+var _utils = _interopRequireDefault(require("../../utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable react/jsx-no-constructed-context-values, no-shadow */ // Global imports
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/* eslint-disable react/jsx-no-constructed-context-values, no-shadow */
+// Global imports
+
 // Local imports
-var SummaryCardValidationContextProvider = function SummaryCardValidationContextProvider(_ref) {
-  var entryId = _ref.entryId,
-    topLevelErrors = _ref.topLevelErrors,
-    children = _ref.children;
+
+const SummaryCardValidationContextProvider = _ref => {
+  let {
+    entryId,
+    topLevelErrors,
+    clearTopLevelErrorsForCard,
+    children
+  } = _ref;
+  const {
+    hooks
+  } = (0, _hooks.useHooks)();
+
   // Errors raised from the Collection Summary.
-  var initialErrors = topLevelErrors.filter(function (e) {
-    return e.entryId === entryId;
-  }) || [];
+  const initialErrors = topLevelErrors.filter(e => e.entryId === entryId) || [];
   // Errors raised locally, via the Quick Edit page.
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    errors = _useState2[0],
-    setErrors = _useState2[1];
-  var resetQuickEditErrors = function resetQuickEditErrors() {
+  const [errors, setErrors] = (0, _react.useState)(null);
+  const resetQuickEditErrors = () => {
     // By setting errors to 'null' here we go back to using
     // whatever topLevelErrors are passed in for us.
     setErrors(null);
   };
-  var addErrors = function addErrors(addedErrors) {
-    var newErrors = errors !== null && errors !== void 0 ? errors : [];
-    setErrors(newErrors.concat(addedErrors));
+  const addErrors = addedErrors => {
+    setErrors(prev => {
+      const newErrors = prev !== null && prev !== void 0 ? prev : [];
+      return newErrors.concat(addedErrors);
+    });
   };
 
   // This validate is only used by the Quick Edit page
   // on the Summary Card.
-  var validate = {
-    page: function page(_page) {
-      var pageErrors = _utils.default.Validate.page(_page);
-      setErrors(pageErrors);
-      return pageErrors;
+  const validate = {
+    page: page => {
+      const pageErrors = _utils.default.Validate.page(page);
+      const allErrors = hooks.onValidate(page, pageErrors);
+      setErrors(allErrors);
+      return allErrors;
     }
   };
   return /*#__PURE__*/_react.default.createElement(_ValidationContext.ValidationContext.Provider, {
     value: {
-      addErrors: addErrors,
+      addErrors,
       errors: errors === null ? [].concat(initialErrors) : errors,
-      resetQuickEditErrors: resetQuickEditErrors,
-      validate: validate
+      resetQuickEditErrors,
+      clearTopLevelErrorsForCard,
+      validate
     }
   }, children);
 };
@@ -64,6 +68,7 @@ var _default = exports.default = SummaryCardValidationContextProvider;
 SummaryCardValidationContextProvider.propTypes = {
   entryId: _propTypes.default.string.isRequired,
   topLevelErrors: _propTypes.default.arrayOf(_propTypes.default.shape({})),
+  clearTopLevelErrorsForCard: _propTypes.default.func.isRequired,
   children: _propTypes.default.node
 };
 SummaryCardValidationContextProvider.defaultProps = {