@ukhomeoffice/cop-react-form-renderer 5.39.1 → 5.41.0

package/dist/components/CollectionSummary/CollectionSummary.js

@@ -38,10 +38,14 @@ var CollectionSummary = function CollectionSummary(_ref) {
     onAction = _ref.onAction,
     onChange = _ref.onChange,
     pages = _ref.pages;
-  var _useState = (0, _react.useState)(null),
+  var _useState = (0, _react.useState)([]),
     _useState2 = _slicedToArray(_useState, 2),
-    entryToDelete = _useState2[0],
-    setEntryToDelete = _useState2[1];
+    duplicatedEntries = _useState2[0],
+    setDuplicatedEntries = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    entryToDelete = _useState4[0],
+    setEntryToDelete = _useState4[1];
   var data = (0, _react.useMemo)(function () {
     return _utils.default.CollectionPage.getData(config.collectionName, formData) || [];
   }, [formData]);
@@ -52,7 +56,21 @@ var CollectionSummary = function CollectionSummary(_ref) {
       return ((_page$collection = page.collection) === null || _page$collection === void 0 ? void 0 : _page$collection.name) === config.collectionName;
     });
   }, [pages]);
+  (0, _react.useEffect)(function () {
+    var storedEntries = localStorage.getItem('duplicatedEntries');
+    if (storedEntries) {
+      setDuplicatedEntries(JSON.parse(storedEntries));
+    }
+  }, []);
+  var removeDuplicatedEntry = function removeDuplicatedEntry(entryId) {
+    var filteredEntries = duplicatedEntries.filter(function (id) {
+      return id !== entryId;
+    });
+    localStorage.setItem('duplicatedEntries', JSON.stringify(filteredEntries));
+    setDuplicatedEntries(filteredEntries);
+  };
   var onSummaryCardChange = function onSummaryCardChange(page, entryId) {
+    removeDuplicatedEntry(entryId);
     if (typeof onAction !== 'function') {
       return;
     }
@@ -67,7 +85,12 @@ var CollectionSummary = function CollectionSummary(_ref) {
   };
   var onDuplicate = function onDuplicate(entry) {
     var _config$card;
-    _utils.default.CollectionPage.duplicateEntry(config.collectionName, formData, entry.id, ((_config$card = config.card) === null || _config$card === void 0 || (_config$card = _config$card.duplicateAction) === null || _config$card === void 0 ? void 0 : _config$card.fieldsToIgnore) || []);
+    var newEntryId = _utils.default.CollectionPage.duplicateEntry(config.collectionName, formData, entry.id, ((_config$card = config.card) === null || _config$card === void 0 || (_config$card = _config$card.duplicateAction) === null || _config$card === void 0 ? void 0 : _config$card.fieldsToIgnore) || []);
+    if (newEntryId) {
+      var newData = [].concat(duplicatedEntries, [newEntryId]);
+      localStorage.setItem('duplicatedEntries', JSON.stringify(newData));
+      setDuplicatedEntries(newData);
+    }
     var parentCollection = config.collectionName.split('.').shift();
     // Report the whole top-level collection as being changed. We have to do this
     // because of how patch is applied to formData on a page submission.
@@ -143,12 +166,14 @@ var CollectionSummary = function CollectionSummary(_ref) {
         return setEntryToDelete(entry);
       },
       pages: pages,
-      onQuickEdit: function onQuickEdit(target) {
-        return onChange(target);
+      onQuickEdit: function onQuickEdit(target, entryId) {
+        removeDuplicatedEntry(entryId);
+        onChange(target);
       },
       parentCollectionName: config.collectionName.split('.').shift(),
       formData: formData,
-      classModifiers: entry === entryToDelete ? ['deleting-summary-card'] : ['']
+      classModifiers: entry === entryToDelete ? ['deleting-summary-card'] : [''],
+      isDuplicated: duplicatedEntries.includes(entry.id)
     });
   }));
 };

package/dist/components/CollectionSummary/SummaryCard.js

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.DEFAULT_TITLE = exports.DEFAULT_EDIT_LABEL = exports.DEFAULT_DUPLICATE_BUTTON_LABEL = exports.DEFAULT_DELETE_BUTTON_LABEL = exports.DEFAULT_CLASS = exports.DEFAULT_CHANGE_BUTTON_LABEL = void 0;
+exports.default = exports.DEFAULT_TITLE = exports.DEFAULT_REMOVE_BUTTON_LABEL = exports.DEFAULT_FULL_EDIT_BUTTON_LABEL = exports.DEFAULT_EDIT_LABEL = exports.DEFAULT_DUPLICATE_BUTTON_LABEL = exports.DEFAULT_DELETE_BUTTON_LABEL = exports.DEFAULT_CLASS = exports.DEFAULT_CHANGE_BUTTON_LABEL = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
@@ -46,8 +46,12 @@ var DEFAULT_EDIT_LABEL = 'Quick Edit';
 exports.DEFAULT_EDIT_LABEL = DEFAULT_EDIT_LABEL;
 var DEFAULT_DUPLICATE_BUTTON_LABEL = 'Duplicate';
 exports.DEFAULT_DUPLICATE_BUTTON_LABEL = DEFAULT_DUPLICATE_BUTTON_LABEL;
