@ukhomeoffice/cop-react-form-renderer 3.10.0 → 3.11.0

package/dist/components/FormComponent/FormComponent.js

@@ -68,7 +68,7 @@ var FormComponent = function FormComponent(_ref) {
 
   var validation = (0, _hooks.useValidation)();
 
-  var _useRefData = (0, _hooks.useRefData)(component),
+  var _useRefData = (0, _hooks.useRefData)(component, formData),
       data = _useRefData.data,
       status = _useRefData.status;
 

package/dist/hooks/useRefData.js

@@ -33,6 +33,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var STATUS_LOADING = 'loading';
 exports.STATUS_LOADING = STATUS_LOADING;
 var STATUS_COMPLETE = 'complete';
@@ -48,8 +54,10 @@ var getRefDataUrl = function getRefDataUrl(component) {
   return undefined;
 };
 
-var useRefData = function useRefData(component) {
-  var url = getRefDataUrl(component);
+var useRefData = function useRefData(component, formData) {
+  var url = getRefDataUrl(_objectSpread(_objectSpread({}, component), {}, {
+    formData: formData
+  }));
 
   var _useGetRequest = (0, _useGetRequest2.default)(url),
       _status = _useGetRequest.status,

package/dist/utils/CheckYourAnswers/getCYARowsForCollection.js

@@ -21,6 +21,20 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+var getEntryToCollectionRow = function getEntryToCollectionRow(page, onAction) {
+  return [{
+    pageId: page.id,
+    key: page.components[0].labels.empty || 'Nothing entered',
+    required: page.required,
+    action: {
+      page: page.id,
+      label: "Change",
+      aria_suffix: page.cya_link.aria_suffix,
+      onAction: onAction
+    }
+  }];
+};
+
 var getContainerForItem = function getContainerForItem(collection, item, labelCount, full_path) {
   return {
     id: item.id,
@@ -59,7 +73,7 @@ var getTitleRowForItem = function getTitleRowForItem(collection, item, pageId, l
 };
 
 var getCYARowsForCollection = function getCYARowsForCollection(page, collection, items, onAction) {
-  if (Array.isArray(items) && (0, _showComponentCYA.default)(collection, page.formData)) {
+  if (Array.isArray(items) && items.length && (0, _showComponentCYA.default)(collection, page.formData)) {
     return items.flatMap(function (item, index) {
       var labelCount = (collection.countOffset || 0) + index + 1;
       var full_path = "".concat(collection.full_path || collection.fieldId, "[").concat(index, "]");
@@ -70,7 +84,7 @@ var getCYARowsForCollection = function getCYARowsForCollection(page, collection,
     });
   }
 
-  return [];
+  return getEntryToCollectionRow(page, onAction);
 };
 
 var _default = getCYARowsForCollection;

package/dist/utils/CheckYourAnswers/getCYARowsForCollection.test.js

@@ -15,10 +15,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 describe('utils.CheckYourAnswers.getCYARowsForCollection', function () {
-  it('should get no rows when there are no items', function () {
+  it('should get a single entry point row when there are no items', function () {
     var FORM_DATA = undefined;
     var PAGE = {
       id: 'page',
+      components: [{
+        labels: {
+          add: 'Add'
+        }
+      }],
       formData: FORM_DATA,
       cya_link: {}
     };
@@ -39,7 +44,7 @@ describe('utils.CheckYourAnswers.getCYARowsForCollection', function () {
     var ON_ACTION = function ON_ACTION() {};
 
     var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, undefined, ON_ACTION);
-    expect(ROWS.length).toEqual(0);
+    expect(ROWS.length).toEqual(1);
   });
   it('should get an appropriate row for a collection with a single readonly text component', function () {
     var FORM_DATA = {

package/dist/utils/Data/setupRefDataUrlForComponent.js

@@ -43,6 +43,10 @@ var setupRefDataUrlForComponent = function setupRefDataUrlForComponent(component
       return setupRefDataForCollection(component, data);
     }
 
+    if (component.type === _models.ComponentTypes.SELECT) {
+      return component;
+    }
+
     if (component.data && component.data.url) {
       return _objectSpread(_objectSpread({}, component), {}, {
         data: _objectSpread(_objectSpread({}, component.data), {}, {

package/package.json

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