@ukhomeoffice/cop-react-form-renderer 5.49.2 → 5.49.3-alpha

package/dist/components/CollectionSummary/RenderListView.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.DEFAULT_TITLE = exports.DEFAULT_EDIT_LABEL = exports.DEFAULT_DUPLICATE_BUTTON_LABEL = exports.DEFAULT_DETAILS_TITLE = exports.DEFAULT_DELETE_BUTTON_LABEL = exports.DEFAULT_CLASS = exports.DEFAULT_CHANGE_BUTTON_LABEL = exports.DEFAULT_CHANGE_BUTTON_CLASS = void 0;
+exports.default = exports.DEFAULT_TITLE = exports.DEFAULT_LIST_CLASS = exports.DEFAULT_DELETE_BUTTON_LABEL = exports.DEFAULT_DELETE_BUTTON_CLASS = exports.DEFAULT_CLASS = exports.DEFAULT_CHANGE_BUTTON_LABEL = exports.DEFAULT_CHANGE_BUTTON_CLASS = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
-var _SummaryListRow = _interopRequireDefault(require("../SummaryList/SummaryListRow"));
 var _utils = _interopRequireDefault(require("../../utils"));
+var _SummaryListRow = _interopRequireDefault(require("../SummaryList/SummaryListRow"));
 require("./RenderListView.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Global imports.
@@ -17,71 +17,76 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // Styles.
 
-var DEFAULT_CLASS = exports.DEFAULT_CLASS = 'hods-form-summary-card';
+var DEFAULT_CLASS = exports.DEFAULT_CLASS = 'govuk-summary-card';
+var DEFAULT_LIST_CLASS = exports.DEFAULT_LIST_CLASS = 'govuk-summary-list';
 var DEFAULT_TITLE = exports.DEFAULT_TITLE = 'Item';
 var DEFAULT_CHANGE_BUTTON_LABEL = exports.DEFAULT_CHANGE_BUTTON_LABEL = 'Change';
 var DEFAULT_DELETE_BUTTON_LABEL = exports.DEFAULT_DELETE_BUTTON_LABEL = 'Delete';
-var DEFAULT_EDIT_LABEL = exports.DEFAULT_EDIT_LABEL = 'Quick Edit';
-var DEFAULT_DUPLICATE_BUTTON_LABEL = exports.DEFAULT_DUPLICATE_BUTTON_LABEL = 'Duplicate';
-var DEFAULT_DETAILS_TITLE = exports.DEFAULT_DETAILS_TITLE = 'Full details';
 var DEFAULT_CHANGE_BUTTON_CLASS = exports.DEFAULT_CHANGE_BUTTON_CLASS = 'secondary';
+var DEFAULT_DELETE_BUTTON_CLASS = exports.DEFAULT_DELETE_BUTTON_CLASS = 'warning';
 var RenderListView = function RenderListView(_ref) {
-  var _config$changeAction2, _config$changeAction3, _config$deleteAction, _masterPage$childPage;
+  var _masterPage$childPage;
   var id = _ref.id,
     entryData = _ref.entryData,
     config = _ref.config,
     onChange = _ref.onChange,
     onDelete = _ref.onDelete,
-    masterPage = _ref.masterPage;
+    masterPage = _ref.masterPage,
+    classModifiers = _ref.classModifiers;
+  var classes = _copReactComponents.Utils.classBuilder(DEFAULT_CLASS, classModifiers);
+  var listClass = _copReactComponents.Utils.classBuilder(DEFAULT_LIST_CLASS);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "govuk-summary-card",
+    className: classes(),
     id: id
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "govuk-summary-card__title-wrapper dark"
+    className: classes('title-wrapper', [], 'dark')
   }, /*#__PURE__*/_react.default.createElement("h2", {
-    className: "govuk-summary-card__title"
+    className: classes('title')
   }, _copReactComponents.Utils.interpolateString(config.title || DEFAULT_TITLE, entryData)), /*#__PURE__*/_react.default.createElement("ul", {
-    className: "govuk-summary-card__actions"
+    className: classes('actions')
   }, /*#__PURE__*/_react.default.createElement("li", {
-    className: "govuk-summary-card__action"
+    className: classes('action')
   }, config.changeAction && typeof onChange === 'function' && /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
     id: "".concat(id, ".changeButton"),
     onClick: function onClick() {
-      var _config$changeAction;
-      return onChange((_config$changeAction = config.changeAction) === null || _config$changeAction === void 0 ? void 0 : _config$changeAction.page, entryData.id);
+      return onChange(config.changeAction.page, entryData.id);
     },
-    classModifiers: ((_config$changeAction2 = config.changeAction) === null || _config$changeAction2 === void 0 ? void 0 : _config$changeAction2.classModifiers) || DEFAULT_CHANGE_BUTTON_CLASS
-  }, ((_config$changeAction3 = config.changeAction) === null || _config$changeAction3 === void 0 ? void 0 : _config$changeAction3.label) || DEFAULT_CHANGE_BUTTON_LABEL)), /*#__PURE__*/_react.default.createElement("li", {
-    className: "govuk-summary-card__action"
+    classModifiers: config.changeAction.classModifiers || DEFAULT_CHANGE_BUTTON_CLASS
+  }, config.changeAction.label || DEFAULT_CHANGE_BUTTON_LABEL)), /*#__PURE__*/_react.default.createElement("li", {
+    className: classes('action')
   }, config.deleteAction && typeof onDelete === 'function' && /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
     id: "".concat(id, ".deleteButton"),
     onClick: function onClick() {
       return onDelete(entryData);
     },
-    classModifiers: "secondary"
-  }, ((_config$deleteAction = config.deleteAction) === null || _config$deleteAction === void 0 ? void 0 : _config$deleteAction.label) || DEFAULT_DELETE_BUTTON_LABEL)))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "govuk-summary-card__content"
+    classModifiers: config.deleteAction.classModifiers || DEFAULT_DELETE_BUTTON_CLASS
+  }, config.deleteAction.label || DEFAULT_DELETE_BUTTON_LABEL)))), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes('content')
   }, /*#__PURE__*/_react.default.createElement("dl", {
-    className: "govuk-summary-list"
+    className: listClass()
   }, masterPage === null || masterPage === void 0 || (_masterPage$childPage = masterPage.childPages) === null || _masterPage$childPage === void 0 ? void 0 : _masterPage$childPage.flatMap(function (childPage) {
     var _childPage$summaryLay;
-    return (_childPage$summaryLay = childPage.summaryLayout) === null || _childPage$summaryLay === void 0 ? void 0 : _childPage$summaryLay.sections.flatMap(function (section) {
+    return (_childPage$summaryLay = childPage.summaryLayout) === null || _childPage$summaryLay === void 0 || (_childPage$summaryLay = _childPage$summaryLay.sections) === null || _childPage$summaryLay === void 0 ? void 0 : _childPage$summaryLay.flatMap(function (section) {
       var _section$fields;
       return (_section$fields = section.fields) === null || _section$fields === void 0 ? void 0 : _section$fields.map(function (fieldId) {
-        var component = _utils.default.Component.elevateNested(childPage === null || childPage === void 0 ? void 0 : childPage.components, entryData).find(function (comp) {
+        var _FrUtils$Component$el;
+        var component = (_FrUtils$Component$el = _utils.default.Component.elevateNested(childPage.components, entryData)) === null || _FrUtils$Component$el === void 0 ? void 0 : _FrUtils$Component$el.find(function (comp) {
           return comp.fieldId === fieldId;
         });
-        return component ? /*#__PURE__*/_react.default.createElement(_SummaryListRow.default, {
+        if (!component) {
+          return null;
+        }
+        return /*#__PURE__*/_react.default.createElement(_SummaryListRow.default, {
           key: fieldId,
           row: {
             key: component.label,
-            value: _copReactComponents.Utils.interpolateString(entryData[component === null || component === void 0 ? void 0 : component.fieldId], entryData),
+            value: _copReactComponents.Utils.interpolateString(entryData[component.fieldId], entryData),
             required: component.required
           },
           classes: function classes(element) {
-            return "govuk-summary-list__".concat(element);
+            return listClass(element);
           }
-        }) : null;
+        });
       });
     });
   }))));
@@ -93,26 +98,16 @@ RenderListView.propTypes = {
     index: _propTypes.default.number.isRequired
   }).isRequired,
   config: _propTypes.default.shape({
-    banners: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({})])),
     title: _propTypes.default.string,