+var DEFAULT_FULL_EDIT_BUTTON_LABEL = 'Full edit';
+exports.DEFAULT_FULL_EDIT_BUTTON_LABEL = DEFAULT_FULL_EDIT_BUTTON_LABEL;
+var DEFAULT_REMOVE_BUTTON_LABEL = 'Remove';
+exports.DEFAULT_REMOVE_BUTTON_LABEL = DEFAULT_REMOVE_BUTTON_LABEL;
 var SummaryCard = function SummaryCard(_ref) {
-  var _config$changeAction2, _config$duplicateActi, _config$deleteAction, _masterPage$childPage;
+  var _config$changeAction2, _config$changeAction3, _config$duplicateActi, _config$deleteAction, _config$deleteAction2, _masterPage$childPage;
   var id = _ref.id,
     entryData = _ref.entryData,
     config = _ref.config,
@@ -60,12 +64,13 @@ var SummaryCard = function SummaryCard(_ref) {
     parentCollectionName = _ref.parentCollectionName,
     formData = _ref.formData,
     masterPage = _ref.masterPage,
-    hideDetails = _ref.hideDetails;
-  var classes = _copReactComponents.Utils.classBuilder(DEFAULT_CLASS, classModifiers, '');
+    hideDetails = _ref.hideDetails,
+    isDuplicated = _ref.isDuplicated;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     quickEdit = _useState2[0],
     setQuickEdit = _useState2[1];
+  var classes = _copReactComponents.Utils.classBuilder(DEFAULT_CLASS, classModifiers, isDuplicated ? 'duplicated' : '');
   var quickEditPage = (0, _react.useMemo)(function () {
     return (0, _getQuickEditPage.default)(config.quickEdit, pages, entryData);
   }, [pages, config, entryData]);
@@ -116,7 +121,7 @@ var SummaryCard = function SummaryCard(_ref) {
                   name: parentCollectionName,
                   value: allData
                 }
-              });
+              }, entryData.id);
               setQuickEdit(function (prevState) {
                 return !prevState;
               });
@@ -150,7 +155,7 @@ var SummaryCard = function SummaryCard(_ref) {
     className: classes('header-content-detail')
   }, _copReactComponents.Utils.interpolateString(config.details, entryData))), /*#__PURE__*/_react.default.createElement("div", {
     className: classes('header-actions')
-  }, config.quickEdit && /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
+  }, config.quickEdit && isDuplicated && /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
     id: "".concat(id, ".quickEditButton"),
     onClick: function onClick() {
       return setQuickEdit(function (prevState) {
@@ -165,11 +170,11 @@ var SummaryCard = function SummaryCard(_ref) {
       var _config$changeAction;
       return onChange((_config$changeAction = config.changeAction) === null || _config$changeAction === void 0 ? void 0 : _config$changeAction.page, entryData.id);
     },
-    classModifiers: "secondary"
-  }, ((_config$changeAction2 = config.changeAction) === null || _config$changeAction2 === void 0 ? void 0 : _config$changeAction2.label) || DEFAULT_CHANGE_BUTTON_LABEL), config.duplicateAction && typeof onDuplicate === 'function' && /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
+    classModifiers: isDuplicated ? 'primary' : 'secondary'
+  }, isDuplicated ? ((_config$changeAction2 = config.changeAction) === null || _config$changeAction2 === void 0 ? void 0 : _config$changeAction2.isDuplicateLabel) || DEFAULT_FULL_EDIT_BUTTON_LABEL : ((_config$changeAction3 = config.changeAction) === null || _config$changeAction3 === void 0 ? void 0 : _config$changeAction3.label) || DEFAULT_CHANGE_BUTTON_LABEL), config.duplicateAction && !isDuplicated && typeof onDuplicate === 'function' && /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
     id: "".concat(id, ".duplicateButton"),
     onClick: function onClick() {
-      return onDuplicate(entryData);
+      onDuplicate(entryData);
     },
     classModifiers: "secondary"
   }, ((_config$duplicateActi = config.duplicateAction) === null || _config$duplicateActi === void 0 ? void 0 : _config$duplicateActi.label) || DEFAULT_DUPLICATE_BUTTON_LABEL), config.deleteAction && typeof onDelete === 'function' && /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
