@ukhomeoffice/cop-react-form-renderer 5.28.1 → 5.29.0

package/dist/components/CollectionSummary/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _CollectionSummary = _interopRequireDefault(require("./CollectionSummary"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = _CollectionSummary.default;
+exports.default = _default;

package/dist/components/FormComponent/FormComponent.js

@@ -11,10 +11,11 @@ var _hooks = require("../../hooks");
 var _models = require("../../models");
 var _utils = _interopRequireDefault(require("../../utils"));
 var _wrapInFormGroup = _interopRequireDefault(require("../../utils/Component/wrapInFormGroup"));
+var _CollectionSummary = _interopRequireDefault(require("../CollectionSummary"));
 var _Collection = _interopRequireDefault(require("./Collection"));
 var _Container = _interopRequireDefault(require("./Container"));
 var _helpers = require("./helpers");
-var _excluded = ["component", "value", "formData", "wrap", "onChange", "onTopLevelChange"]; // Global imports
+var _excluded = ["component", "value", "formData", "wrap", "onAction", "onChange", "onTopLevelChange", "pages"]; // Global imports
 // Local imports
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -38,8 +39,10 @@ var FormComponent = function FormComponent(_ref) {
     value = _ref.value,
     formData = _ref.formData,
     wrap = _ref.wrap,
+    onAction = _ref.onAction,
     onChange = _ref.onChange,
     onTopLevelChange = _ref.onTopLevelChange,
+    pages = _ref.pages,
     attrs = _objectWithoutProperties(_ref, _excluded);
   var _useHooks = (0, _hooks.useHooks)(),
     hooks = _useHooks.hooks;
@@ -109,6 +112,15 @@ var FormComponent = function FormComponent(_ref) {
       formData: formData
     }));
   }
+  if (component.type === _models.ComponentTypes.COLLECTION_SUMMARY) {
+    return /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, _extends({}, attrs, {
+      config: component,
+      formData: formData,
+      onAction: onAction,
+      onChange: onChange,
+      pages: pages
+    }));
+  }
   var changeMetaDocuments = function changeMetaDocuments(document) {
     var componentPath = component.full_path || component.fieldId;
     if (component.pageCollection) {
@@ -185,15 +197,19 @@ FormComponent.propTypes = {
   }), _propTypes.default.arrayOf(_propTypes.default.shape({}))]),
   formData: _propTypes.default.shape({}),
   wrap: _propTypes.default.bool,
+  onAction: _propTypes.default.func,
   onChange: _propTypes.default.func,
-  onTopLevelChange: _propTypes.default.func
+  onTopLevelChange: _propTypes.default.func,
+  pages: _propTypes.default.arrayOf(_propTypes.default.shape({}))
 };
 FormComponent.defaultProps = {
   formData: null,
+  onAction: undefined,
   onChange: undefined,
   onTopLevelChange: undefined,
   value: null,
-  wrap: true
+  wrap: true,
+  pages: []
 };
 var _default = FormComponent;
 exports.default = _default;

package/dist/components/FormPage/FormPage.js

@@ -34,6 +34,7 @@ exports.DEFAULT_CLASS = DEFAULT_CLASS;
 var FormPage = function FormPage(_ref) {
   var _formPage$actions, _page$actions;
   var page = _ref.page,
+    pages = _ref.pages,
     _onAction = _ref.onAction,
     onWrapperChange = _ref.onWrapperChange,
     onTopLevelChange = _ref.onTopLevelChange,
@@ -97,10 +98,14 @@ var FormPage = function FormPage(_ref) {
     return /*#__PURE__*/_react.default.createElement(_FormComponent.default, {
       key: index,
       component: component,
+      onAction: function onAction(action) {
+        return _onAction(action, patch, patchLabel);
+      },
       onChange: onWrapperChange || onPageChange,
       onTopLevelChange: onTopLevelChange || onPageChange,
       value: page.formData[component.fieldId] || patch[component.fieldId],
-      formData: page.formData
+      formData: page.formData,
+      pages: pages
     });
   });
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -145,7 +150,8 @@ FormPage.propTypes = {
     required: _propTypes.default.bool,
     actions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({}), _propTypes.default.string])),
     formData: _propTypes.default.shape({}).isRequired
