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

package/dist/components/CheckYourAnswers/Answer.js

@@ -45,5 +45,4 @@ Answer.defaultProps = {
   formData: null,
   value: null
 };
-var _default = Answer;
-exports.default = _default;
+var _default = exports.default = Answer;

package/dist/components/CheckYourAnswers/CheckYourAnswers.js

@@ -33,12 +33,9 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable camelcase, react/no-array-index-key */ // Global imports
 // Local imports
 // Styles
-var DEFAULT_CLASS = 'hods-check-your-answers';
-exports.DEFAULT_CLASS = DEFAULT_CLASS;
-var DEFAULT_TITLE = 'Check your answers';
-exports.DEFAULT_TITLE = DEFAULT_TITLE;
-var DEFAULT_MARGIN_BOTTOM = 9;
-exports.DEFAULT_MARGIN_BOTTOM = DEFAULT_MARGIN_BOTTOM;
+var DEFAULT_CLASS = exports.DEFAULT_CLASS = 'hods-check-your-answers';
+var DEFAULT_TITLE = exports.DEFAULT_TITLE = 'Check your answers';
+var DEFAULT_MARGIN_BOTTOM = exports.DEFAULT_MARGIN_BOTTOM = 9;
 var CheckYourAnswers = function CheckYourAnswers(_ref) {
   var title = _ref.title,
     _pages = _ref.pages,
@@ -242,5 +239,4 @@ CheckYourAnswers.defaultProps = {
   title: DEFAULT_TITLE,
   type: null
 };
-var _default = CheckYourAnswers;
-exports.default = _default;
+var _default = exports.default = CheckYourAnswers;

package/dist/components/CheckYourAnswers/index.js

@@ -6,5 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _CheckYourAnswers = _interopRequireDefault(require("./CheckYourAnswers"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _CheckYourAnswers.default;
-exports.default = _default;
+var _default = exports.default = _CheckYourAnswers.default;

package/dist/components/CollectionPage/CollectionPage.js

@@ -27,8 +27,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // Global imports
 // Local imports.
 // Styles
-var DEFAULT_CLASS = _FormPage2.DEFAULT_CLASS;
-exports.DEFAULT_CLASS = DEFAULT_CLASS;
+var DEFAULT_CLASS = exports.DEFAULT_CLASS = _FormPage2.DEFAULT_CLASS;
 var CollectionPage = function CollectionPage(_ref) {
   var page = _ref.page,
     onCollectionChange = _ref.onCollectionChange,
@@ -152,5 +151,4 @@ CollectionPage.defaultProps = {
   classModifiers: [],
   className: ''
 };
-var _default = CollectionPage;
-exports.default = _default;
+var _default = exports.default = CollectionPage;

package/dist/components/CollectionPage/index.js

@@ -6,5 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _CollectionPage = _interopRequireDefault(require("./CollectionPage"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _CollectionPage.default;
-exports.default = _default;
+var _default = exports.default = _CollectionPage.default;

package/dist/components/CollectionSummary/BannerStrip.js

@@ -16,8 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // Styles.
 
-var DEFAULT_CLASS = 'hods-form-banner-strip';
-exports.DEFAULT_CLASS = DEFAULT_CLASS;
+var DEFAULT_CLASS = exports.DEFAULT_CLASS = 'hods-form-banner-strip';
 var BannerStrip = function BannerStrip(_ref) {
   var id = _ref.id,
     banners = _ref.banners,
@@ -58,5 +57,4 @@ BannerStrip.defaultProps = {
   formData: null,
   classModifiers: null
 };
-var _default = BannerStrip;
-exports.default = _default;
+var _default = exports.default = BannerStrip;

package/dist/components/CollectionSummary/CollectionSummary.js

@@ -29,8 +29,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // Global imports.
 // Local imports.
 // Styles.
-var DEFAULT_ADD_BUTTON_LABEL = 'Add';
-exports.DEFAULT_ADD_BUTTON_LABEL = DEFAULT_ADD_BUTTON_LABEL;
+var DEFAULT_ADD_BUTTON_LABEL = exports.DEFAULT_ADD_BUTTON_LABEL = 'Add';
 var CollectionSummary = function CollectionSummary(_ref) {
   var _config$confirmation, _config$confirmation2;
   var config = _ref.config,
@@ -38,10 +37,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 +55,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 +84,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 +165,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)
     });
   }));
 };
@@ -183,5 +207,4 @@ CollectionSummary.defaultProps = {
   onChange: null,
   pages: []
 };
-var _default = CollectionSummary;
-exports.default = _default;
+var _default = exports.default = CollectionSummary;

package/dist/components/CollectionSummary/Confirmation.js

@@ -13,12 +13,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // Styles.
 
-var DEFAULT_CLASS = 'hods-form-confirmation';
-exports.DEFAULT_CLASS = DEFAULT_CLASS;
-var DEFAULT_MESSAGE = 'Are you sure?';
-exports.DEFAULT_MESSAGE = DEFAULT_MESSAGE;
-var DEFAULT_CONFIRM_LABEL = 'Confirm';
-exports.DEFAULT_CONFIRM_LABEL = DEFAULT_CONFIRM_LABEL;
+var DEFAULT_CLASS = exports.DEFAULT_CLASS = 'hods-form-confirmation';
+var DEFAULT_MESSAGE = exports.DEFAULT_MESSAGE = 'Are you sure?';
+var DEFAULT_CONFIRM_LABEL = exports.DEFAULT_CONFIRM_LABEL = 'Confirm';
 var Confirmation = function Confirmation(_ref) {
   var id = _ref.id,
     message = _ref.message,
@@ -56,5 +53,4 @@ Confirmation.defaultProps = {
   children: null,
   classModifiers: []
 };
-var _default = Confirmation;
-exports.default = _default;
+var _default = exports.default = Confirmation;

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"));
@@ -34,20 +34,16 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // Global imports.
 // Local imports.
 // Styles.
-var DEFAULT_CLASS = 'hods-form-summary-card';
-exports.DEFAULT_CLASS = DEFAULT_CLASS;
-var DEFAULT_TITLE = 'Item';
-exports.DEFAULT_TITLE = DEFAULT_TITLE;
-var DEFAULT_CHANGE_BUTTON_LABEL = 'Change';
-exports.DEFAULT_CHANGE_BUTTON_LABEL = DEFAULT_CHANGE_BUTTON_LABEL;
-var DEFAULT_DELETE_BUTTON_LABEL = 'Delete';
-exports.DEFAULT_DELETE_BUTTON_LABEL = DEFAULT_DELETE_BUTTON_LABEL;
-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_CLASS = exports.DEFAULT_CLASS = 'hods-form-summary-card';
+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_FULL_EDIT_BUTTON_LABEL = exports.DEFAULT_FULL_EDIT_BUTTON_LABEL = 'Full edit';
+var DEFAULT_REMOVE_BUTTON_LABEL = exports.DEFAULT_REMOVE_BUTTON_LABEL = 'Remove';
 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 +56,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 +113,7 @@ var SummaryCard = function SummaryCard(_ref) {
                   name: parentCollectionName,
                   value: allData
                 }
-              });
+              }, entryData.id);
               setQuickEdit(function (prevState) {
                 return !prevState;
               });
@@ -150,7 +147,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 +162,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 +175,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 +184,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 +230,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 +260,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 +269,7 @@ SummaryCard.defaultProps = {
   onDelete: null,
   onDuplicate: null,
   onQuickEdit: null,
-  hideDetails: false
+  hideDetails: false,
+  isDuplicated: false
 };
-var _default = SummaryCard;
-exports.default = _default;
+var _default = exports.default = SummaryCard;

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;
   }