@@ -178,7 +183,7 @@ var SummaryCard = function SummaryCard(_ref) {
       return onDelete(entryData);
     },
     classModifiers: "secondary"
-  }, ((_config$deleteAction = config.deleteAction) === null || _config$deleteAction === void 0 ? void 0 : _config$deleteAction.label) || DEFAULT_DELETE_BUTTON_LABEL))), quickEdit && /*#__PURE__*/_react.default.createElement(_FormPage.default, {
+  }, isDuplicated ? ((_config$deleteAction = config.deleteAction) === null || _config$deleteAction === void 0 ? void 0 : _config$deleteAction.isDuplicateLabel) || DEFAULT_REMOVE_BUTTON_LABEL : ((_config$deleteAction2 = config.deleteAction) === null || _config$deleteAction2 === void 0 ? void 0 : _config$deleteAction2.label) || DEFAULT_DELETE_BUTTON_LABEL))), quickEdit && /*#__PURE__*/_react.default.createElement(_FormPage.default, {
     page: quickEditPage,
     onAction: function onAction(action, patch) {
       return _onAction(action, patch);
@@ -187,7 +192,7 @@ var SummaryCard = function SummaryCard(_ref) {
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: classes('body')
   }, !hideDetails && /*#__PURE__*/_react.default.createElement(_copReactComponents.Details, {
-    summary: "Full details",
+    summary: isDuplicated ? 'View duplicated details' : 'Full details',
     className: "details"
   }, masterPage === null || masterPage === void 0 || (_masterPage$childPage = masterPage.childPages) === null || _masterPage$childPage === void 0 ? void 0 : _masterPage$childPage.map(function (childPage) {
     var _childPage$summaryLay;
@@ -233,13 +238,16 @@ SummaryCard.propTypes = {
     details: _propTypes.default.string,
     changeAction: _propTypes.default.shape({
       label: _propTypes.default.string,
+      isDuplicateLabel: _propTypes.default.string,
       page: _propTypes.default.string.isRequired
     }),
     deleteAction: _propTypes.default.shape({
-      label: _propTypes.default.string
+      label: _propTypes.default.string,
+      isDuplicateLabel: _propTypes.default.string
     }),
     duplicateAction: _propTypes.default.shape({
-      label: _propTypes.default.string
+      label: _propTypes.default.string,
+      isDuplicateLabel: _propTypes.default.string
     }),
     quickEdit: _propTypes.default.shape({
       components: _propTypes.default.arrayOf(_propTypes.default.shape({
@@ -260,7 +268,8 @@ SummaryCard.propTypes = {
   pages: _propTypes.default.arrayOf(_propTypes.default.shape({})).isRequired,
   parentCollectionName: _propTypes.default.string.isRequired,
   formData: _propTypes.default.shape({}).isRequired,
-  hideDetails: _propTypes.default.bool
+  hideDetails: _propTypes.default.bool,
+  isDuplicated: _propTypes.default.bool
 };
 SummaryCard.defaultProps = {
   classModifiers: null,
@@ -268,7 +277,8 @@ SummaryCard.defaultProps = {
   onDelete: null,
   onDuplicate: null,
   onQuickEdit: null,
-  hideDetails: false
+  hideDetails: false,
+  isDuplicated: false
 };
 var _default = SummaryCard;
 exports.default = _default;

package/dist/components/CollectionSummary/SummaryCard.scss

@@ -19,6 +19,10 @@ $govuk-font-family: 'Roboto', arial, sans-serif;
   padding: 0.75rem;
   display: block;
 
+  &.duplicated {
+    border-left: 7px solid red;
+  }
+
   &--deleting-summary-card {
     background-color: #FCF0EE;
   }

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

@@ -203,6 +203,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
     expect(headerDetails.textContent).toEqual("".concat(ENTRY.detailsText, " that are interpolated"));
   });
   describe('Change action button', function () {
+    var isDuplicatedValue = true;
     var onChangeArgs = [];
     var onChangeCalls = 0;
     var ON_CHANGE = function ON_CHANGE(page, id) {
@@ -211,6 +212,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
         id: id
       });
       onChangeCalls += 1;
+      isDuplicatedValue = false;
     };
     beforeEach(function () {
       onChangeArgs = [];
@@ -249,9 +251,10 @@ describe('components.CollectionSummary.SummaryCard', function () {
         id: ENTRY.id
       });
     });
-    it('should use the default label when one is not provided', function () {
+    it('should render correctly when isDuplicated is true', function () {
       var CONFIG = {
         changeAction: {
+          label: 'Change label',
           page: 'testPage'
         }
       };
@@ -265,7 +268,8 @@ describe('components.CollectionSummary.SummaryCard', function () {
           formData: {},
           masterPage: {
             childPages: []
-          }
+          },
+          isDuplicated: isDuplicatedValue
         })),
         container = _renderWithValidation7.container;
       var _checkSetup7 = checkSetup(container),
@@ -273,13 +277,27 @@ describe('components.CollectionSummary.SummaryCard', function () {
       expect(headerActionDiv.children.length).toEqual(1);
       var changeButton = headerActionDiv.children[0];
       expect(changeButton.tagName).toEqual('BUTTON');
-      expect(changeButton.textContent).toEqual(_SummaryCard.DEFAULT_CHANGE_BUTTON_LABEL);
+      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 that the isDuplicated prop is now false
+      expect(isDuplicatedValue).toBe(false);
     });
-    it('should not render when no config is provided for it', function () {
+    it('should use the default label when one is not provided', function () {
+      var CONFIG = {
+        changeAction: {
+          page: 'testPage'
+        }
+      };
       var _renderWithValidation8 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
-          config: {},
+          config: CONFIG,
           onChange: ON_CHANGE,
           parentCollectionName: "parent",
           pages: [],
@@ -291,6 +309,27 @@ describe('components.CollectionSummary.SummaryCard', function () {
         container = _renderWithValidation8.container;
       var _checkSetup8 = checkSetup(container),
         headerActionDiv = _checkSetup8.headerActionDiv;
+      expect(headerActionDiv.children.length).toEqual(1);
+      var changeButton = headerActionDiv.children[0];
+      expect(changeButton.tagName).toEqual('BUTTON');
+      expect(changeButton.textContent).toEqual(_SummaryCard.DEFAULT_CHANGE_BUTTON_LABEL);
+    });
+    it('should not render when no config is provided for it', function () {
+      var _renderWithValidation9 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+          id: ID,
+          entryData: ENTRY,
+          config: {},
+          onChange: ON_CHANGE,
+          parentCollectionName: "parent",
+          pages: [],
+          formData: {},
+          masterPage: {
+            childPages: []
+          }
+        })),
+        container = _renderWithValidation9.container;
+      var _checkSetup9 = checkSetup(container),
+        headerActionDiv = _checkSetup9.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(0);
     });
     it('should not render when onChange is not supplied', function () {
@@ -300,7 +339,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
           page: 'testPage'
         }
       };
-      var _renderWithValidation9 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation10 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -311,9 +350,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation9.container;
-      var _checkSetup9 = checkSetup(container),
-        headerActionDiv = _checkSetup9.headerActionDiv;
+        container = _renderWithValidation10.container;
+      var _checkSetup10 = checkSetup(container),
+        headerActionDiv = _checkSetup10.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(0);
     });
   });
@@ -334,7 +373,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
           label: 'Delete label'
         }
       };
-      var _renderWithValidation10 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation11 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -346,9 +385,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation10.container;
-      var _checkSetup10 = checkSetup(container),
-        headerActionDiv = _checkSetup10.headerActionDiv;
+        container = _renderWithValidation11.container;
+      var _checkSetup11 = checkSetup(container),
+        headerActionDiv = _checkSetup11.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(1);
       var deleteButton = headerActionDiv.children[0];
       expect(deleteButton.tagName).toEqual('BUTTON');
@@ -361,7 +400,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
       var CONFIG = {
         deleteAction: {}
       };
-      var _renderWithValidation11 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation12 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -373,16 +412,16 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation11.container;
-      var _checkSetup11 = checkSetup(container),
-        headerActionDiv = _checkSetup11.headerActionDiv;
+        container = _renderWithValidation12.container;
+      var _checkSetup12 = checkSetup(container),
+        headerActionDiv = _checkSetup12.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(1);
       var deleteButton = headerActionDiv.children[0];
       expect(deleteButton.tagName).toEqual('BUTTON');
       expect(deleteButton.textContent).toEqual(_SummaryCard.DEFAULT_DELETE_BUTTON_LABEL);
     });
     it('should not render when no config is provided for it', function () {
-      var _renderWithValidation12 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation13 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: {},
@@ -394,9 +433,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation12.container;
-      var _checkSetup12 = checkSetup(container),
-        headerActionDiv = _checkSetup12.headerActionDiv;
+        container = _renderWithValidation13.container;
+      var _checkSetup13 = checkSetup(container),
+        headerActionDiv = _checkSetup13.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(0);
     });
     it('should not render when onDelete is not supplied', function () {
@@ -405,7 +444,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
           label: 'Delete label'
         }
       };
-      var _renderWithValidation13 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation14 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -416,9 +455,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation13.container;
-      var _checkSetup13 = checkSetup(container),
-        headerActionDiv = _checkSetup13.headerActionDiv;
+        container = _renderWithValidation14.container;
+      var _checkSetup14 = checkSetup(container),
+        headerActionDiv = _checkSetup14.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(0);
     });
     it('should correctly render the Details section with entry data', function () {
@@ -427,7 +466,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
           label: 'Delete label'
         }
       };
-      var _renderWithValidation14 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation15 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -438,7 +477,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation14.container;
+        container = _renderWithValidation15.container;
       var detailsSection = container.querySelector('.details');
       expect(detailsSection).not.toBeNull();
       expect(detailsSection.textContent).toContain(ENTRY.summaryText);
@@ -461,7 +500,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
           label: 'Duplicate label'
         }
       };
-      var _renderWithValidation15 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation16 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -473,9 +512,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation15.container;
-      var _checkSetup14 = checkSetup(container),
-        headerActionDiv = _checkSetup14.headerActionDiv;
+        container = _renderWithValidation16.container;
+      var _checkSetup15 = checkSetup(container),
+        headerActionDiv = _checkSetup15.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(1);
       var duplicateButton = headerActionDiv.children[0];
       expect(duplicateButton.tagName).toEqual('BUTTON');
@@ -488,7 +527,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
       var CONFIG = {
         duplicateAction: {}
       };
-      var _renderWithValidation16 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation17 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -500,16 +539,16 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation16.container;
-      var _checkSetup15 = checkSetup(container),
-        headerActionDiv = _checkSetup15.headerActionDiv;
+        container = _renderWithValidation17.container;
+      var _checkSetup16 = checkSetup(container),
+        headerActionDiv = _checkSetup16.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(1);
       var duplicateButton = headerActionDiv.children[0];
       expect(duplicateButton.tagName).toEqual('BUTTON');
       expect(duplicateButton.textContent).toEqual(_SummaryCard.DEFAULT_DUPLICATE_BUTTON_LABEL);
     });
     it('should not render when no config is provided for it', function () {
-      var _renderWithValidation17 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation18 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: {},
@@ -521,9 +560,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation17.container;
-      var _checkSetup16 = checkSetup(container),
-        headerActionDiv = _checkSetup16.headerActionDiv;
+        container = _renderWithValidation18.container;
+      var _checkSetup17 = checkSetup(container),
+        headerActionDiv = _checkSetup17.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(0);
     });
     it('should not render when onDuplicate is not supplied', function () {
@@ -532,7 +571,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
           label: 'Duplicate label'
         }
       };
