@ukhomeoffice/cop-react-form-renderer 5.62.1 → 5.65.0

package/dist/components/CollectionSummary/SummaryCard.js

@@ -16,6 +16,7 @@ var _BannerStrip = _interopRequireDefault(require("./BannerStrip"));
 var _RenderListView = _interopRequireDefault(require("./RenderListView"));
 var _SummaryCardDetails = _interopRequireDefault(require("./SummaryCardDetails"));
 require("./SummaryCard.scss");
+var _excluded = ["isDuplicate"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -25,6 +26,8 @@ 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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -49,7 +52,7 @@ var SummaryCard = function SummaryCard(_ref) {
     entryData = _ref.entryData,
     config = _ref.config,
     classModifiers = _ref.classModifiers,
-    onChange = _ref.onChange,
+    onFullEdit = _ref.onFullEdit,
     onDelete = _ref.onDelete,
     onDuplicate = _ref.onDuplicate,
     onQuickEdit = _ref.onQuickEdit,
@@ -57,13 +60,12 @@ var SummaryCard = function SummaryCard(_ref) {
     childCollections = _ref.childCollections,
     formData = _ref.formData,
     masterPage = _ref.masterPage,
-    hideDetails = _ref.hideDetails,
-    inError = _ref.inError;
+    hideDetails = _ref.hideDetails;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     quickEdit = _useState2[0],
     setQuickEdit = _useState2[1];
-  var classes = _copReactComponents.Utils.classBuilder(DEFAULT_CLASS, classModifiers, inError ? 'error' : '');
+  var classes = _copReactComponents.Utils.classBuilder(DEFAULT_CLASS, classModifiers, config.className);
   var quickEditPage = (0, _react.useMemo)(function () {
     return config.quickEdit ? (0, _getQuickEditPage.default)(masterPage, entryData) : null;
   }, [masterPage, config, entryData, quickEdit]);
@@ -73,12 +75,13 @@ var SummaryCard = function SummaryCard(_ref) {
   var _useValidation = (0, _hooks.useValidation)(),
     addErrors = _useValidation.addErrors,
     resetQuickEditErrors = _useValidation.resetQuickEditErrors,
+    clearTopLevelErrorsForCard = _useValidation.clearTopLevelErrorsForCard,
     validate = _useValidation.validate;
   var _useHooks = (0, _hooks.useHooks)(),
     hooks = _useHooks.hooks;
   var _onAction = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(action, patch) {
-      var errors, hookErrors, allErrors, allData;
+      var errors, hookErrors, allErrors, allData, _allData$entryData$in, isDuplicate, newEntry;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -112,8 +115,14 @@ var SummaryCard = function SummaryCard(_ref) {
             // Save data assuming no errors
             allErrors = errors.concat(hookErrors);
             if (allErrors.length === 0 || allErrors.length === 1 && allErrors[0] === undefined) {
-              allData = _utils.default.CollectionPage.getData(parentCollectionName, formData);
-              allData[entryData.index] = _objectSpread(_objectSpread({}, allData === null || allData === void 0 ? void 0 : allData[entryData.index]), patch);
+              // Now that validation has passed with no errors - from the page or
+              // the hook - we want to remove any errors for this 
+              // entry from the top-level validation context too.
+              clearTopLevelErrorsForCard();
+              allData = _utils.default.CollectionPage.getData(parentCollectionName, formData); // Pull out the isDuplicate flag if one exists as we want
+              // to remove it now that the entry has been edited.
+              _allData$entryData$in = allData[entryData.index], isDuplicate = _allData$entryData$in.isDuplicate, newEntry = _objectWithoutProperties(_allData$entryData$in, _excluded);
+              allData[entryData.index] = _objectSpread(_objectSpread({}, newEntry), patch);
               onQuickEdit({
                 target: {
                   name: parentCollectionName,
@@ -141,9 +150,10 @@ var SummaryCard = function SummaryCard(_ref) {
       id: id,
       entryData: entryData,
       config: config,
-      onChange: onChange,
+      onFullEdit: onFullEdit,
       onDelete: onDelete,
-      masterPage: masterPage
+      masterPage: masterPage,
+      classModifiers: classModifiers
     });
   }
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -174,11 +184,11 @@ var SummaryCard = function SummaryCard(_ref) {
     },
     classModifiers: "primary",
     disabled: quickEdit
-  }, DEFAULT_EDIT_LABEL), config.changeAction && typeof onChange === 'function' && /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
+  }, DEFAULT_EDIT_LABEL), config.changeAction && typeof onFullEdit === 'function' && /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
     id: "".concat(id, ".changeButton"),
     onClick: function onClick() {
       var _config$changeAction;
-      return onChange((_config$changeAction = config.changeAction) === null || _config$changeAction === void 0 ? void 0 : _config$changeAction.page, entryData.id);
+      return onFullEdit((_config$changeAction = config.changeAction) === null || _config$changeAction === void 0 ? void 0 : _config$changeAction.page, entryData.id);
     },
     classModifiers: ((_config$changeAction2 = config.changeAction) === null || _config$changeAction2 === void 0 ? void 0 : _config$changeAction2.classModifiers) || DEFAULT_CHANGE_BUTTON_CLASS
   }, ((_config$changeAction3 = config.changeAction) === null || _config$changeAction3 === void 0 ? void 0 : _config$changeAction3.label) || DEFAULT_CHANGE_BUTTON_LABEL), config.deleteAction && typeof onDelete === 'function' && /*#__PURE__*/_react.default.createElement(_copReactComponents.Button, {
@@ -218,6 +228,7 @@ SummaryCard.propTypes = {
     index: _propTypes.default.number.isRequired
   }).isRequired,
   config: _propTypes.default.shape({
+    className: _propTypes.default.string,
     banners: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({})])),
     title: _propTypes.default.string,
     details: _propTypes.default.string,
@@ -246,24 +257,22 @@ SummaryCard.propTypes = {
     })).isRequired
   }).isRequired,
   classModifiers: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
-  onChange: _propTypes.default.func,
+  onFullEdit: _propTypes.default.func,
   onDelete: _propTypes.default.func,
   onDuplicate: _propTypes.default.func,
   onQuickEdit: _propTypes.default.func,
   parentCollectionName: _propTypes.default.string.isRequired,
   childCollections: _propTypes.default.arrayOf(_propTypes.default.string),
   formData: _propTypes.default.shape({}).isRequired,
-  hideDetails: _propTypes.default.bool,
-  inError: _propTypes.default.bool
+  hideDetails: _propTypes.default.bool
 };
 SummaryCard.defaultProps = {
   classModifiers: null,
-  onChange: null,
+  onFullEdit: null,
   onDelete: null,
   onDuplicate: null,
   onQuickEdit: null,
   childCollections: [],
-  hideDetails: false,
-  inError: false
+  hideDetails: false
 };
 var _default = exports.default = SummaryCard;