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

package/dist/components/CollectionSummary/SummaryCardDetails.js

@@ -12,51 +12,46 @@ var _getComponentRowForCYA = _interopRequireDefault(require("../../utils/CheckYo
 var _getCYARowsForContainer = _interopRequireDefault(require("../../utils/CheckYourAnswers/getCYARowsForContainer"));
 var _showComponent = _interopRequireDefault(require("../../utils/Component/showComponent"));
 require("./SummaryCardDetails.scss");
-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.
+
 // Styles.
-var DEFAULT_CLASS = exports.DEFAULT_CLASS = 'hods-form-summary-card-details';
-var SummaryCardDetails = function SummaryCardDetails(_ref) {
+
+const DEFAULT_CLASS = exports.DEFAULT_CLASS = 'hods-form-summary-card-details';
+const SummaryCardDetails = _ref => {
   var _masterPage$childPage;
-  var masterPage = _ref.masterPage,
-    childCollections = _ref.childCollections,
-    formData = _ref.formData,
-    entryData = _ref.entryData,
-    classModifiers = _ref.classModifiers,
-    hideChildSectionTitles = _ref.hideChildSectionTitles;
-  var classes = _utils.default.classBuilder(DEFAULT_CLASS, classModifiers);
-  var childMasterPages = (0, _react.useMemo)(function () {
-    return childCollections.map(function (childName) {
-      return masterPage.childPages.find(function (page) {
-        var _page$collection;
-        return ((_page$collection = page.collection) === null || _page$collection === void 0 ? void 0 : _page$collection.name) === childName;
-      });
-    }).filter(function (e) {
-      return !!e;
-    });
-  }, [masterPage, childCollections]);
-  var getSectionContent = function getSectionContent(section, components, childPage) {
-    var columnIndex = 0;
-    return section.columns.flatMap(function (column, index) {
+  let {
+    masterPage,
+    childCollections,
+    formData,
+    entryData,
+    classModifiers,
+    hideChildSectionTitles
+  } = _ref;
+  const classes = _utils.default.classBuilder(DEFAULT_CLASS, classModifiers);
+  const childMasterPages = (0, _react.useMemo)(() => childCollections.map(childName => masterPage.childPages.find(page => {
+    var _page$collection;
+    return ((_page$collection = page.collection) === null || _page$collection === void 0 ? void 0 : _page$collection.name) === childName;
+  })).filter(e => !!e), [masterPage, childCollections]);
+  const getSectionContent = (section, components, childPage) => {
+    let columnIndex = 0;
+    return section.columns.flatMap((column, index) => {
       var _column$fields;
-      var rowIndex = 0;
-      var columnContent = (_column$fields = column.fields) === null || _column$fields === void 0 ? void 0 : _column$fields.flatMap(function (fieldId) {
-        var component = components.find(function (comp) {
-          return comp.fieldId === fieldId;
-        });
-        if (!component || !(0, _showComponent.default)(component, _objectSpread(_objectSpread({}, childPage.formData), entryData))) {
+      let rowIndex = 0;
+      const columnContent = (_column$fields = column.fields) === null || _column$fields === void 0 ? void 0 : _column$fields.flatMap(fieldId => {
+        const component = components.find(comp => comp.fieldId === fieldId);
+        if (!component || !(0, _showComponent.default)(component, {
+          ...childPage.formData,
+          ...entryData
+        })) {
           return null;
         }
         if (component.type === _models.ComponentTypes.CONTAINER) {
-          var containerRows = (0, _getCYARowsForContainer.default)(childPage, component, entryData);
+          const containerRows = (0, _getCYARowsForContainer.default)(childPage, component, entryData);
           rowIndex += 1;
           return /*#__PURE__*/_react.default.createElement("div", {
             key: fieldId,
@@ -65,13 +60,21 @@ var SummaryCardDetails = function SummaryCardDetails(_ref) {
               '--column': columnIndex + 1,
               '--row': rowIndex
             }
-          }, containerRows.map(function (subComponent) {
+          }, containerRows.map(subComponent => {
             var _entryData$component$;
             // Put value for current subcomponent at top level
-            var modEntry = _objectSpread(_objectSpread({}, entryData), _defineProperty({}, subComponent.fieldId, (_entryData$component$ = entryData[component.fieldId]) === null || _entryData$component$ === void 0 ? void 0 : _entryData$component$[subComponent.fieldId]));
-            return (0, _getComponentRowForCYA.default)(childPage, _objectSpread(_objectSpread({}, subComponent), {
-              label: subComponent.key
-            }), classes, modEntry);
+            const modEntry = {
+              ...entryData,
+              ...{
+                [subComponent.fieldId]: (_entryData$component$ = entryData[component.fieldId]) === null || _entryData$component$ === void 0 ? void 0 : _entryData$component$[subComponent.fieldId]
+              }
+            };
+            return (0, _getComponentRowForCYA.default)(childPage, {
+              ...subComponent,
+              ...{
+                label: subComponent.key
+              }
+            }, classes, modEntry);
           }));
         }
         rowIndex += 1;
@@ -83,14 +86,12 @@ var SummaryCardDetails = function SummaryCardDetails(_ref) {
             '--row': rowIndex
           }
         }, (0, _getComponentRowForCYA.default)(childPage, component, classes, entryData));
-      }).filter(function (e) {
-        return !!e;
-      });
+      }).filter(e => !!e);
       // If the column that's just been generated has anything in it
       // then we stick a divider on it's right side. The divider isn't
       // passed rowIndex as it spans all rows. columnIndex is incremented
       // twice to account for the divider column too.
-      var lastColumn = index === section.columns.length - 1;
+      const lastColumn = index === section.columns.length - 1;
       if (!lastColumn && columnContent.length !== 0) {
         columnIndex += 2;
         return [].concat(columnContent, [/*#__PURE__*/_react.default.createElement("div", {
@@ -102,36 +103,38 @@ var SummaryCardDetails = function SummaryCardDetails(_ref) {
         })]);
       }
       return columnContent;
-    }).filter(function (e) {
-      return !!e;
-    });
+    }).filter(e => !!e);
   };
-  return (masterPage === null || masterPage === void 0 || (_masterPage$childPage = masterPage.childPages) === null || _masterPage$childPage === void 0 ? void 0 : _masterPage$childPage.filter(function (p) {
-    return _utils.default.FormPage.show(p, _objectSpread(_objectSpread({}, formData), entryData));
-  }).map(function (childPage) {
+  return (masterPage === null || masterPage === void 0 || (_masterPage$childPage = masterPage.childPages) === null || _masterPage$childPage === void 0 ? void 0 : _masterPage$childPage.filter(p => _utils.default.FormPage.show(p, {
+    ...formData,
+    ...entryData
+  })).map(childPage => {
     var _childPage$summaryLay;
-    var allPageComponents = _utils.default.Component.elevateNested(childPage === null || childPage === void 0 ? void 0 : childPage.components, entryData);
-    return (_childPage$summaryLay = childPage.summaryLayout) === null || _childPage$summaryLay === void 0 ? void 0 : _childPage$summaryLay.sections.map(function (section) {
-      if (section.show_when && !_utils.default.Condition.meetsAll(section.show_when, _objectSpread(_objectSpread({}, formData), entryData))) {
+    const allPageComponents = _utils.default.Component.elevateNested(childPage === null || childPage === void 0 ? void 0 : childPage.components, entryData);
+    return (_childPage$summaryLay = childPage.summaryLayout) === null || _childPage$summaryLay === void 0 ? void 0 : _childPage$summaryLay.sections.map(section => {
+      if (section.show_when && !_utils.default.Condition.meetsAll(section.show_when, {
+        ...formData,
+        ...entryData
+      })) {
         return null;
       }
       if (section.type === 'childCollection') {
-        var childMasterPage = childMasterPages.find(function (p) {
-          return p.collection.name === section.collectionName;
-        });
-        var childFormData = entryData[section.collectionName.split('.').pop()] || [];
+        const childMasterPage = childMasterPages.find(p => p.collection.name === section.collectionName);
+        const childFormData = entryData[section.collectionName.split('.').pop()] || [];
         if (childMasterPage && childFormData.length > 0) {
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
             className: classes('section-title')
-          }, section.title), childFormData.map(function (entry) {
-            return /*#__PURE__*/_react.default.createElement(SummaryCardDetails, {
-              masterPage: childMasterPage,
-              childMasterPages: [],
-              formData: _objectSpread(_objectSpread(_objectSpread({}, formData), entryData), entry),
-              entryData: entry,
-              hideChildSectionTitles: true
-            });
-          }));
+          }, section.title), childFormData.map(entry => /*#__PURE__*/_react.default.createElement(SummaryCardDetails, {
+            masterPage: childMasterPage,
+            childMasterPages: [],
+            formData: {
+              ...formData,
+              ...entryData,
+              ...entry
+            },
+            entryData: entry,
+            hideChildSectionTitles: true
+          })));
         }
         return null;
       }
@@ -147,9 +150,7 @@ var SummaryCardDetails = function SummaryCardDetails(_ref) {
         }
       }, getSectionContent(section, allPageComponents, childPage)));
     });
-  }).filter(function (e) {
-    return !!e;
-  })) || null;
+  }).filter(e => !!e)) || null;
 };
 SummaryCardDetails.propTypes = {
   childCollections: _propTypes.default.arrayOf(_propTypes.default.string),

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,8 +30,8 @@ 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',
@@ -58,36 +55,35 @@ 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 containing containers based on summaryLayout config', function () {
-    var CHILD_PAGES = [{
+  it('should render sections containing containers based on summaryLayout config', () => {
+    const CHILD_PAGES = [{
       summaryLayout: {
         sections: [{
           title: 'Section 1',
@@ -112,7 +108,7 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
         }]
       }]
     }];
-    var CONTAINER_ENTRY = {
+    const CONTAINER_ENTRY = {
       id: '001',
       bannerText: 'A banner',
       titleText: 'A title',
@@ -125,30 +121,29 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
         subThree: 'charlie'
       }
     };
-    var MASTER_PAGE = {
+    const MASTER_PAGE = {
       childPages: CHILD_PAGES
     };
-    var _renderWithValidation2 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
-        masterPage: MASTER_PAGE,
-        childMasterPages: [],
-        formData: {},
-        entryData: CONTAINER_ENTRY
-      })),
-      container = _renderWithValidation2.container;
+    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(function (el) {
-        return el.textContent === text;
-      });
+      return Array.from(parent.getElementsByClassName(classes('section-title'))).find(el => el.textContent === text);
     }
 
     // Check for section title
-    var section1Title = getByTextContent(container, 'Section 1');
+    const section1Title = getByTextContent(container, 'Section 1');
     expect(section1Title).not.toBeUndefined();
 
     // All three subcomponents from the container should have labels and values displayed
-    var section1Content = section1Title.parentNode.querySelector(".".concat(classes('section-content')));
+    const section1Content = section1Title.parentNode.querySelector(".".concat(classes('section-content')));
     expect(section1Content.textContent).toContain('subOneLabel');
     expect(section1Content.textContent).toContain('alpha');
     expect(section1Content.textContent).toContain('subTwoLabel');
@@ -156,8 +151,8 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
     expect(section1Content.textContent).toContain('subThreeLabel');
     expect(section1Content.textContent).toContain('charlie');
   });