-      var _renderWithValidation18 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation19 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -543,9 +582,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation18.container;
-      var _checkSetup17 = checkSetup(container),
-        headerActionDiv = _checkSetup17.headerActionDiv;
+        container = _renderWithValidation19.container;
+      var _checkSetup18 = checkSetup(container),
+        headerActionDiv = _checkSetup18.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(0);
     });
   });
@@ -580,7 +619,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
       }
     }];
     it('should render correctly', function () {
-      var _renderWithValidation19 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation20 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -589,11 +628,12 @@ describe('components.CollectionSummary.SummaryCard', function () {
           formData: {},
           masterPage: {
             childPages: []
-          }
+          },
+          isDuplicated: true
         })),
-        container = _renderWithValidation19.container;
-      var _checkSetup18 = checkSetup(container),
-        headerActionDiv = _checkSetup18.headerActionDiv;
+        container = _renderWithValidation20.container;
+      var _checkSetup19 = checkSetup(container),
+        headerActionDiv = _checkSetup19.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(1);
 
       // Shows edit button but no quick edit
@@ -621,7 +661,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
     });
 
     it('should not render when no config is provided for it', function () {
-      var _renderWithValidation20 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation21 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: {},
@@ -630,11 +670,12 @@ describe('components.CollectionSummary.SummaryCard', function () {
           formData: {},
           masterPage: {
             childPages: []
-          }
+          },
+          isDuplicated: true
         })),
