@ukhomeoffice/cop-react-form-renderer 6.0.6-peter → 6.7.0-alpha

package/dist/utils/CheckYourAnswers/getCYARowsForPage.test.js

@@ -4,34 +4,30 @@ var _setupTests = require("../../setupTests");
 var _models = require("../../models");
 var _getCYARowsForPage = _interopRequireDefault(require("./getCYARowsForPage"));
 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); } // Local imports
-describe('utils', function () {
-  describe('CheckYourAnswers', function () {
-    describe('getCYARowsForPage', function () {
-      it('should get a appropriate row for a page with a single readonly text component', function () {
-        var COMPONENT = {
+// Local imports
+
+describe('utils', () => {
+  describe('CheckYourAnswers', () => {
+    describe('getCYARowsForPage', () => {
+      it('should get a appropriate row for a page with a single readonly text component', () => {
+        const COMPONENT = {
           type: 'text',
           readonly: true,
           id: 'a',
           fieldId: 'a',
           label: 'Alpha'
         };
-        var PAGE = {
+        const PAGE = {
           id: 'page',
           components: [COMPONENT],
           formData: {
             a: 'Bravo'
           }
         };
-        var ON_ACTION = function ON_ACTION() {};
-        var ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
+        const ON_ACTION = () => {};
+        const ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
         expect(ROWS.length).toEqual(1);
-        ROWS.forEach(function (row, index) {
+        ROWS.forEach((row, index) => {
           (0, _setupTests.expectObjectLike)(row, {
             pageId: PAGE.id,
             fieldId: PAGE.components[index].fieldId,
@@ -42,20 +38,20 @@ describe('utils', function () {
           });
         });
       });
-      it('should get appropriate rows for a page with two editable text components', function () {
-        var COMPONENT_A = {
+      it('should get appropriate rows for a page with two editable text components', () => {
+        const COMPONENT_A = {
           type: 'text',
           id: 'a',
           fieldId: 'a',
           label: 'Alpha'
         };
-        var COMPONENT_B = {
+        const COMPONENT_B = {
           type: 'text',
           id: 'b',
           fieldId: 'b',
           label: 'Bravo'
         };
-        var PAGE = {
+        const PAGE = {
           id: 'page',
           components: [COMPONENT_A, COMPONENT_B],
           formData: {
@@ -64,10 +60,10 @@ describe('utils', function () {
           },
           cya_link: {}
         };
-        var ON_ACTION = function ON_ACTION() {};
-        var ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
+        const ON_ACTION = () => {};
+        const ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
         expect(ROWS.length).toEqual(2);
-        ROWS.forEach(function (row, index) {
+        ROWS.forEach((row, index) => {
           (0, _setupTests.expectObjectLike)(row, {
             pageId: PAGE.id,
             fieldId: PAGE.components[index].fieldId,
@@ -80,24 +76,24 @@ describe('utils', function () {
           });
         });
       });
-      it("should filter out any components that shouldn't be shown", function () {
-        var COMPONENT_A = {
+      it("should filter out any components that shouldn't be shown", () => {
+        const COMPONENT_A = {
           type: 'text',
           id: 'a',
           fieldId: 'a',
           label: 'Alpha'
         };
-        var COMPONENT_B = {
+        const COMPONENT_B = {
           type: 'text',
           id: 'b',
           fieldId: 'b',
           label: 'Bravo'
         };
-        var COMPONENT_C = {
+        const COMPONENT_C = {
           type: 'heading',
           content: 'Heading component'
         };
-        var PAGE = {
+        const PAGE = {
           id: 'page',
           components: [COMPONENT_A, COMPONENT_B, COMPONENT_C],
           formData: {
@@ -106,10 +102,10 @@ describe('utils', function () {
           },
           cya_link: {}
         };
-        var ON_ACTION = function ON_ACTION() {};
-        var ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
+        const ON_ACTION = () => {};
+        const ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
         expect(ROWS.length).toEqual(2);
-        ROWS.forEach(function (row, index) {
+        ROWS.forEach((row, index) => {
           (0, _setupTests.expectObjectLike)(row, {
             pageId: PAGE.id,
             fieldId: PAGE.components[index].fieldId,
@@ -122,20 +118,20 @@ describe('utils', function () {
           });
         });
       });
-      it('should get a appropriate row for a page with a single readonly text component inside of a container', function () {
-        var FORM_DATA = {
+      it('should get a appropriate row for a page with a single readonly text component inside of a container', () => {
+        const FORM_DATA = {
           container: {
             a: 'Bravo'
           }
         };
-        var COMPONENT = {
+        const COMPONENT = {
           type: 'text',
           readonly: true,
           id: 'a',
           fieldId: 'a',
           label: 'Alpha'
         };
-        var CONTAINER = {
+        const CONTAINER = {
           id: 'container',
           fieldId: 'container',
           type: _models.ComponentTypes.CONTAINER,
@@ -143,15 +139,15 @@ describe('utils', function () {
           value: FORM_DATA.container,
           formData: FORM_DATA
         };
-        var PAGE = {
+        const PAGE = {
           id: 'page',
           components: [CONTAINER],
           formData: FORM_DATA
         };
-        var ON_ACTION = function ON_ACTION() {};
-        var ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
+        const ON_ACTION = () => {};
+        const ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
         expect(ROWS.length).toEqual(1);
-        ROWS.forEach(function (row, index) {
+        ROWS.forEach((row, index) => {
           (0, _setupTests.expectObjectLike)(row, {
             pageId: PAGE.id,
             fieldId: CONTAINER.components[index].fieldId,
@@ -162,32 +158,32 @@ describe('utils', function () {
           });
         });
       });
-      it('Add ability to display answers from multiple fields in a single row', function () {
-        var COMPONENT_ADDRESS = {
+      it('Add ability to display answers from multiple fields in a single row', () => {
+        const COMPONENT_ADDRESS = {
           id: 'firstLineOfTheAddress',
           fieldId: 'firstLineOfTheAddress',
           label: 'address',
           type: 'text'
         };
-        var COMPONENT_TOWN = {
+        const COMPONENT_TOWN = {
           id: 'town',
           fieldId: 'town',
           label: 'Town',
           type: 'text'
         };
-        var COMPONENT_CITY = {
+        const COMPONENT_CITY = {
           id: 'city',
           fieldId: 'city',
           label: 'City',
           type: 'text'
         };
-        var COMPONENT_POSTCODE = {
+        const COMPONENT_POSTCODE = {
           id: 'postCode',
           fieldId: 'postCode',
           label: 'postCode',
           type: 'text'
         };
-        var PAGE = {
+        const PAGE = {
           components: [COMPONENT_ADDRESS, COMPONENT_TOWN, COMPONENT_CITY, COMPONENT_POSTCODE],
           id: 'addressDetails',
           fieldId: 'UK address',
@@ -205,36 +201,35 @@ describe('utils', function () {
             postCode: 'SW1A 2AA'
           }
         };
-        var ON_ACTION = function ON_ACTION() {};
+        const ON_ACTION = () => {};
         // rows do not have defined keys which means cannot pass them to render as an array,
         // so just pass the single row instead of array containing single row
-        var cyaRow = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION).map(function (row) {
-          return row.value;
-        });
+        const cyaRow = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION).map(row => row.value);
         expect(cyaRow.length).toEqual(1);
-        var _renderWithValidation = (0, _setupTests.renderWithValidation)(cyaRow[0]),
-          container = _renderWithValidation.container;
+        const {
+          container
+        } = (0, _setupTests.renderWithValidation)(cyaRow[0]);
         expect(container.childNodes.length).toEqual(4);
-        var addressValues = container.childNodes;
+        const addressValues = container.childNodes;
         expect(addressValues[0].childNodes[0].textContent).toEqual('10 Downing Street');
         expect(addressValues[1].childNodes[0].textContent).toEqual('City of Westminster');
         expect(addressValues[2].childNodes[0].textContent).toEqual('London');
         expect(addressValues[3].childNodes[0].textContent).toEqual('SW1A 2AA');
       });
-      it('should get appropriate rows for a page with a single readonly text component within a collection', function () {
-        var FORM_DATA = {
+      it('should get appropriate rows for a page with a single readonly text component within a collection', () => {
+        const FORM_DATA = {
           collection: [{
             a: 'Bravo'
           }]
         };
-        var COMPONENT = {
+        const COMPONENT = {
           type: 'text',
           readonly: true,
           id: 'a',
           fieldId: 'a',
           label: 'Alpha'
         };
-        var COLLECTION = {
+        const COLLECTION = {
           id: 'collection',
           fieldId: 'collection',
           type: _models.ComponentTypes.COLLECTION,
@@ -242,13 +237,13 @@ describe('utils', function () {
           value: FORM_DATA.collection,
           formData: FORM_DATA
         };
-        var PAGE = {
+        const PAGE = {
           id: 'page',
           components: [COLLECTION],
           formData: FORM_DATA
         };
-        var ON_ACTION = function ON_ACTION() {};
-        var ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
+        const ON_ACTION = () => {};
+        const ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
         expect(ROWS.length).toEqual(2); // Title and item row
         (0, _setupTests.expectObjectLike)(ROWS[1], {
           pageId: PAGE.id,
@@ -256,26 +251,27 @@ describe('utils', function () {
           full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId),
           key: COMPONENT.label,
           action: null,
-          component: _objectSpread(_objectSpread({}, COMPONENT), {}, {
+          component: {
+            ...COMPONENT,
             full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId)
-          }),
+          },
           value: 'Bravo'
         });
       });
-      it('should ignore the result of the override function if it returns nullish', function () {
-        var COMPONENT_A = {
+      it('should ignore the result of the override function if it returns nullish', () => {
+        const COMPONENT_A = {
           type: 'text',
           id: 'a',
           fieldId: 'a',
           label: 'Alpha'
         };
-        var COMPONENT_B = {
+        const COMPONENT_B = {
           type: 'text',
           id: 'b',
           fieldId: 'b',
           label: 'Bravo'
         };
-        var PAGE = {
+        const PAGE = {
           id: 'page',
           components: [COMPONENT_A, COMPONENT_B],
           formData: {
@@ -284,12 +280,10 @@ describe('utils', function () {
           },
           cya_link: {}
         };
-        var ON_ACTION = function ON_ACTION() {};
-        var ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION, function () {
-          return null;
-        });
+        const ON_ACTION = () => {};
+        const ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION, () => null);
         expect(ROWS.length).toEqual(2);
-        ROWS.forEach(function (row, index) {
+        ROWS.forEach((row, index) => {
           (0, _setupTests.expectObjectLike)(row, {
             pageId: PAGE.id,
             fieldId: PAGE.components[index].fieldId,
@@ -302,20 +296,20 @@ describe('utils', function () {
           });
         });
       });
-      it('should use rows produced by the override function if provided', function () {
-        var COMPONENT_A = {
+      it('should use rows produced by the override function if provided', () => {
+        const COMPONENT_A = {
           type: 'text',
           id: 'a',
           fieldId: 'a',
           label: 'Alpha'
         };
-        var COMPONENT_B = {
+        const COMPONENT_B = {
           type: 'text',
           id: 'b',
           fieldId: 'b',
           label: 'Bravo'
         };
-        var PAGE = {
+        const PAGE = {
           id: 'page',
           components: [COMPONENT_A, COMPONENT_B],
           formData: {
@@ -324,16 +318,16 @@ describe('utils', function () {
           },
           cya_link: {}
         };
-        var ON_ACTION = function ON_ACTION() {};
+        const ON_ACTION = () => {};
         // eslint-disable-next-line arrow-body-style
-        var OVERRIDE = function OVERRIDE(page, comp) {
+        const OVERRIDE = (page, comp) => {
           // This will be called for each component on the page,
           // returning a custom row object.
           return {
             key: "CustomRowFor".concat(comp.label)
           };
         };
-        var ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION, OVERRIDE);
+        const ROWS = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION, OVERRIDE);
         expect(ROWS.length).toEqual(2);
         expect(ROWS).toEqual([{
           key: 'CustomRowForAlpha'

package/dist/utils/CheckYourAnswers/getComponentRowForCYA.js

@@ -9,17 +9,17 @@ var _Answer = _interopRequireDefault(require("../../components/CheckYourAnswers/
 var _SummaryListRow = _interopRequireDefault(require("../../components/SummaryList/SummaryListRow"));
 var _getCYARow = _interopRequireDefault(require("./getCYARow"));
 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); } // Local imports
-var getComponentRowForCYA = function getComponentRowForCYA(page, component, customClasses, entryData) {
-  var modifiedPage = _objectSpread(_objectSpread({}, page), {}, {
-    formData: _objectSpread(_objectSpread({}, page.formData), entryData)
-  });
-  var row = (0, _getCYARow.default)(modifiedPage, component);
+// Local imports
+
+const getComponentRowForCYA = (page, component, customClasses, entryData) => {
+  const modifiedPage = {
+    ...page,
+    formData: {
+      ...page.formData,
+      ...entryData
+    }
+  };
+  const row = (0, _getCYARow.default)(modifiedPage, component);
   return /*#__PURE__*/_react.default.createElement(_SummaryListRow.default, {
     key: "".concat(row.fieldId),
     row: {

package/dist/utils/CheckYourAnswers/getComponentRowForCYA.test.js

@@ -2,20 +2,20 @@
 
 var _getCYARowsForPage = _interopRequireDefault(require("./getCYARowsForPage"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe('utils.CheckYourAnswers.getCYARowsForPage', function () {
-  var COMPONENT_A = {
+describe('utils.CheckYourAnswers.getCYARowsForPage', () => {
+  const COMPONENT_A = {
     type: 'text',
     id: 'a',
     fieldId: 'a',
     label: 'Alpha'
   };
-  var COMPONENT_B = {
+  const COMPONENT_B = {
     type: 'text',
     id: 'b',
     fieldId: 'b',
     label: 'Bravo'
   };
-  var PAGE = {
+  const PAGE = {
     id: 'page',
     components: [COMPONENT_A, COMPONENT_B],
     formData: {
@@ -23,9 +23,9 @@ describe('utils.CheckYourAnswers.getCYARowsForPage', function () {
       b: 'Bravo Value'
     }
   };
-  var ON_ACTION = function ON_ACTION() {};
-  it('should get rows for a page with readonly text components', function () {
-    var rows = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
+  const ON_ACTION = () => {};
+  it('should get rows for a page with readonly text components', () => {
+    const rows = (0, _getCYARowsForPage.default)(PAGE, ON_ACTION);
     expect(rows.length).toEqual(2);
     expect(rows[0]).toEqual(expect.objectContaining({
       fieldId: COMPONENT_A.fieldId,

package/dist/utils/CheckYourAnswers/index.js

@@ -8,7 +8,7 @@ var _getCYARowsForPage = _interopRequireDefault(require("./getCYARowsForPage"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Local imports
 
-var CheckYourAnswers = {
+const CheckYourAnswers = {
   getRows: _getCYARowsForPage.default
 };
 var _default = exports.default = CheckYourAnswers;

package/dist/utils/CheckYourAnswers/showComponentCYA.js

@@ -9,10 +9,9 @@ var _Component = _interopRequireDefault(require("../Component"));
 var _Container = _interopRequireDefault(require("../Container"));
 var _getSourceData = _interopRequireDefault(require("../Data/getSourceData"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable no-console */
 // Local imports
 
-var EXCLUDE_FROM_CYA = exports.EXCLUDE_FROM_CYA = [_models.ComponentTypes.ALERT, _models.ComponentTypes.COLLECTION_SUMMARY, _models.ComponentTypes.HEADING, _models.ComponentTypes.HTML, _models.ComponentTypes.INSET_TEXT];
+const EXCLUDE_FROM_CYA = exports.EXCLUDE_FROM_CYA = [_models.ComponentTypes.ALERT, _models.ComponentTypes.COLLECTION_SUMMARY, _models.ComponentTypes.DETAILS, _models.ComponentTypes.HEADING, _models.ComponentTypes.HTML, _models.ComponentTypes.INSET_TEXT];
 
 /**
  * Determines whether a given component should display on the Check your answers screen.
@@ -22,7 +21,7 @@ var EXCLUDE_FROM_CYA = exports.EXCLUDE_FROM_CYA = [_models.ComponentTypes.ALERT,
  * 
  * @returns A boolean true if the component should show; otherwise false.
  */
-var showComponentCYA = function showComponentCYA(options, data) {
+const showComponentCYA = (options, data) => {
   if (!options) {
     return false;
   }
@@ -34,12 +33,12 @@ var showComponentCYA = function showComponentCYA(options, data) {
   }
   if (options.hideOnCyaWhenEmpty) {
     if (options.type === _models.ComponentTypes.COLLECTION) {
-      var itemCollectionsData = (0, _getSourceData.default)(data, options.full_path);
+      const itemCollectionsData = (0, _getSourceData.default)(data, options.full_path);
       if (!(itemCollectionsData !== null && itemCollectionsData !== void 0 && itemCollectionsData.length)) {
         return false;
       }
     } else {
-      var value = (0, _getSourceData.default)(data, options.fieldId);
+      const value = (0, _getSourceData.default)(data, options.fieldId);
       if (!value && value !== false && value !== 0) {
         return false;
       }

package/dist/utils/CheckYourAnswers/showComponentCYA.test.js

@@ -5,81 +5,86 @@ var _showComponentCYA = _interopRequireDefault(require("./showComponentCYA"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Local imports
 
-describe('utils', function () {
-  describe('CheckYourAnswers', function () {
-    describe('showComponentCYA', function () {
-      it('should not show when there are no options', function () {
+describe('utils', () => {
+  describe('CheckYourAnswers', () => {
+    describe('showComponentCYA', () => {
+      it('should not show when there are no options', () => {
         expect((0, _showComponentCYA.default)(null, null)).toBeFalsy();
       });
-      it('should not show when show_on_cya is defined and falsy', function () {
+      it('should not show when show_on_cya is defined and falsy', () => {
         expect((0, _showComponentCYA.default)({
           show_on_cya: false
         })).toBeFalsy();
       });
-      it('should not show when it is a heading type', function () {
+      it('should not show when it is a heading type', () => {
         expect((0, _showComponentCYA.default)({
           type: _models.ComponentTypes.HEADING
         }, null)).toBeFalsy();
       });
-      it('should not show when it is an html type', function () {
+      it('should not show when it is an html type', () => {
         expect((0, _showComponentCYA.default)({
           type: _models.ComponentTypes.HTML
         }, null)).toBeFalsy();
       });
-      it('should not show when it is an inset-text type', function () {
+      it('should not show when it is an inset-text type', () => {
         expect((0, _showComponentCYA.default)({
           type: _models.ComponentTypes.INSET_TEXT
         }, null)).toBeFalsy();
       });
-      it('should not show when it hidden and disabled', function () {
+      it('should not show when it is a details type', () => {
+        expect((0, _showComponentCYA.default)({
+          type: _models.ComponentTypes.DETAILS
+        }, null)).toBeFalsy();
+      });
+      it('should not show when it hidden and disabled', () => {
         expect((0, _showComponentCYA.default)({
           hidden: true,
           disabled: true
         }, null)).toBeFalsy();
       });
-      it('should show when show_on_cya is defined and truthy', function () {
+      it('should show when show_on_cya is defined and truthy', () => {
         expect((0, _showComponentCYA.default)({
           show_on_cya: true
         })).toBeTruthy();
       });
-      it('should show when it hidden but not disabled', function () {
+      it('should show when it hidden but not disabled', () => {
         expect((0, _showComponentCYA.default)({
           hidden: true
         }, null)).toBeTruthy();
       });
-      it('should show when it disabled but not hidden', function () {
+      it('should show when it disabled but not hidden', () => {
         expect((0, _showComponentCYA.default)({
           disabled: true
         }, null)).toBeTruthy();
       });
-      it('should show when it not html, inset-text, a heading, hidden, or disabled', function () {
+      it('should show when it not html, inset-text, a heading, hidden, or disabled', () => {
         expect((0, _showComponentCYA.default)({
           type: _models.ComponentTypes.TEXT
         }, null)).toBeTruthy();
       });
-      it('should show when hideOnCyaWhenEmpty is defined and falsy', function () {
+      it('should show when hideOnCyaWhenEmpty is defined and falsy', () => {
         expect((0, _showComponentCYA.default)({
           hideOnCyaWhenEmpty: false
         })).toBeTruthy();
       });
-      it('should show collection when hideOnCyaWhenEmpty is not defined', function () {
+      it('should show collection when hideOnCyaWhenEmpty is not defined', () => {
         expect((0, _showComponentCYA.default)({
           type: _models.ComponentTypes.COLLECTION
         })).toBeTruthy();
       });
-      it('should not show when it\'s a collection and hideOnCyaWhenEmpty is truthy', function () {
+      it('should not show when it\'s a collection and hideOnCyaWhenEmpty is truthy', () => {
         expect((0, _showComponentCYA.default)({
           hideOnCyaWhenEmpty: true,
           type: _models.ComponentTypes.COLLECTION
         })).toBeFalsy();
       });
-      it('should not show when it\'s not a collection and hideOnCyaWhenEmpty is truthy', function () {
+      it('should not show when it\'s not a collection and hideOnCyaWhenEmpty is truthy', () => {
         expect((0, _showComponentCYA.default)({
           hideOnCyaWhenEmpty: true,
           type: _models.ComponentTypes.TEXT
         })).toBeFalsy();
       });
-      it('should show when length of full_path data is 1 or more', function () {
+      it('should show when length of full_path data is 1 or more', () => {
         expect((0, _showComponentCYA.default)({
           hideOnCyaWhenEmpty: true,
           type: _models.ComponentTypes.COLLECTION,
@@ -88,7 +93,7 @@ describe('utils', function () {
           example: [0, 1]
         })).toBeTruthy();
       });
-      it('should not show when length of full_path data is less than 1', function () {
+      it('should not show when length of full_path data is less than 1', () => {
         expect((0, _showComponentCYA.default)({
           hideOnCyaWhenEmpty: true,
           type: _models.ComponentTypes.COLLECTION,
@@ -97,7 +102,7 @@ describe('utils', function () {
           example: []
         })).toBeFalsy();
       });
-      it('should show when value of component data does exist and hideOnCyaWhenEmpty is truthy', function () {
+      it('should show when value of component data does exist and hideOnCyaWhenEmpty is truthy', () => {
         expect((0, _showComponentCYA.default)({
           hideOnCyaWhenEmpty: true,
           type: _models.ComponentTypes.TEXT,
@@ -106,21 +111,21 @@ describe('utils', function () {
           example: "yes"
         })).toBeTruthy();
       });
-      it('should not show when value of component data does not exist and hideOnCyaWhenEmpty is truthy', function () {
+      it('should not show when value of component data does not exist and hideOnCyaWhenEmpty is truthy', () => {
         expect((0, _showComponentCYA.default)({
           hideOnCyaWhenEmpty: true,
           type: _models.ComponentTypes.TEXT,
           fieldId: "example"
         }, {})).toBeFalsy();
       });
-      it('should show when value of component data does not exist and hideOnCyaWhenEmpty is falsy', function () {
+      it('should show when value of component data does not exist and hideOnCyaWhenEmpty is falsy', () => {
         expect((0, _showComponentCYA.default)({
           hideOnCyaWhenEmpty: false,
           type: _models.ComponentTypes.TEXT,
           fieldId: "example"
         }, {})).toBeTruthy();
       });
-      it('should show when value of component data does is falsy and hideOnCyaWhenEmpty is truthy', function () {
+      it('should show when value of component data does is falsy and hideOnCyaWhenEmpty is truthy', () => {
         expect((0, _showComponentCYA.default)({
           hideOnCyaWhenEmpty: true,
           type: _models.ComponentTypes.TEXT,
@@ -129,7 +134,7 @@ describe('utils', function () {
           example: false
         })).toBeTruthy();
       });
-      it('should show when value of component data is numerically zero and hideOnCyaWhenEmpty is truthy', function () {
+      it('should show when value of component data is numerically zero and hideOnCyaWhenEmpty is truthy', () => {
         expect((0, _showComponentCYA.default)({
           hideOnCyaWhenEmpty: true,
           type: _models.ComponentTypes.TEXT,

package/dist/utils/CollectionPage/addCollectionPageEntry.js

@@ -15,9 +15,8 @@ exports.default = void 0;
  * @param {string} collectionName The name of the collection to create the new entry for.
  * @param {object} formData The top level formData object.
  */
-var addCollectionPageEntry = function addCollectionPageEntry(collectionName, formData) {
-  var fieldName = collectionName.split('.').pop();
-  formData["".concat(fieldName, "ActiveId")] = '0';
-  formData["".concat(fieldName, "NumberedIndex")] = Number(formData["".concat(fieldName, "ActiveId")]) + 1;
+const addCollectionPageEntry = (collectionName, formData) => {
+  const fieldName = collectionName.split('.').pop();
+  formData["".concat(fieldName, "ActiveId")] = null;
 };
 var _default = exports.default = addCollectionPageEntry;