@ukhomeoffice/cop-react-form-renderer 5.83.1 → 5.83.3

package/dist/components/CollectionSummary/RenderListView.js

@@ -8,7 +8,7 @@ var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _utils = _interopRequireDefault(require("../../utils"));
-var _getComponentRowForCYA = _interopRequireDefault(require("../../utils/CheckYourAnswers/getComponentRowForCYA"));
+var _getSummaryListRowForDetails = _interopRequireDefault(require("../../utils/CheckYourAnswers/getSummaryListRowForDetails"));
 var _Condition = _interopRequireDefault(require("../../utils/Condition"));
 require("./RenderListView.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -95,7 +95,7 @@ var RenderListView = function RenderListView(_ref) {
           if (!component) {
             return null;
           }
-          return (0, _getComponentRowForCYA.default)(childPage, component, listClass, entryData);
+          return (0, _getSummaryListRowForDetails.default)(childPage, component, listClass, entryData);
         });
       }
       return null;

package/dist/components/CollectionSummary/SummaryCardDetails.js

@@ -8,7 +8,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _utils = _interopRequireDefault(require("../../utils"));
 var _models = require("../../models");
-var _getComponentRowForCYA = _interopRequireDefault(require("../../utils/CheckYourAnswers/getComponentRowForCYA"));
+var _getSummaryListRowForDetails = _interopRequireDefault(require("../../utils/CheckYourAnswers/getSummaryListRowForDetails"));
 var _getCYARowsForCollection = _interopRequireDefault(require("../../utils/CheckYourAnswers/getCYARowsForCollection"));
 var _getCYARowsForContainer = _interopRequireDefault(require("../../utils/CheckYourAnswers/getCYARowsForContainer"));
 var _showComponent = _interopRequireDefault(require("../../utils/Component/showComponent"));
@@ -72,7 +72,7 @@ var SummaryCardDetails = function SummaryCardDetails(_ref) {
               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), {
+              return (0, _getSummaryListRowForDetails.default)(childPage, _objectSpread(_objectSpread({}, subComponent), {
                 label: subComponent.key
               }), classes, modEntry);
             }));
@@ -82,6 +82,7 @@ var SummaryCardDetails = function SummaryCardDetails(_ref) {
               formData: _objectSpread(_objectSpread({}, childPage.formData), entryData)
             }), component, entryData[component.id]);
             rowIndex += 1;
+            var collectionHeadingIndex = 0;
             return /*#__PURE__*/_react.default.createElement("div", {
               key: fieldId,
               className: classes('field'),
@@ -93,9 +94,21 @@ var SummaryCardDetails = function SummaryCardDetails(_ref) {
               var _entryData$component$2;
               // Put value for current subComponent at the top level
               var modEntry = _objectSpread(_objectSpread({}, entryData), _defineProperty({}, subComponent.fieldId, (_entryData$component$2 = entryData[component.fieldId]) === null || _entryData$component$2 === void 0 ? void 0 : _entryData$component$2[subComponent.fieldId]));
-              return (0, _getComponentRowForCYA.default)(childPage, _objectSpread(_objectSpread({}, subComponent), {
+              var rowContent = (0, _getSummaryListRowForDetails.default)(childPage, _objectSpread(_objectSpread({}, subComponent), {
                 label: subComponent.key
               }), classes, modEntry);
+              // Because collections are flat, we need to identify the subsequent titles (2, 3, 4... etc) in order to apply appropriate spacing
+              if (subComponent.type === 'title') {
+                collectionHeadingIndex += 1;
+                if (collectionHeadingIndex > 1) {
+                  return /*#__PURE__*/_react.default.createElement("div", {
+                    style: {
+                      marginTop: '40px'
+                    }
+                  }, rowContent);
+                }
+              }
+              return rowContent;
             }));
           }
           rowIndex += 1;
@@ -106,7 +119,7 @@ var SummaryCardDetails = function SummaryCardDetails(_ref) {
               '--column': columnIndex + 1,
               '--row': rowIndex
             }
-          }, (0, _getComponentRowForCYA.default)(childPage, component, classes, entryData));
+          }, (0, _getSummaryListRowForDetails.default)(childPage, component, classes, entryData));
         });
       }).filter(function (e) {
         return !!e;

package/dist/components/CollectionSummary/SummaryCardDetails.scss

@@ -15,6 +15,10 @@ $govuk-font-family: 'Roboto', arial, sans-serif;
     }
   }
 
+  &__field {
+    margin-bottom: govuk-spacing(6);
+  }
+
   &__key {
     font-weight: bold;
     margin: govuk-spacing(2) 0 govuk-spacing(1) 0;
@@ -153,6 +157,11 @@ $govuk-font-family: 'Roboto', arial, sans-serif;
 
 @media (max-width: 640px) {
   .hods-form-summary-card-details {
+
+    &__title {
+      margin-top: govuk-spacing(8)
+    }
+
     &__section {
       &-content {
         display: block;

package/dist/utils/CheckYourAnswers/{getComponentRowForCYA.js → getSummaryListRowForDetails.js}

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Answer = _interopRequireDefault(require("../../components/CheckYourAnswers/Answer"));
 var _SummaryListRow = _interopRequireDefault(require("../../components/SummaryList/SummaryListRow"));
+var _SummaryListTitleRow = _interopRequireDefault(require("../../components/SummaryList/SummaryListTitleRow"));
 var _getCYARow = _interopRequireDefault(require("./getCYARow"));
 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); }
@@ -15,12 +16,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); } // Local imports
-var getComponentRowForCYA = function getComponentRowForCYA(page, component, customClasses, entryData) {
+var getSummaryListRowForDetails = function getSummaryListRowForDetails(page, component, customClasses, entryData) {
   var modifiedPage = _objectSpread(_objectSpread({}, page), {}, {
     formData: _objectSpread(_objectSpread({}, page.formData), entryData)
   });
   var row = (0, _getCYARow.default)(modifiedPage, component);
-  return /*#__PURE__*/_react.default.createElement(_SummaryListRow.default, {
+  return component.type === 'title' ? /*#__PURE__*/_react.default.createElement(_SummaryListTitleRow.default, {
+    title: component.key,
+    classes: customClasses
+  }) : /*#__PURE__*/_react.default.createElement(_SummaryListRow.default, {
     key: "".concat(row.fieldId),
     row: {
       key: row.key,
@@ -34,4 +38,4 @@ var getComponentRowForCYA = function getComponentRowForCYA(page, component, cust
     classes: customClasses
   });
 };
-var _default = exports.default = getComponentRowForCYA;
+var _default = exports.default = getSummaryListRowForDetails;

package/package.json

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