-        container = _renderWithValidation20.container;
-      var _checkSetup19 = checkSetup(container),
-        headerActionDiv = _checkSetup19.headerActionDiv;
+        container = _renderWithValidation21.container;
+      var _checkSetup20 = checkSetup(container),
+        headerActionDiv = _checkSetup20.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(0);
     });
   });
@@ -674,7 +715,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
       }
     }];
     it('should render correctly', function () {
-      var _renderWithValidation21 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation22 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -683,11 +724,12 @@ describe('components.CollectionSummary.SummaryCard', function () {
           formData: {},
           masterPage: {
             childPages: []
-          }
+          },
+          isDuplicated: true
         })),
-        container = _renderWithValidation21.container;
-      var _checkSetup20 = checkSetup(container),
-        headerActionDiv = _checkSetup20.headerActionDiv;
+        container = _renderWithValidation22.container;
+      var _checkSetup21 = checkSetup(container),
+        headerActionDiv = _checkSetup21.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(1);
 
       // Shows edit button but no quick edit
@@ -721,7 +763,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
           return ON_SUBMIT_CALLS.push(patch);
         }
       };
-      var _renderWithValidation22 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation23 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -730,13 +772,14 @@ describe('components.CollectionSummary.SummaryCard', function () {
           formData: {},
           masterPage: {
             childPages: []
-          }
+          },
+          isDuplicated: true
         }), {
           hooks: hooks
         }),
