@ukhomeoffice/cop-react-form-renderer 5.95.0 → 5.97.0

package/dist/utils/FormPage/useComponent.js

@@ -53,6 +53,17 @@ var getComponentToUse = function getComponentToUse(toUse, formComponents) {
     } else {
       wrapper = component;
     }
+
+    // this allows us to have the 'use: component' functionality inside item array
+    if (component.item && Array.isArray(component.item)) {
+      component.item = component.item.map(function (item) {
+        if (item.use) {
+          // eslint-disable-next-line no-use-before-define
+          return useComponent(item, formComponents);
+        }
+        return item;
+      });
+    }
     return wrapper;
   }
 

package/dist/utils/FormPage/useComponent.test.js

@@ -175,6 +175,42 @@ describe('utils', function () {
           label: TO_USE.label
         }));
       });
+      it('should handle nested use references within item', function () {
+        var SEARCH_METHOD = {
+          id: 'searchMethod',
+          label: 'Search Method',
+          type: _models.ComponentTypes.TEXT
+        };
+        var SEARCH_TECHNIQUES = {
+          id: 'searchTechniques',
+          label: 'Search Techniques',
+          type: _models.ComponentTypes.CONTAINER,
+          item: [{
+            use: 'searchMethod',
+            data: {
+              url: 'https://api.example.com/searchtype'
+            }
+          }]
+        };
+        var EXTENDED_FORM_COMPONENTS = [].concat(FORM_COMPONENTS, [SEARCH_METHOD, SEARCH_TECHNIQUES]);
+        var TO_USE = {
+          use: 'searchTechniques'
+        };
+        var expectedComponent = _objectSpread(_objectSpread({
+          use: 'searchTechniques'
+        }, SEARCH_TECHNIQUES), {}, {
+          cya_label: SEARCH_TECHNIQUES.label,
+          item: [_objectSpread(_objectSpread({
+            use: 'searchMethod'
+          }, SEARCH_METHOD), {}, {
+            cya_label: SEARCH_METHOD.label,
+            data: {
+              url: 'https://api.example.com/searchtype'
+            }
+          })]
+        });
+        expect((0, _useComponent.default)(TO_USE, EXTENDED_FORM_COMPONENTS)).toEqual(expectedComponent);
+      });
     });
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/cop-react-form-renderer",
-  "version": "5.95.0",
+  "version": "5.97.0",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",
@@ -16,7 +16,7 @@
     "post-compile": "rimraf dist/*.test.* dist/**/*.test.* dist/**/*.stories.* dist/docs dist/assets"
   },
   "dependencies": {
-    "@ukhomeoffice/cop-react-components": "3.24.1",
+    "@ukhomeoffice/cop-react-components": "3.24.3",
     "axios": "^0.23.0",
     "dayjs": "^1.11.0",
     "govuk-frontend": "^4.3.1",