@ukhomeoffice/cop-react-form-renderer 6.7.0-alpha → 6.12.0

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

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

package/dist/utils/CheckYourAnswers/getSummaryListRowForDetails.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Answer = _interopRequireDefault(require("../../components/CheckYourAnswers/Answer"));
+var _SummaryListRow = _interopRequireDefault(require("../../components/SummaryList/SummaryListRow"));
+var _SummaryListTitleRow = _interopRequireDefault(require("../../components/SummaryList/SummaryListTitleRow"));
+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 getSummaryListRowForDetails = function getSummaryListRowForDetails(page, component, customClasses, entryData, optionalFieldPlaceholder) {
+  var modifiedPage = _objectSpread(_objectSpread({}, page), {}, {
+    formData: _objectSpread(_objectSpread({}, page.formData), entryData)
+  });
+  var row = (0, _getCYARow.default)(modifiedPage, component);
+  return component.type === 'title' ? /*#__PURE__*/_react.default.createElement(_SummaryListTitleRow.default, {
+    title: component.key,
+    classes: customClasses
+  }) : /*#__PURE__*/_react.default.createElement(_SummaryListRow.default, {
+    key: "".concat(row.fieldId),
+    row: {
+      key: row.key,
+      value: /*#__PURE__*/_react.default.createElement(_Answer.default, {
+        value: row.value || component.value,
+        component: row.component,
+        formData: modifiedPage.formData,
+        placeholder: optionalFieldPlaceholder
+      }),
+      required: row.required
+    },
+    classes: customClasses
+  });
+};
+var _default = exports.default = getSummaryListRowForDetails;

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

@@ -0,0 +1,56 @@
+"use strict";
+
+var _getSummaryListRowForDetails = _interopRequireDefault(require("./getSummaryListRowForDetails"));
+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.CheckYourAnswers.getSummaryListRowForDetails', function () {
+  var COMPONENT_A = {
+    type: 'text',
+    id: 'a',
+    fieldId: 'a',
+    label: 'Alpha'
+  };
+  var TITLE = {
+    type: 'title',
+    key: 'Bravo'
+  };
+  var PAGE = {
+    id: 'page',
+    components: [COMPONENT_A],
+    formData: {
+      a: 'Alpha Value'
+    }
+  };
+  it('should get a summary list row for a component', function () {
+    var row = (0, _getSummaryListRowForDetails.default)(PAGE, COMPONENT_A, null, {});
+    expect(row.props.row.key).toEqual(COMPONENT_A.label);
+    expect(row.props.row.value.props).toMatchObject({
+      component: COMPONENT_A,
+      value: PAGE.formData[COMPONENT_A.fieldId]
+    });
+  });
+  it('should get a summary list title row for a component with a type of title', function () {
+    var row = (0, _getSummaryListRowForDetails.default)(PAGE, TITLE, null, {});
+    expect(row.props.title).toEqual(TITLE.key);
+  });
+  it('should use a placeholder value for empty optional fields if one is provided', function () {
+    var CUSTOM_PAGE = _objectSpread(_objectSpread({}, PAGE), {}, {
+      components: [{
+        type: 'text',
+        fieldId: 'componentA',
+        label: 'Component A',
+        required: false
+      }]
+    });
+    var summaryListRow = (0, _getSummaryListRowForDetails.default)(CUSTOM_PAGE, CUSTOM_PAGE.components[0], null, {}, 'Not entered');
+    expect(summaryListRow.props.row.key).toEqual('Component A');
+    expect(summaryListRow.props.row.value.props).toMatchObject({
+      placeholder: 'Not entered'
+    });
+  });
+});

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
 
-const CheckYourAnswers = {
+var CheckYourAnswers = {
   getRows: _getCYARowsForPage.default
 };
 var _default = exports.default = CheckYourAnswers;

package/dist/utils/CheckYourAnswers/showComponentCYA.js

@@ -11,7 +11,7 @@ var _getSourceData = _interopRequireDefault(require("../Data/getSourceData"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Local imports
 
-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];
+var 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.
@@ -21,7 +21,7 @@ const EXCLUDE_FROM_CYA = exports.EXCLUDE_FROM_CYA = [_models.ComponentTypes.ALER
  * 
  * @returns A boolean true if the component should show; otherwise false.
  */
-const showComponentCYA = (options, data) => {
+var showComponentCYA = function showComponentCYA(options, data) {
   if (!options) {
     return false;
   }
@@ -33,12 +33,12 @@ const showComponentCYA = (options, data) => {
   }
   if (options.hideOnCyaWhenEmpty) {
     if (options.type === _models.ComponentTypes.COLLECTION) {
-      const itemCollectionsData = (0, _getSourceData.default)(data, options.full_path);
+      var itemCollectionsData = (0, _getSourceData.default)(data, options.full_path || options.fieldId);
       if (!(itemCollectionsData !== null && itemCollectionsData !== void 0 && itemCollectionsData.length)) {
         return false;
       }
     } else {
-      const value = (0, _getSourceData.default)(data, options.fieldId);
+      var value = (0, _getSourceData.default)(data, options.fieldId);
       if (!value && value !== false && value !== 0) {
         return false;
       }