-        container = _renderWithValidation22.container;
-      var _checkSetup21 = checkSetup(container),
-        headerActionDiv = _checkSetup21.headerActionDiv;
+        container = _renderWithValidation23.container;
+      var _checkSetup22 = checkSetup(container),
+        headerActionDiv = _checkSetup22.headerActionDiv;
 
       // Shows edit button but no quick edit
       var editButton = headerActionDiv.children[0];
@@ -750,7 +793,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
       expect(ON_SUBMIT_CALLS.length).toEqual(0);
     });
     it('should return after local validation if errors are present', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-      var ON_SUBMIT_CALLS, hooks, ON_QUICK_EDIT_CALLS, ON_QUICK_EDIT, _renderWithValidation23, container, _checkSetup22, headerActionDiv, editButton, quickEdit, component, componentInput, quickEditButtons, saveButton;
+      var ON_SUBMIT_CALLS, hooks, ON_QUICK_EDIT_CALLS, ON_QUICK_EDIT, _renderWithValidation24, container, _checkSetup23, headerActionDiv, editButton, quickEdit, component, componentInput, quickEditButtons, saveButton;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -765,7 +808,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
               var target = _ref2.target;
               ON_QUICK_EDIT_CALLS.push(target);
             };
-            _renderWithValidation23 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+            _renderWithValidation24 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
               id: ID,
               entryData: _objectSpread(_objectSpread({}, ENTRY), {}, {
                 index: 0
@@ -781,11 +824,12 @@ describe('components.CollectionSummary.SummaryCard', function () {
               },
               masterPage: {
                 childPages: []
-              }
+              },
+              isDuplicated: true
             }), {
               hooks: hooks
-            }), container = _renderWithValidation23.container;
-            _checkSetup22 = checkSetup(container), headerActionDiv = _checkSetup22.headerActionDiv;
+            }), container = _renderWithValidation24.container;
+            _checkSetup23 = checkSetup(container), headerActionDiv = _checkSetup23.headerActionDiv;
             editButton = headerActionDiv.children[0];
             _react.fireEvent.click(editButton, {});
             quickEdit = container.childNodes[0].childNodes[1];
@@ -832,7 +876,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
       }, _callee3);
     })));
     it('should run hook validation when a value changes and local validation is passed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-      var ON_SUBMIT_CALLS, hooks, ON_QUICK_EDIT_CALLS, ON_QUICK_EDIT, _renderWithValidation24, container, _checkSetup23, headerActionDiv, editButton, quickEdit, component, componentInput, quickEditButtons, saveButton;
+      var ON_SUBMIT_CALLS, hooks, ON_QUICK_EDIT_CALLS, ON_QUICK_EDIT, _renderWithValidation25, container, _checkSetup24, headerActionDiv, editButton, quickEdit, component, componentInput, quickEditButtons, saveButton;
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
@@ -851,7 +895,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
               var target = _ref6.target;
               ON_QUICK_EDIT_CALLS.push(target);
             };
-            _renderWithValidation24 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+            _renderWithValidation25 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
               id: ID,
               entryData: ENTRY,
               config: CONFIG,
@@ -865,11 +909,12 @@ describe('components.CollectionSummary.SummaryCard', function () {
               },
               masterPage: {
                 childPages: []
-              }
+              },
+              isDuplicated: true
             }), {
               hooks: hooks
-            }), container = _renderWithValidation24.container;
-            _checkSetup23 = checkSetup(container), headerActionDiv = _checkSetup23.headerActionDiv;
+            }), container = _renderWithValidation25.container;
+            _checkSetup24 = checkSetup(container), headerActionDiv = _checkSetup24.headerActionDiv;
             editButton = headerActionDiv.children[0];
             _react.fireEvent.click(editButton, {});
             quickEdit = container.childNodes[0].childNodes[1]; // Make a change