-    details: _propTypes.default.string,
     changeAction: _propTypes.default.shape({
       label: _propTypes.default.string,
       page: _propTypes.default.string.isRequired,
       classModifiers: _propTypes.default.string
     }),
     deleteAction: _propTypes.default.shape({
-      label: _propTypes.default.string
-    }),
-    duplicateAction: _propTypes.default.shape({
-      label: _propTypes.default.string
-    }),
-    quickEdit: _propTypes.default.shape({
-      components: _propTypes.default.arrayOf(_propTypes.default.shape({
-        use: _propTypes.default.string
-      }))
+      label: _propTypes.default.string,
+      classModifiers: _propTypes.default.string
     }),
-    detailsTitle: _propTypes.default.string,
     listView: _propTypes.default.bool
   }).isRequired,
   onChange: _propTypes.default.func.isRequired,
@@ -121,6 +116,10 @@ RenderListView.propTypes = {
     childPages: _propTypes.default.arrayOf(_propTypes.default.shape({
       components: _propTypes.default.arrayOf(_propTypes.default.shape())
     })).isRequired
-  }).isRequired
+  }).isRequired,
+  classModifiers: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)])
+};
+RenderListView.defaultProps = {
+  classModifiers: null
 };
 var _default = exports.default = RenderListView;