-  }).isRequired
+  }).isRequired,
+  pages: _propTypes.default.arrayOf(_propTypes.default.shape({}))
 };
 FormPage.defaultProps = {
   classBlock: DEFAULT_CLASS,
@@ -154,7 +160,8 @@ FormPage.defaultProps = {
   hashLink: false,
   onChange: undefined,
   onTopLevelChange: undefined,
-  onWrapperChange: undefined
+  onWrapperChange: undefined,
+  pages: []
 };
 var _default = FormPage;
 exports.default = _default;

package/dist/components/FormRenderer/FormRenderer.js

@@ -347,6 +347,7 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
     formData: data
   })), formState.page && !formState.cya && !formState.page.collection && /*#__PURE__*/_react.default.createElement(_FormPage.default, {
     page: formState.page,
+    pages: [].concat(pages),
     onAction: function onAction(action, patch, patchLabel) {
       (0, _onPageAction.default)(action, patch, patchLabel, hooks, data, formState, validate, onPageChange, type, pages, components, pageId, setPagePoint, currentTask, setData, hubDetails, setSubmitted, addErrors);
     },

package/dist/components/FormRenderer/onPageAction.js

@@ -82,20 +82,11 @@ var onPageAction = function onPageAction(action, patch, patchLabel, hooks, data,
           ;
           break;
         case _models.PageAction.TYPES.COLLECTION_REMOVE:
-          var activeId = form.page.formData["".concat(action.collection, "ActiveId")];
-          form.page.formData["".concat(action.collection)] = form.page.formData["".concat(action.collection)].map(function (entry) {
-            if (entry.id === activeId) {
-              // Store the entry.
-              if (action.recordRemoval) {
-                form.page.formData["".concat(action.collection, "LastRemoved")] = _objectSpread({}, entry);
-              }
-              return null;
-            }
-            ;
-            return entry;
-          }).filter(function (e) {
-            return !!e;
-          });
+          var activeId = action.targetId || form.page.formData["".concat(action.collection.split('.').pop(), "ActiveId")];
+          var removedEntry = _utils.default.CollectionPage.removeEntry(action.collection, formState.page.formData, activeId);
+          if (action.recordRemoval) {
+            form.page.formData["".concat(action.collection.split('.').pop(), "LastRemoved")] = _objectSpread({}, removedEntry);
+          }
           break;
         default:
           break;

package/dist/components/FormRenderer/onPageAction.test.js

@@ -80,7 +80,7 @@ jest.mock('../../utils', function () {
         return data;
       }
     },
-    CollectionPage: {
+    CollectionPage: _objectSpread(_objectSpread({}, originalModule.default.CollectionPage), {}, {
       duplicateActiveEntryCalls: 0,
       duplicateActiveEntryResult: true,
       duplicateActiveEntry: function duplicateActiveEntry() {
@@ -90,14 +90,11 @@ jest.mock('../../utils', function () {
       addEntryCalls: 0,
       addEntryResult: true,
       addEntry: function addEntry(collectionName, formData) {
-        // Not allowed to call the real addEntry from inside
-        // the mock one so it's just stubbed.
-        // eslint-disable-next-line no-param-reassign
-        formData["".concat(collectionName, "ActiveId")] = '1';
+        originalModule.default.CollectionPage.addEntry(collectionName, formData);
         this.addEntryCalls += 1;
         return this.addEntryResult;
       }
-    },
+    }),
     reset: function reset() {
       this.Format.formCalls = 0;
       this.CollectionPage.duplicateActiveEntryCalls = 0;

package/dist/models/ComponentTypes.js

@@ -9,6 +9,7 @@ var TYPE_AUTOCOMPLETE = 'autocomplete';
 var TYPE_CALCULATION = 'calculation';
 var TYPE_CHECKBOXES = 'checkboxes';
 var TYPE_COLLECTION = 'collection';
+var TYPE_COLLECTION_SUMMARY = 'collection-summary';
 var TYPE_CONTAINER = 'container';
 var TYPE_DATE = 'date';
 var TYPE_DETAILS = 'details';
@@ -33,6 +34,7 @@ var ComponentTypes = {
   CALCULATION: TYPE_CALCULATION,
   CHECKBOXES: TYPE_CHECKBOXES,
   COLLECTION: TYPE_COLLECTION,
+  COLLECTION_SUMMARY: TYPE_COLLECTION_SUMMARY,
   CONTAINER: TYPE_CONTAINER,
   DATE: TYPE_DATE,
   DETAILS: TYPE_DETAILS,

package/dist/utils/CheckYourAnswers/showComponentCYA.js

@@ -12,7 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /* eslint-disable no-console */
 // Local imports
 
-var EXCLUDE_FROM_CYA = [_models.ComponentTypes.ALERT, _models.ComponentTypes.HEADING, _models.ComponentTypes.HTML, _models.ComponentTypes.INSET_TEXT];
+var EXCLUDE_FROM_CYA = [_models.ComponentTypes.ALERT, _models.ComponentTypes.COLLECTION_SUMMARY, _models.ComponentTypes.HEADING, _models.ComponentTypes.HTML, _models.ComponentTypes.INSET_TEXT];
 
 /**
  * Determines whether a given component should display on the Check your answers screen.

package/dist/utils/CollectionPage/duplicateCollectionPageActiveEntry.js

@@ -4,15 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _getCollectionPageActiveIndex = _interopRequireDefault(require("./getCollectionPageActiveIndex"));
-var _getCollectionPageData = _interopRequireDefault(require("./getCollectionPageData"));
+var _getCollectionPageActiveId = _interopRequireDefault(require("./getCollectionPageActiveId"));
+var _duplicateCollectionPageEntry = _interopRequireDefault(require("./duplicateCollectionPageEntry"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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); }
 /**
  * Duplicates the currently active entry in a named collection's data.
  * Once duplicated, the new entry is set as the active entry.
@@ -25,19 +19,8 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  * @return true if the entry ws successfully duplicated, false if not.
  */
 var duplicateCollectionPageActiveEntry = function duplicateCollectionPageActiveEntry(collectionName, formData) {
-  var currentIndex = (0, _getCollectionPageActiveIndex.default)(collectionName, formData);
-  var collectionData = (0, _getCollectionPageData.default)(collectionName, formData);
-  var currentEntry = collectionData === null || collectionData === void 0 ? void 0 : collectionData[currentIndex];
-  if (!currentEntry) {
-    return false;
-  }
-  var newEntry = _objectSpread(_objectSpread({}, currentEntry), {}, {
-    id: Date.now().toString()
-  });
-  collectionData.push(newEntry);
-  // eslint-disable-next-line no-param-reassign
-  formData["".concat(collectionName.split('.').pop(), "ActiveId")] = newEntry.id;
-  return true;
+  var currentEntryId = (0, _getCollectionPageActiveId.default)(collectionName, formData);
+  return (0, _duplicateCollectionPageEntry.default)(collectionName, formData, currentEntryId);
 };
 var _default = duplicateCollectionPageActiveEntry;
 exports.default = _default;

package/dist/utils/CollectionPage/duplicateCollectionPageEntry.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _getCollectionPageData = _interopRequireDefault(require("./getCollectionPageData"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+var duplicateCollectionPageEntry = function duplicateCollectionPageEntry(collectionName, formData, entryId) {
+  var collectionData = (0, _getCollectionPageData.default)(collectionName, formData);
+  var entryToDuplicate = collectionData === null || collectionData === void 0 ? void 0 : collectionData.find(function (entry) {
+    return entry.id === entryId;
+  });
+  if (!entryToDuplicate) {
+    return false;
+  }
+  var newEntry = _objectSpread(_objectSpread({}, entryToDuplicate), {}, {
+    id: Date.now().toString()
+  });
+  collectionData.push(newEntry);
+  // eslint-disable-next-line no-param-reassign
+  formData["".concat(collectionName.split('.').pop(), "ActiveId")] = newEntry.id;
+  return true;
+};
+var _default = duplicateCollectionPageEntry;
+exports.default = _default;

package/dist/utils/CollectionPage/duplicateCollectionPageEntry.test.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _duplicateCollectionPageEntry = _interopRequireDefault(require("./duplicateCollectionPageEntry"));
+var _getCollectionPageActiveId = _interopRequireDefault(require("./getCollectionPageActiveId"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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); }
+describe('utils.CollectionPage.duplicateCollectionPageEntry', function () {
+  var COLLECTION_NAME = 'testCollection';
+  var OBJ = {
+    id: '1',
+    value: 'value'
+  };
+  it('should duplicate the active entry if one exists', function () {
+    var _FORM_DATA;
+    var FORM_DATA = (_FORM_DATA = {}, _defineProperty(_FORM_DATA, "".concat(COLLECTION_NAME, "ActiveId"), '1'), _defineProperty(_FORM_DATA, COLLECTION_NAME, [OBJ]), _FORM_DATA);
+    (0, _duplicateCollectionPageEntry.default)(COLLECTION_NAME, FORM_DATA, '1');
+    expect(FORM_DATA[COLLECTION_NAME].length).toEqual(2);
+    expect(FORM_DATA[COLLECTION_NAME][1].value).toEqual(FORM_DATA[COLLECTION_NAME][0].value);
+    expect(FORM_DATA[COLLECTION_NAME][1].id).toBeTruthy();
+    expect(FORM_DATA[COLLECTION_NAME][1].id === '1').toBeFalsy();
+    expect(FORM_DATA["".concat(COLLECTION_NAME, "ActiveId")]).toBeTruthy();
+    expect(FORM_DATA["".concat(COLLECTION_NAME, "ActiveId")] === '1').toBeFalsy();
+  });
+  it('should duplicate entries in nested collections correctly', function () {
+    var FORM_DATA = {
+      parentsActiveId: '2',
+      childrenActiveId: '2',
+      parents: [{
+        id: '1',
+        children: [{
+          id: '1',
+          value: 'Alpha'
+        }]
+      }, {
+        id: '2',
+        children: [{
+          id: '1',
+          value: 'Alpha'
+        }, {
+          id: '2',
+          value: 'Duplicate me!'
+        }]
+      }]
+    };
+    (0, _duplicateCollectionPageEntry.default)('parents.children', FORM_DATA, '2');
+    expect(FORM_DATA.parents[1].children.length).toEqual(3);
+    expect(FORM_DATA.parents[1].children[2].value).toEqual(FORM_DATA.parents[1].children[1].value);
+    expect(FORM_DATA.parents[1].children[2].id).toBeTruthy();
+    expect(FORM_DATA.parents[1].children[2].id === FORM_DATA.parents[1].children[1].id).toBeFalsy();
+    expect((0, _getCollectionPageActiveId.default)('parents.children', FORM_DATA)).toBeTruthy();
+    expect((0, _getCollectionPageActiveId.default)('parents.children', FORM_DATA) === '2').toBeFalsy();
+  });
+  it('should do nothing if an entry with the given id does not exist', function () {
+    var _FORM_DATA2, _expect$toEqual;
+    var FORM_DATA = (_FORM_DATA2 = {}, _defineProperty(_FORM_DATA2, "".concat(COLLECTION_NAME, "ActiveId"), '1'), _defineProperty(_FORM_DATA2, COLLECTION_NAME, [OBJ]), _FORM_DATA2);
+    ;
+    (0, _duplicateCollectionPageEntry.default)(COLLECTION_NAME, FORM_DATA, '0');
+    expect(FORM_DATA).toEqual((_expect$toEqual = {}, _defineProperty(_expect$toEqual, "".concat(COLLECTION_NAME, "ActiveId"), '1'), _defineProperty(_expect$toEqual, COLLECTION_NAME, [OBJ]), _expect$toEqual));
+  });
+  it('should do nothing if the collection does not exist', function () {
+    var FORM_DATA = {};
+    (0, _duplicateCollectionPageEntry.default)(COLLECTION_NAME, FORM_DATA, '1');
+    expect(FORM_DATA).toEqual({});
+  });
+});

package/dist/utils/CollectionPage/getQuickEditPage.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+/**
+ * Generates a new renderable page configuration containing just the components specified in the config.
+ * Page is intended for rendering within a CollectionSummarys QuickEdit section.
+ * @param {object} config object specifying which components should be rendered, may extend in the future to allow futher configuration
+ * Expected object structure:
+ * {
+        "components": [
+            {
+              "use": "exampleComponent"
+            },
+            {
+              "use": "exampleComponent2"
+            }
+        ]
+    }
+ * @param {array} pages all the pages in the form
+ * @returns Page suitble for rendering in a QuickEdit
+ */
+var getQuickEditPage = function getQuickEditPage(config, pages, entryData) {
+  if (!config || !pages) {
+    return undefined;
+  }
+
+  // Create array of full component definitions
+  var components = config.components;
+  var componentsRaised = components.map(function (component) {
+    return component.use;
+  });
+  var fullComponents = [];
+  pages.forEach(function (page) {
+    var _page$components;
+    (_page$components = page.components) === null || _page$components === void 0 ? void 0 : _page$components.forEach(function (component) {
+      if (componentsRaised.includes(component.id)) {
+        var providedConfig = components.find(function (c) {
+          return c.use === component.id;
+        });
+        fullComponents.push(_objectSpread(_objectSpread({}, component), providedConfig));
+      }
+    });
+  });
+
+  // Put components and actions onto page object
+  var pageToReturn = _objectSpread({}, pages[0]);
+  pageToReturn.components = fullComponents;
+  pageToReturn.actions = [{
+    type: 'save',
+    label: 'Save',
+    validate: true,
+    classModifiers: 'primary'
+  }, {
+    type: 'cancel',
+    label: 'Cancel',
+    classModifiers: 'secondary'
+  }];
+
+  // Need to have the collection data at the top level
+  pageToReturn.formData = _objectSpread(_objectSpread({}, pageToReturn.formData), entryData);
+  delete pageToReturn.title;
+  return pageToReturn;
+};
+var _default = getQuickEditPage;
+exports.default = _default;

package/dist/utils/CollectionPage/getQuickEditPage.test.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _getQuickEditPage = _interopRequireDefault(require("./getQuickEditPage"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+describe('Utils.CollectionPage.getQuickEditPage', function () {
+  var pages = [{
+    id: 'parentPage',
+    name: 'parentPage',
+    title: 'Parent',
+    collection: {
+      name: 'parents',
+      labels: {
+        item: 'Parent'
+      }
+    },
+    components: [{
+      id: 'testText',
+      type: 'text',
+      label: 'Test text',
+      fieldId: 'testText',
+      required: true,
+      use: 'testText',
+      cya_label: 'Test text',
+      full_path: 'testText'
+    }],
+    formData: {
+      businessKey: 'DEV-20230915-705',
+      parentsActiveId: '1694777136455',
+      id: '1694777136455',
+      parents: [{
+        id: '1694777136455',
+        testText: 'test'
+      }]
+    },
+    index: 1
+  }];
+  var config = {
+    components: [{
+      use: 'testText'
+    }]
+  };
+  var expectedOutput = {
+    id: 'parentPage',
+    name: 'parentPage',
+    collection: {
+      name: 'parents',
+      labels: {
+        item: 'Parent'
+      }
+    },
+    components: [{
+      id: 'testText',
+      type: 'text',
+      label: 'Test text',
+      fieldId: 'testText',
+      required: true,
+      use: 'testText',
+      cya_label: 'Test text',
+      full_path: 'testText'
+    }],
+    formData: {
+      businessKey: 'DEV-20230915-705',
+      parentsActiveId: '1694777136455',
+      id: '1694777136455',
+      parents: [{
+        id: '1694777136455',
+        testText: 'test'
+      }],
+      testText: 'test'
+    },
+    index: 1,
+    actions: [{
+      type: 'save',
+      label: 'Save',
+      validate: true,
+      classModifiers: 'primary'
+    }, {
+      type: 'cancel',
+      label: 'Cancel',
+      classModifiers: 'secondary'
+    }]
+  };
+  it('should return a quick edit page', function () {
+    var createdPage = (0, _getQuickEditPage.default)(config, pages, {
+      testText: 'test'
+    });
+    expect(createdPage).toEqual(expectedOutput);
+  });
+  it('should return a quick edit page with overridden component properties', function () {
+    var configWithOverride = {
+      components: [{
+        use: 'testText',
+        label: 'override'
+      }]
+    };
+    var createdPage = (0, _getQuickEditPage.default)(configWithOverride, pages, {
+      testText: 'test'
+    });
+    var expectedOutputOverride = _objectSpread({}, expectedOutput);
+    expectedOutputOverride.components[0].label = 'override';
+    expect(createdPage).toEqual(expectedOutput);
+  });
+});

package/dist/utils/CollectionPage/index.js

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _addCollectionPageEntry = _interopRequireDefault(require("./addCollectionPageEntry"));
 var _duplicateCollectionPageActiveEntry = _interopRequireDefault(require("./duplicateCollectionPageActiveEntry"));
+var _duplicateCollectionPageEntry = _interopRequireDefault(require("./duplicateCollectionPageEntry"));
 var _getCollectionPageActiveId = _interopRequireDefault(require("./getCollectionPageActiveId"));
 var _getCollectionPageActiveIndex = _interopRequireDefault(require("./getCollectionPageActiveIndex"));
 var _getCollectionPageData = _interopRequireDefault(require("./getCollectionPageData"));
 var _mergeCollectionPages = _interopRequireDefault(require("./mergeCollectionPages"));
+var _removeCollectionPageEntry = _interopRequireDefault(require("./removeCollectionPageEntry"));
 var _setCollectionPageData = _interopRequireDefault(require("./setCollectionPageData"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Local imports
@@ -17,10 +19,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var CollectionPage = {
   addEntry: _addCollectionPageEntry.default,
   duplicateActiveEntry: _duplicateCollectionPageActiveEntry.default,
+  duplicateEntry: _duplicateCollectionPageEntry.default,
   getActiveId: _getCollectionPageActiveId.default,
   getActiveIndex: _getCollectionPageActiveIndex.default,
   getData: _getCollectionPageData.default,
   mergePages: _mergeCollectionPages.default,
+  removeEntry: _removeCollectionPageEntry.default,
   setData: _setCollectionPageData.default
 };
 var _default = CollectionPage;

package/dist/utils/CollectionPage/removeCollectionPageEntry.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _getCollectionPageData = _interopRequireDefault(require("./getCollectionPageData"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Local imports.
+
+/**
+ * Removes an entry with a given id from a collection.
+ * 
+ * @param {string} collectionName The name of the collection to delete the entry from.
+ * @param {object} formData The top-level formData object.
+ * @param {string} id The id of the entry to be deleted.
+ * @returns null if the target entry could not be deleted.
+ *          The deleted entry if it was deleted successfully.
+ */
+var removeCollectionPageEntry = function removeCollectionPageEntry(collectionName, formData, id) {
+  var collectionData = (0, _getCollectionPageData.default)(collectionName, formData);
+  if (!collectionData) {
+    return null;
+  }
+  var indexToDelete = collectionData.findIndex(function (entry) {
+    return entry.id === id;
+  });
+  if (indexToDelete === -1) {
+    return null;
+  }
+  var deletedEntry = collectionData[indexToDelete];
+  collectionData.splice(indexToDelete, 1);
+  return deletedEntry;
+};
+var _default = removeCollectionPageEntry;
+exports.default = _default;