@@ -906,10 +951,11 @@ describe('components.CollectionSummary.SummaryCard', function () {
       }, _callee5);
     })));
     it('should apply changes if no errors are present', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
-      var ON_SUBMIT_CALLS, hooks, ON_QUICK_EDIT_CALLS, ON_QUICK_EDIT, _renderWithValidation25, container, _checkSetup24, headerActionDiv, editButton, quickEdit, component, componentInput, quickEditButtons, saveButton;
+      var isDuplicatedValue, ON_SUBMIT_CALLS, hooks, ON_QUICK_EDIT_CALLS, ON_QUICK_EDIT, _renderWithValidation26, container, _checkSetup25, headerActionDiv, editButton, quickEdit, component, componentInput, quickEditButtons, saveButton;
       return _regeneratorRuntime().wrap(function _callee7$(_context7) {
         while (1) switch (_context7.prev = _context7.next) {
           case 0:
+            isDuplicatedValue = true;
             ON_SUBMIT_CALLS = [];
             hooks = {
               onSubmit: function onSubmit(type, patch) {
@@ -920,8 +966,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             ON_QUICK_EDIT = function ON_QUICK_EDIT(_ref9) {
               var target = _ref9.target;
               ON_QUICK_EDIT_CALLS.push(target);
+              isDuplicatedValue = false;
             };
-            _renderWithValidation25 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+            _renderWithValidation26 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
               id: ID,
               entryData: {
                 index: 0,
@@ -938,11 +985,12 @@ describe('components.CollectionSummary.SummaryCard', function () {
               },
               masterPage: {
                 childPages: []
-              }
+              },
+              isDuplicated: isDuplicatedValue
             }), {
               hooks: hooks
-            }), container = _renderWithValidation25.container;
-            _checkSetup24 = checkSetup(container), headerActionDiv = _checkSetup24.headerActionDiv;
+            }), container = _renderWithValidation26.container;
+            _checkSetup25 = checkSetup(container), headerActionDiv = _checkSetup25.headerActionDiv;
             editButton = headerActionDiv.children[0];
             _react.fireEvent.click(editButton, {});
             quickEdit = container.childNodes[0].childNodes[1]; // Make a change that will be accepted
@@ -955,7 +1003,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
             });
             quickEditButtons = quickEdit.childNodes[2];
             saveButton = quickEditButtons.childNodes[0];
-            _context7.next = 16;
+            _context7.next = 17;
             return (0, _testUtils.act)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
               return _regeneratorRuntime().wrap(function _callee6$(_context6) {
                 while (1) switch (_context6.prev = _context6.next) {
@@ -967,13 +1015,16 @@ describe('components.CollectionSummary.SummaryCard', function () {
                 }
               }, _callee6);
             })));
-          case 16:
+          case 17:
             expect(ON_QUICK_EDIT_CALLS.length).toEqual(1);
             expect(ON_QUICK_EDIT_CALLS[0].value[0]).toEqual({
               alreadyProvidedField: 'hello',
               testText: 'new value'
             });
-          case 18:
+
+            // Check that the isDuplicated prop is now false
+            expect(isDuplicatedValue).toBe(false);
+          case 20:
           case "end":
             return _context7.stop();
         }
@@ -987,7 +1038,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
         title: 'Title',
         details: DETAILS
       };
-      var _renderWithValidation26 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation27 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -998,9 +1049,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation26.container;
-      var _checkSetup25 = checkSetup(container),
-        headerContentDiv = _checkSetup25.headerContentDiv;
+        container = _renderWithValidation27.container;
+      var _checkSetup26 = checkSetup(container),
+        headerContentDiv = _checkSetup26.headerContentDiv;
       var headerDetails = headerContentDiv.children[1];
       expect(headerDetails.tagName).toEqual('DIV');
       expect(headerDetails.classList).toContain(classes('header-content-detail'));
@@ -1011,7 +1062,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
         title: 'Title',
         details: ''
       };
-      var _renderWithValidation27 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation28 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -1022,9 +1073,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation27.container;
-      var _checkSetup26 = checkSetup(container),
-        headerContentDiv = _checkSetup26.headerContentDiv;
+        container = _renderWithValidation28.container;
+      var _checkSetup27 = checkSetup(container),
+        headerContentDiv = _checkSetup27.headerContentDiv;
       // If no details are provided, we expect only the header title to be rendered.
       expect(headerContentDiv.children.length).toEqual(1);
       var headerTitle = headerContentDiv.children[0];
@@ -1039,7 +1090,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
         title: 'Title',
         details: DETAILS
       };
-      var _renderWithValidation28 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation29 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: INTERPOLATED_ENTRY,
           config: CONFIG,
@@ -1050,9 +1101,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation28.container;
-      var _checkSetup27 = checkSetup(container),
-        headerContentDiv = _checkSetup27.headerContentDiv;
+        container = _renderWithValidation29.container;
+      var _checkSetup28 = checkSetup(container),
+        headerContentDiv = _checkSetup28.headerContentDiv;
       var headerDetails = headerContentDiv.children[1];
       var expectedInterpolatedString = _copReactComponents.Utils.interpolateString(DETAILS, INTERPOLATED_ENTRY);
       expect(headerDetails.textContent).toEqual(expectedInterpolatedString);
@@ -1061,7 +1112,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
       var CONFIG = {
         title: 'Title'
       };