-  it('should render sections if they have show_when checks and pass them', function () {
-    var CHILD_PAGES = [{
+  it('should render sections if they have show_when checks and pass them', () => {
+    const CHILD_PAGES = [{
       summaryLayout: {
         sections: [{
           title: 'Section 1',
@@ -186,39 +181,39 @@ 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 _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).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',
@@ -247,37 +242,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: {},
-        entryData: CUSTOM_ENTRY
-      })),
-      container = _renderWithValidation4.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 components 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',
@@ -306,37 +301,36 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
         fieldId: 'fieldC'
       }]
     }];
-    var MASTER_PAGE = {
+    const MASTER_PAGE = {
       childPages: CHILD_PAGES
     };
-    var _renderWithValidation5 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
-        masterPage: MASTER_PAGE,
-        childMasterPages: [],
-        formData: {},
-        entryData: ENTRY
-      })),
-      container = _renderWithValidation5.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(1); // Just Field A, Field B should be hidden.
 
-    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 sections on pages that fail show_when checks', () => {
+    const CHILD_PAGES = [{
       show_when: [{
         field: 'testField',
         op: '=',
@@ -370,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 _renderWithValidation6 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
-        masterPage: MASTER_PAGE,
-        childMasterPages: [],
-        formData: {
-          testField: false
-        },
-        entryData: CUSTOM_ENTRY
-      })),
-      container = _renderWithValidation6.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'
       },
@@ -422,7 +416,7 @@ describe('components.CollectionSummary.SummaryCardDetails', function () {
         }
       }]
     }];
-    var CHILD_PAGES = [{
+    const CHILD_PAGES = [{
       summaryLayout: {
         sections: [{
           type: 'childCollection',
@@ -438,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 _renderWithValidation7 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_SummaryCardDetails.default, {
-        masterPage: MASTER_PAGE,
-        childCollections: CHILD_COLLECTIONS,
-        formData: {},
-        entryData: ENTRY
-      })),
-      container = _renderWithValidation7.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.
   });
 });