package/dist/components/CollectionSummary/RenderListView.scss

@@ -1,8 +1,265 @@
 $govuk-font-family: 'Roboto', arial, sans-serif;
 
 @import "node_modules/govuk-frontend/govuk/_base";
-@import "node_modules/govuk-frontend/govuk/components/summary-list/_index";
 
-.govuk-summary-card__title-wrapper.dark {
-  background-color: #D1D1D1;
-}
+.govuk-summary-list {
+  @include govuk-font($size: 19);
+  @include govuk-text-colour;
+  @include govuk-media-query($from: tablet) {
+    display: table;
+    width: 100%;
+    table-layout: fixed; // Required to allow us to wrap words that overflow.
+    border-collapse: collapse;
+  }
+  margin: 0; // Reset default user agent styles
+  @include govuk-responsive-margin(6, "bottom");
+}
+
+.govuk-summary-list__row {
+  border-bottom: 1px solid $govuk-border-colour;
+
+  @include govuk-media-query($until: tablet) {
+    margin-bottom: govuk-spacing(3);
+  }
+  @include govuk-media-query($from: tablet) {
+    display: table-row;
+  }
+}
+
+// Remove right padding from the last column in the row
+.govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {
+  padding-right: 0;
+}
+
+// Provide an empty 'cell' for rows that don't have actions – otherwise the
+// bottom border is not drawn for that part of the row in some browsers.
+.govuk-summary-list__row--no-actions {
+  @include govuk-media-query($from: tablet) {
+    &::after {
+      content: "";
+      display: table-cell;
+      width: 20%;
+    }
+  }
+}
+
+.govuk-summary-list__key,
+.govuk-summary-list__value,
+.govuk-summary-list__actions {
+  margin: 0; // Reset default user agent styles
+
+  @include govuk-media-query($from: tablet) {
+    display: table-cell;
+    padding-top: govuk-spacing(2);
+    padding-right: govuk-spacing(4);
+    padding-bottom: govuk-spacing(2);
+  }
+}
+
+.govuk-summary-list__actions {
+  margin-bottom: govuk-spacing(3);
+  @include govuk-media-query($from: tablet) {
+    width: 20%;
+    text-align: right;
+  }
+}
+
+.govuk-summary-list__key,
+.govuk-summary-list__value {
+  // Automatic wrapping for unbreakable text (e.g. URLs)
+  word-wrap: break-word; // Fallback for older browsers only
+  overflow-wrap: break-word;
+}
+
+.govuk-summary-list__key {
+  margin-bottom: govuk-spacing(1);
+  @include govuk-typography-weight-bold;
+  @include govuk-media-query($from: tablet) {
+    width: 30%;
+  }
+}
+
+.govuk-summary-list__value {
+  @include govuk-media-query($until: tablet) {
+    margin-bottom: govuk-spacing(3);
+  }
+}
+
+.govuk-summary-list__value > p {
+  margin-bottom: govuk-spacing(2);
+}
+
+.govuk-summary-list__value > :last-child {
+  margin-bottom: 0;
+}
+
+.govuk-summary-list__actions-list {
+  width: 100%;
+  margin: 0; // Reset default user agent styles
+  padding: 0; // Reset default user agent styles
+}
+
+.govuk-summary-list__actions-list-item {
+  display: inline-block;
+}
+
+@include govuk-media-query($until: tablet) {
+  .govuk-summary-list__actions-list-item {
+    margin-right: govuk-spacing(2);
+    padding-right: govuk-spacing(2);
+    border-right: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-summary-list__actions-list-item:last-child {
+    margin-right: 0;
+    padding-right: 0;
+    border: 0;
+  }
+}
+
+@include govuk-media-query($from: tablet) {
+  .govuk-summary-list__actions-list-item {
+    margin-left: govuk-spacing(2);
+    padding-left: govuk-spacing(2);
+  }
+
+  .govuk-summary-list__actions-list-item:not(:first-child) {
+    border-left: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-summary-list__actions-list-item:first-child {
+    margin-left: 0;
+    padding-left: 0;
+    border: 0;
+  }
+}
+
+.govuk-summary-list__actions-list-item .govuk-link:focus {
+  isolation: isolate;
+}
+
+// No border on entire summary list
+.govuk-summary-list--no-border {
+  .govuk-summary-list__row {
+    border: 0;
+  }
+
+  // Increase padding by 1px to compensate for 'missing' border
+  @include govuk-media-query($from: tablet) {
+    .govuk-summary-list__key,
+    .govuk-summary-list__value,
+    .govuk-summary-list__actions {
+      padding-bottom: govuk-spacing(2) + 1px;
+    }
+  }
+}
+
+// No border on specific rows
+.govuk-summary-list__row--no-border {
+  border: 0;
+
+  // Increase padding by 1px to compensate for 'missing' border
+  @include govuk-media-query($from: tablet) {
+    .govuk-summary-list__key,
+    .govuk-summary-list__value,
+    .govuk-summary-list__actions {
+      padding-bottom: govuk-spacing(2) + 1px;
+    }
+  }
+}
+
+// Additional block for the summary card
+.govuk-summary-card {
+  @include govuk-responsive-margin(6, "bottom");
+}
+
+.govuk-summary-card__title-wrapper {
+  padding: govuk-spacing(3);
+
+  // Ensures the card header appears separate to the summary list in forced colours mode
+  border-bottom: 1px solid transparent;
+  background-color: govuk-colour("mid-grey");
+
+  @include govuk-media-query($from: "tablet") {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+    padding: govuk-spacing(3) govuk-spacing(4);
+  }
+  &.dark {
+    background-color: #D1D1D1;
+  }
+}
+
+.govuk-summary-card__title {
+  @include govuk-font($size: 19, $weight: bold);
+  @include govuk-text-colour;
+  margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;
+
+  @include govuk-media-query($from: "tablet") {
+    margin-bottom: govuk-spacing(1);
+  }
+}
+
+.govuk-summary-card__actions {
+  @include govuk-typography-responsive($size: 19);
+  @include govuk-typography-weight-bold;
+  display: flex;
+  flex-wrap: wrap;
+  row-gap: 10px;
+  margin: govuk-spacing(1) 0;
+  padding: 0;
+  list-style: none;
+
+  @include govuk-media-query($from: "tablet") {
+    justify-content: right;
+    text-align: right;
+  }
+}
+
+.govuk-summary-card__action {
+  display: inline;
+  margin: 0 govuk-spacing(2) 0 0;
+  padding-right: govuk-spacing(2);
+  border-right: 1px solid $govuk-border-colour;
+
+  @include govuk-media-query($from: "tablet") {
+    margin-right: 0;
+  }
+
+  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+    margin-bottom: govuk-spacing(1);
+  }
+}
+
+.govuk-summary-card__action:last-child {
+  margin: 0;
+  padding-right: 0;
+  border-right: none;
+
+  @include govuk-media-query($from: "tablet") {
+    padding-left: govuk-spacing(2);
+  }
+
+  // See above comment for why this is here
+  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+    margin-bottom: 0;
+  }
+}
+
+.govuk-summary-card__content {
+  padding: govuk-spacing(3) govuk-spacing(3) 0;
+
+  @include govuk-media-query($from: "tablet") {
+    padding: govuk-spacing(3) govuk-spacing(4);
+  }
+
+  .govuk-summary-list {
+    margin-bottom: 0;
+  }
+
+  .govuk-summary-list__row:last-of-type {
+    margin-bottom: 0;
+    border-bottom: none;
+  }
+}

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