-      var _renderWithValidation29 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation30 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -1072,9 +1123,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation29.container;
-      var _checkSetup28 = checkSetup(container),
-        headerContentDiv = _checkSetup28.headerContentDiv;
+        container = _renderWithValidation30.container;
+      var _checkSetup29 = checkSetup(container),
+        headerContentDiv = _checkSetup29.headerContentDiv;
       var headerDetails = headerContentDiv.querySelector("#".concat(ID, ".titleDetail"));
       expect(headerDetails).toBeNull();
     });
@@ -1084,7 +1135,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
         title: 'Title',
         details: DETAILS
       };
-      var _renderWithValidation30 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation31 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -1096,7 +1147,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation30.container;
+        container = _renderWithValidation31.container;
       var detailsComponent = container.querySelector('.details');
       expect(detailsComponent).toBeNull();
     });
@@ -1126,7 +1177,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
       var CONFIG = {
         title: 'Title'
       };
-      var _renderWithValidation31 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation32 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -1137,7 +1188,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation31.container;
+        container = _renderWithValidation32.container;
 
       // Function to find an element by its text content
       function getByTextContent(parent, text) {

package/dist/utils/CollectionPage/duplicateCollectionPageEntry.js

@@ -19,10 +19,11 @@ var duplicateCollectionPageEntry = function duplicateCollectionPageEntry(collect
     return entry.id === entryId;
   });
   if (!entryToDuplicate) {
-    return false;
+    return null;
   }
+  var newEntryId = Date.now().toString();
   var newEntry = _objectSpread(_objectSpread({}, entryToDuplicate), {}, {
-    id: Date.now().toString()
+    id: newEntryId
   });
   fieldsToIgnore.forEach(function (field) {
     return delete newEntry[field];
@@ -30,7 +31,7 @@ var duplicateCollectionPageEntry = function duplicateCollectionPageEntry(collect
   collectionData.push(newEntry);
   // eslint-disable-next-line no-param-reassign
   formData["".concat(collectionName.split('.').pop(), "ActiveId")] = newEntry.id;
-  return true;
+  return newEntryId;
 };
 var _default = duplicateCollectionPageEntry;
 exports.default = _default;

package/dist/utils/Data/getAutocompleteSource.js

@@ -20,13 +20,23 @@ var getAutocompleteSource = function getAutocompleteSource(config) {
   return function (query, populateResults) {
     var lcQuery = query ? query.toLowerCase() : '';
     populateResults(options.filter(function (opt) {
+      var _config$item;
       var label = labelMaker ? labelMaker(opt) : opt.label || '';
       if (label.toLowerCase().includes(lcQuery)) {
         return true;
       }
-      return opt.synonyms ? opt.synonyms.some(function (synonym) {
+      var matchingSynonym = opt.synonyms ? opt.synonyms.some(function (synonym) {
         return synonym.toLowerCase().includes(lcQuery);
       }) : false;
+      if (matchingSynonym) {
+        return true;
+      }
+      return config !== null && config !== void 0 && (_config$item = config.item) !== null && _config$item !== void 0 && _config$item.extraFieldsToSearch ? config.item.extraFieldsToSearch.some(function (field) {
+        if (typeof opt[field] !== 'string') {
+          return false;
+        }
+        return opt[field].toLowerCase().includes(lcQuery);
+      }) : false;
     }));
   };
 };

package/dist/utils/Data/getAutocompleteSource.test.js

@@ -405,6 +405,44 @@ describe('utils', function () {
             }]);
           });
         });
+        it('should match options using defined extra searchable fields', function () {
+          var CONFIG = {
+            item: {
+              value: 'currencyCode',
+              label: 'currencyCode',
+              // eslint-disable-next-line no-template-curly-in-string
+              format: '${currencyName} (${currencyCode})',
+              extraFieldsToSearch: ['slangTerm']
+            },
+            data: {
+              options: [{
+                currencyName: 'Great British Pounds',
+                currencyCode: 'GBP',
+                value: 'GBP',
+                label: 'GBP',
+                slangTerm: 'Quid'
+              }, {
+                currencyName: 'United States Dollars',
+                currencyCode: 'USD',
+                value: 'USD',
+                label: 'USD',
+                slangTerm: 'Dollary-doos'
+              }]
+            }
+          };
+          var SOURCE = (0, _getAutocompleteSource.default)(CONFIG);
+          expect(typeof SOURCE === 'function').toBeTruthy();
+          SOURCE('doo', function (results) {
+            expect(results.length).toEqual(1);
+            expect(results).toEqual([{
+              currencyName: 'United States Dollars',
+              currencyCode: 'USD',
+              value: 'USD',
+              label: 'USD',
+              slangTerm: 'Dollary-doos'
+            }]);
+          });
+        });
       });
     });
   });

package/package.json

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