@@ -1,7 +1,7 @@
 "use strict";
 
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
+var _react = require("@testing-library/react");
+var _react2 = _interopRequireDefault(require("react"));
 var _setupTests = require("../../setupTests");
 var _RenderListView = _interopRequireDefault(require("./RenderListView"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -35,24 +35,33 @@ describe('components.CollectionSummary.RenderListView', function () {
   };
   var CONFIG = {
     title: 'Title text',
-    listView: true
-    // ...other config properties
+    listView: true,
+    changeAction: {
+      label: 'Change label',
+      page: 'testPage'
+    },
+    deleteAction: {
+      label: 'Delete label'
+    }
   };
-
   var ID = 'testListView';
   var onChangeArgs = [];
+  var onChangeCalls = 0;
   var ON_CHANGE = function ON_CHANGE(page, id) {
     onChangeArgs.push({
       page: page,
       id: id
     });
+    onChangeCalls += 1;
   };
   beforeEach(function () {
     onChangeArgs = [];
   });
   var onDeleteArgs = [];
+  var onDeleteCalls = 0;
   var ON_DELETE = function ON_DELETE(entry) {
     onDeleteArgs.push(entry);
+    onDeleteCalls += 1;
   };
   beforeEach(function () {
     onDeleteArgs = [];
@@ -66,7 +75,7 @@ describe('components.CollectionSummary.RenderListView', function () {
     return listViewDiv;
   };
   it('should correctly render RenderListView component', function () {
-    var _renderWithValidation = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_RenderListView.default, {
+    var _renderWithValidation = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_RenderListView.default, {
         id: ID,
         entryData: ENTRY,
         config: CONFIG,
@@ -85,7 +94,7 @@ describe('components.CollectionSummary.RenderListView', function () {
 
     // Logic to check the rendered rows
     var rows = container.querySelectorAll('.govuk-summary-list__row');
-    expect(rows.length).toEqual(2); // Expecting two rows as per MOCK_MASTER_PAGE
+    expect(rows.length).toEqual(2);
 
     // Check the first row
     var firstRowKey = rows[0].querySelector('.govuk-summary-list__key');
@@ -99,92 +108,42 @@ describe('components.CollectionSummary.RenderListView', function () {
     expect(secondRowKey.textContent).toEqual('Item 2 (optional)');
     expect(secondRowValue.textContent).toEqual(ENTRY.item2);
   });
-});
-describe('Action buttons in RenderListView', function () {
-  var ID = 'testListView';
-  var onChangeArgs = [];
-  var onChangeCalls = 0;
-  var ON_CHANGE = function ON_CHANGE(page, id) {
-    onChangeArgs.push({
-      page: page,
-      id: id
+  describe('Action buttons in RenderListView', function () {
+    beforeEach(function () {
+      onChangeArgs = [];
+      onChangeCalls = 0;
+      onDeleteArgs = [];
+      onDeleteCalls = 0;
     });
-    onChangeCalls += 1;
-  };
-  var onDeleteArgs = [];
-  var onDeleteCalls = 0;
-  var ON_DELETE = function ON_DELETE(entry) {
-    onDeleteArgs.push(entry);
-    onDeleteCalls += 1;
-  };
-  beforeEach(function () {
-    onChangeArgs = [];
-    onChangeCalls = 0;
-    onDeleteArgs = [];
-    onDeleteCalls = 0;
-  });
-  var ENTRY = {
-    id: '001',
-    item1: 'Value 1',
-    item2: 'Value 2',
-    index: 0
-  };
-  var MASTER_PAGE = {
-    childPages: [{
-      summaryLayout: {
-        sections: [{
-          fields: ['item1', 'item2']
-        }]
-      },
-      components: [{
-        fieldId: 'item1',
-        label: 'Item 1',
-        required: true
-      }, {
-        fieldId: 'item2',
-        label: 'Item 2'
-      }]
-    }]
-  };
-  var CONFIG = {
-    title: 'Title text',
-    listView: true,
-    changeAction: {
-      label: 'Change label',
-      page: 'testPage'
-    },
-    deleteAction: {
-      label: 'Delete label'
-    }
-  };
-  it('should render and handle action buttons correctly', function () {
-    var _renderWithValidation2 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_RenderListView.default, {
-        id: ID,
-        entryData: ENTRY,
-        config: CONFIG,
-        onChange: ON_CHANGE,
-        onDelete: ON_DELETE,
-        masterPage: MASTER_PAGE
-      })),
-      container = _renderWithValidation2.container;
-    var listViewDiv = container.querySelector('.govuk-summary-card');
-    expect(listViewDiv).not.toBeNull();
+    it('should render and handle action buttons correctly', function () {
+      var _renderWithValidation2 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_RenderListView.default, {
+          id: ID,
+          entryData: ENTRY,
+          config: CONFIG,
+          onChange: ON_CHANGE,
+          onDelete: ON_DELETE,
+          masterPage: MASTER_PAGE
+        })),
+        container = _renderWithValidation2.container;
+      var listViewDiv = container.querySelector('.govuk-summary-card');
+      expect(listViewDiv).not.toBeNull();
 
-    // Check for change button
-    var changeButton = listViewDiv.querySelector('[id$=".changeButton"]');
-    expect(changeButton.textContent).toEqual(CONFIG.changeAction.label);
-    _react2.fireEvent.click(changeButton, {});
-    expect(onChangeCalls).toEqual(1);
-    expect(onChangeArgs[0]).toMatchObject({
-      page: CONFIG.changeAction.page,
-      id: ENTRY.id
-    });
+      // Check for change button
+      var changeButton = listViewDiv.querySelector('[id$=".changeButton"]');
+      expect(changeButton.textContent).toEqual(CONFIG.changeAction.label);
+      _react.fireEvent.click(changeButton, {});
+      expect(onChangeCalls).toEqual(1);
+      expect(onChangeArgs[0]).toMatchObject({
+        page: CONFIG.changeAction.page,
+        id: ENTRY.id
+      });
 
-    // Check for delete button
-    var deleteButton = listViewDiv.querySelector('[id$=".deleteButton"]');
-    expect(deleteButton.textContent).toEqual(CONFIG.deleteAction.label);
-    _react2.fireEvent.click(deleteButton, {});
-    expect(onDeleteCalls).toEqual(1);
-    expect(onDeleteArgs[0]).toEqual(ENTRY);
+      // Check for delete button
+      var deleteButton = listViewDiv.querySelector('[id$=".deleteButton"]');
+      expect(deleteButton.textContent).toEqual(CONFIG.deleteAction.label);
+      _react.fireEvent.click(deleteButton, {});
+      expect(onDeleteCalls).toEqual(1);
+      expect(onDeleteArgs[0]).toEqual(ENTRY);
+    });
   });
 });

package/dist/components/CollectionSummary/SummaryCard.js

@@ -8,11 +8,11 @@ exports.default = exports.DEFAULT_TITLE = exports.DEFAULT_EDIT_LABEL = exports.D
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-var _getQuickEditPage = _interopRequireDefault(require("../../utils/CollectionPage/getQuickEditPage"));
 var _utils = _interopRequireDefault(require("../../utils"));
+var _getQuickEditPage = _interopRequireDefault(require("../../utils/CollectionPage/getQuickEditPage"));
 var _hooks = require("../../hooks");
-var _FormPage = _interopRequireDefault(require("../FormPage"));
 var _FormComponent = _interopRequireDefault(require("../FormComponent"));
+var _FormPage = _interopRequireDefault(require("../FormPage"));
 var _BannerStrip = _interopRequireDefault(require("./BannerStrip"));
 var _RenderListView = _interopRequireDefault(require("./RenderListView"));
 require("./SummaryCard.scss");

package/package.json

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