@ukhomeoffice/cop-react-form-renderer 5.14.0 → 5.14.4

package/dist/utils/Component/getComponentTests/getComponent.warningText.test.js

@@ -3,23 +3,24 @@
 var _react = require("@testing-library/react");
 var _models = require("../../../models");
 var _getComponent = _interopRequireDefault(require("../getComponent"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Global imports
 
 // Local imports
 
-describe('utils.Component.get', function () {
-  it('should return an appropriately rendered warning-text component', function () {
-    var ID = 'test-id';
-    var CONTENT = 'Warning Text';
-    var COMPONENT = {
+describe('utils.Component.get', () => {
+  it('should return an appropriately rendered warning-text component', () => {
+    const ID = 'test-id';
+    const CONTENT = 'Warning Text';
+    const COMPONENT = {
       type: _models.ComponentTypes.WARNING,
       content: CONTENT,
       'data-testid': ID
     };
-    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render.container;
-    var warningText = (0, _react.getByTestId)(container, ID);
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const warningText = (0, _react.getByTestId)(container, ID);
     expect(warningText.innerHTML).toContain(CONTENT);
     expect(warningText.tagName).toEqual('DIV');
     expect(warningText.classList).toContain('govuk-warning-text');

package/dist/utils/Component/getDefaultValue.js

@@ -5,13 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _models = require("../../models");
-var _DEFAULT_VALUES;
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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 DEFAULT_VALUES = (_DEFAULT_VALUES = {}, _defineProperty(_DEFAULT_VALUES, _models.ComponentTypes.COLLECTION, []), _defineProperty(_DEFAULT_VALUES, _models.ComponentTypes.CONTAINER, {}), _defineProperty(_DEFAULT_VALUES, _models.ComponentTypes.FILE, {}), _DEFAULT_VALUES);
-var getDefaultValue = function getDefaultValue(component) {
+const DEFAULT_VALUES = {
+  [_models.ComponentTypes.COLLECTION]: [],
+  [_models.ComponentTypes.CONTAINER]: {},
+  [_models.ComponentTypes.FILE]: {}
+};
+const getDefaultValue = component => {
   if (!component) {
     return '';
   }
@@ -23,5 +22,4 @@ var getDefaultValue = function getDefaultValue(component) {
   }
   return DEFAULT_VALUES[component.type] || '';
 };
-var _default = getDefaultValue;
-exports.default = _default;
+var _default = exports.default = getDefaultValue;

package/dist/utils/Component/getDefaultValue.test.js

@@ -2,57 +2,57 @@
 
 var _models = require("../../models");
 var _getDefaultValue = _interopRequireDefault(require("./getDefaultValue"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe('utils.Component.defaultValue', function () {
-  it('should return an empty string if the component is undefined', function () {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+describe('utils.Component.defaultValue', () => {
+  it('should return an empty string if the component is undefined', () => {
     expect((0, _getDefaultValue.default)(undefined)).toEqual('');
   });
-  it('should return an empty string if the component is null', function () {
+  it('should return an empty string if the component is null', () => {
     expect((0, _getDefaultValue.default)(null)).toEqual('');
   });
-  it('should return an empty string if the component has no type', function () {
+  it('should return an empty string if the component has no type', () => {
     expect((0, _getDefaultValue.default)({})).toEqual('');
   });
-  it('should return an empty string if the component type is null', function () {
+  it('should return an empty string if the component type is null', () => {
     expect((0, _getDefaultValue.default)({
       type: null
     })).toEqual('');
   });
-  it('should return an empty string if the component type is undefined', function () {
+  it('should return an empty string if the component type is undefined', () => {
     expect((0, _getDefaultValue.default)({
       type: undefined
     })).toEqual('');
   });
-  it("should return an empty array if the component type is 'collection'", function () {
+  it(`should return an empty array if the component type is 'collection'`, () => {
     expect((0, _getDefaultValue.default)({
       type: _models.ComponentTypes.COLLECTION
     })).toEqual([]);
   });
-  it("should return an empty object if the component type is 'container'", function () {
+  it(`should return an empty object if the component type is 'container'`, () => {
     expect((0, _getDefaultValue.default)({
       type: _models.ComponentTypes.CONTAINER
     })).toEqual({});
   });
-  it("should return an empty object if the component type is 'file'", function () {
+  it(`should return an empty object if the component type is 'file'`, () => {
     expect((0, _getDefaultValue.default)({
       type: _models.ComponentTypes.FILE
     })).toEqual({});
   });
-  it('should return defaultValue if the component has defaultValue prop', function () {
+  it('should return defaultValue if the component has defaultValue prop', () => {
     expect((0, _getDefaultValue.default)({
       type: _models.ComponentTypes.AUTOCOMPLETE,
       defaultValue: 'test'
     })).toEqual('test');
   });
-  it('should return defaultObjectValue if the component has defaultObjectValue prop', function () {
+  it('should return defaultObjectValue if the component has defaultObjectValue prop', () => {
     expect((0, _getDefaultValue.default)({
       type: _models.ComponentTypes.AUTOCOMPLETE,
       defaultObjectValue: 'test'
     })).toEqual('test');
   });
-  Object.values(_models.ComponentTypes).forEach(function (value) {
+  Object.values(_models.ComponentTypes).forEach(value => {
     if (![_models.ComponentTypes.COLLECTION, _models.ComponentTypes.CONTAINER, _models.ComponentTypes.FILE].includes(value)) {
-      it("should return an empty object if the component type is '".concat(value, "'"), function () {
+      it(`should return an empty object if the component type is '${value}'`, () => {
         expect((0, _getDefaultValue.default)({
           type: _models.ComponentTypes.TEXT
         })).toEqual('');

package/dist/utils/Component/index.js

@@ -12,8 +12,8 @@ var _isEditable = _interopRequireDefault(require("./isEditable"));
 var _setupContainerComponentsPath = _interopRequireDefault(require("./setupContainerComponentsPath"));
 var _showComponent = _interopRequireDefault(require("./showComponent"));
 var _wrapInFormGroup = _interopRequireDefault(require("./wrapInFormGroup"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Component = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Component = {
   clean: _cleanAttributes.default,
   defaultValue: _getDefaultValue.default,
   editable: _isEditable.default,
@@ -23,5 +23,4 @@ var Component = {
   show: _showComponent.default,
   wrap: _wrapInFormGroup.default
 };
-var _default = Component;
-exports.default = _default;
+var _default = exports.default = Component;

package/dist/utils/Component/isEditable.js

@@ -7,10 +7,6 @@ exports.default = exports.EDITABLE_TYPES = void 0;
 var _models = require("../../models");
 // Local imports
 
-var EDITABLE_TYPES = [_models.ComponentTypes.AUTOCOMPLETE, _models.ComponentTypes.CALCULATION, _models.ComponentTypes.CHECKBOXES, _models.ComponentTypes.DATE, _models.ComponentTypes.EMAIL, _models.ComponentTypes.FILE, _models.ComponentTypes.MULTI_FILE, _models.ComponentTypes.PHONE_NUMBER, _models.ComponentTypes.RADIOS, _models.ComponentTypes.SELECT, _models.ComponentTypes.TEXT, _models.ComponentTypes.TEXT_AREA, _models.ComponentTypes.TIME];
-exports.EDITABLE_TYPES = EDITABLE_TYPES;
-var isEditable = function isEditable(options) {
-  return EDITABLE_TYPES.includes(options === null || options === void 0 ? void 0 : options.type) || (options === null || options === void 0 ? void 0 : options.isEditable) || false;
-};
-var _default = isEditable;
-exports.default = _default;
+const EDITABLE_TYPES = exports.EDITABLE_TYPES = [_models.ComponentTypes.AUTOCOMPLETE, _models.ComponentTypes.CALCULATION, _models.ComponentTypes.CHECKBOXES, _models.ComponentTypes.DATE, _models.ComponentTypes.EMAIL, _models.ComponentTypes.FILE, _models.ComponentTypes.MULTI_FILE, _models.ComponentTypes.PHONE_NUMBER, _models.ComponentTypes.RADIOS, _models.ComponentTypes.SELECT, _models.ComponentTypes.TEXT, _models.ComponentTypes.TEXT_AREA, _models.ComponentTypes.TIME];
+const isEditable = options => EDITABLE_TYPES.includes(options?.type) || options?.isEditable || false;
+var _default = exports.default = isEditable;

package/dist/utils/Component/isEditable.test.js

@@ -1,39 +1,38 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _isEditable = _interopRequireWildcard(require("./isEditable"));
-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); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && {}.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; }
 // Local imports
 
-describe('utils', function () {
-  describe('Component', function () {
-    describe('isEditable', function () {
-      _isEditable.EDITABLE_TYPES.forEach(function (type) {
-        it("should return true for a type of '".concat(type, "'"), function () {
-          var OPTIONS = {
-            type: type
+describe('utils', () => {
+  describe('Component', () => {
+    describe('isEditable', () => {
+      _isEditable.EDITABLE_TYPES.forEach(type => {
+        it(`should return true for a type of '${type}'`, () => {
+          const OPTIONS = {
+            type
           };
           expect((0, _isEditable.default)(OPTIONS)).toEqual(true);
         });
       });
-      it('should return false if options is undefined', function () {
+      it('should return false if options is undefined', () => {
         expect((0, _isEditable.default)(undefined)).toEqual(false);
       });
-      it('should return false if options is null', function () {
+      it('should return false if options is null', () => {
         expect((0, _isEditable.default)(null)).toEqual(false);
       });
-      it('should return false if options has no type', function () {
+      it('should return false if options has no type', () => {
         expect((0, _isEditable.default)({
           bob: 'Bob'
         })).toEqual(false);
       });
-      it("should return false if options has a type of 'hidden'", function () {
+      it(`should return false if options has a type of 'hidden'`, () => {
         expect((0, _isEditable.default)({
           type: 'hidden'
         })).toEqual(false);
       });
-      it("should return true if options has 'isEditable' set to true", function () {
+      it(`should return true if options has 'isEditable' set to true`, () => {
         expect((0, _isEditable.default)({
           isEditable: true
         })).toEqual(true);

package/dist/utils/Component/optionIsSelected.js

@@ -12,11 +12,10 @@ exports.default = void 0;
  * 
  * @returns A boolean of whether the option is selected.
  */
-var optionIsSelected = function optionIsSelected(componentValue, option) {
+const optionIsSelected = (componentValue, option) => {
   if (Array.isArray(componentValue)) {
     return componentValue.includes(option.value);
   }
   return componentValue === option.value;
 };
-var _default = optionIsSelected;
-exports.default = _default;
+var _default = exports.default = optionIsSelected;

package/dist/utils/Component/optionIsSelected.test.js

@@ -1,26 +1,26 @@
 "use strict";
 
 var _optionIsSelected = _interopRequireDefault(require("./optionIsSelected"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Local imports
 
-describe('utils.Component.isSelected', function () {
-  var SELECTED_VALUE = 'selectedValue';
-  var NOT_SELECTED_VALUE = 'notSelectedValue';
-  var OPTIONS = [{
+describe('utils.Component.isSelected', () => {
+  const SELECTED_VALUE = 'selectedValue';
+  const NOT_SELECTED_VALUE = 'notSelectedValue';
+  const OPTIONS = [{
     value: SELECTED_VALUE
   }, {
     value: NOT_SELECTED_VALUE
   }];
-  var COMPONENT = {
+  const COMPONENT = {
     id: 'a',
     fieldId: 'a',
     data: {
       options: OPTIONS
     }
   };
-  it('should properly identify which option is selected for checkboxes', function () {
-    var PAGE = {
+  it('should properly identify which option is selected for checkboxes', () => {
+    const PAGE = {
       formData: {
         a: [SELECTED_VALUE]
       }
@@ -29,8 +29,8 @@ describe('utils.Component.isSelected', function () {
     expect((0, _optionIsSelected.default)(PAGE.formData[COMPONENT.id], OPTIONS[0])).toEqual(true);
     expect((0, _optionIsSelected.default)(PAGE.formData[COMPONENT.id], OPTIONS[1])).toEqual(false);
   });
-  it('should properly identify which option is selected for radios', function () {
-    var PAGE = {
+  it('should properly identify which option is selected for radios', () => {
+    const PAGE = {
       formData: {
         a: SELECTED_VALUE
       }

package/dist/utils/Component/setupContainerComponentsPath.js

@@ -5,36 +5,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _showComponentCYA = require("../CheckYourAnswers/showComponentCYA");
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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 setupContainerComponentsPath = function setupContainerComponentsPath(container) {
-  return _objectSpread(_objectSpread({}, container), {}, {
-    components: container.components.map(function (component) {
-      if (Array.isArray(component.components)) {
-        return _objectSpread(_objectSpread({}, component), {}, {
-          components: component.components.map(function (c) {
-            if (!_showComponentCYA.EXCLUDE_FROM_CYA.includes(c.type)) {
-              return _objectSpread(_objectSpread({}, c), !c.full_path && {
-                full_path: "".concat(component.full_path || "".concat(container.full_path, ".").concat(component.fieldId), ".").concat(c.fieldId)
-              });
-            }
-            ;
-            return null;
-          }).filter(function (c) {
-            return !!c;
-          })
-        });
-      }
-      ;
-      return _objectSpread(_objectSpread({}, component), !component.full_path && {
-        full_path: "".concat(container.full_path || container.fieldId, ".").concat(component.fieldId)
-      });
-    })
-  });
-};
-var _default = setupContainerComponentsPath;
-exports.default = _default;
+const setupContainerComponentsPath = container => ({
+  ...container,
+  components: container.components.map(component => {
+    if (Array.isArray(component.components)) {
+      return {
+        ...component,
+        components: component.components.map(c => {
+          if (!_showComponentCYA.EXCLUDE_FROM_CYA.includes(c.type)) {
+            return {
+              ...c,
+              ...(!c.full_path && {
+                full_path: `${component.full_path || `${container.full_path}.${component.fieldId}`}.${c.fieldId}`
+              })
+            };
+          }
+          ;
+          return null;
+        }).filter(c => !!c)
+      };
+    }
+    ;
+    return {
+      ...component,
+      ...(!component.full_path && {
+        full_path: `${container.full_path || container.fieldId}.${component.fieldId}`
+      })
+    };
+  })
+});
+var _default = exports.default = setupContainerComponentsPath;

package/dist/utils/Component/setupContainerComponentsPath.test.js

@@ -2,75 +2,75 @@
 
 var _setupTests = require("../../setupTests");
 var _setupContainerComponentsPath = _interopRequireDefault(require("./setupContainerComponentsPath"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe('utils.CheckYourAnswers.setupContainerComponentsPath', function () {
-  it('should setup the full_path attribute for components within a container', function () {
-    var COMPONENT_1 = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+describe('utils.CheckYourAnswers.setupContainerComponentsPath', () => {
+  it('should setup the full_path attribute for components within a container', () => {
+    const COMPONENT_1 = {
       id: 'checkboxes1',
       fieldId: 'checkboxes1',
       type: 'checkboxes',
       label: 'Alpha'
     };
-    var COMPONENT_2 = {
+    const COMPONENT_2 = {
       id: 'checkboxes2',
       fieldId: 'checkboxes2',
       type: 'checkboxes',
       label: 'Bravo'
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'test-container',
       fieldId: 'test-container',
       type: 'container',
       full_path: 'test-container',
       components: [COMPONENT_1, COMPONENT_2]
     };
-    var container = (0, _setupContainerComponentsPath.default)(CONTAINER);
+    const container = (0, _setupContainerComponentsPath.default)(CONTAINER);
     (0, _setupTests.expectObjectLike)(container.components[0], {
       id: COMPONENT_1.id,
       fieldId: COMPONENT_1.fieldId,
-      full_path: "".concat(CONTAINER.fieldId, ".").concat(COMPONENT_1.fieldId),
+      full_path: `${CONTAINER.fieldId}.${COMPONENT_1.fieldId}`,
       type: COMPONENT_1.type,
       label: COMPONENT_1.label
     });
     (0, _setupTests.expectObjectLike)(container.components[1], {
       id: COMPONENT_2.id,
       fieldId: COMPONENT_2.fieldId,
-      full_path: "".concat(CONTAINER.fieldId, ".").concat(COMPONENT_2.fieldId),
+      full_path: `${CONTAINER.fieldId}.${COMPONENT_2.fieldId}`,
       type: COMPONENT_2.type,
       label: COMPONENT_2.label
     });
   });
-  it('should setup the full_path attribute for components when the container full_path property is missing', function () {
-    var COMPONENT_1 = {
+  it('should setup the full_path attribute for components when the container full_path property is missing', () => {
+    const COMPONENT_1 = {
       id: 'checkboxes1',
       fieldId: 'checkboxes1',
       type: 'checkboxes',
       label: 'Alpha'
     };
-    var COMPONENT_2 = {
+    const COMPONENT_2 = {
       id: 'checkboxes2',
       fieldId: 'checkboxes2',
       type: 'checkboxes',
       label: 'Bravo'
     };
-    var CONTAINER = {
+    const CONTAINER = {
       id: 'test-container',
       fieldId: 'test-container',
       type: 'container',
       components: [COMPONENT_1, COMPONENT_2]
     };
-    var container = (0, _setupContainerComponentsPath.default)(CONTAINER);
+    const container = (0, _setupContainerComponentsPath.default)(CONTAINER);
     (0, _setupTests.expectObjectLike)(container.components[0], {
       id: COMPONENT_1.id,
       fieldId: COMPONENT_1.fieldId,
-      full_path: "".concat(CONTAINER.fieldId, ".").concat(COMPONENT_1.fieldId),
+      full_path: `${CONTAINER.fieldId}.${COMPONENT_1.fieldId}`,
       type: COMPONENT_1.type,
       label: COMPONENT_1.label
     });
     (0, _setupTests.expectObjectLike)(container.components[1], {
       id: COMPONENT_2.id,
       fieldId: COMPONENT_2.fieldId,
-      full_path: "".concat(CONTAINER.fieldId, ".").concat(COMPONENT_2.fieldId),
+      full_path: `${CONTAINER.fieldId}.${COMPONENT_2.fieldId}`,
       type: COMPONENT_2.type,
       label: COMPONENT_2.label
     });

package/dist/utils/Component/showComponent.js

@@ -5,21 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Condition = _interopRequireDefault(require("../Condition"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Local imports
 
-var showComponent = function showComponent(component, data) {
-  var _component$show_when;
+const showComponent = (component, data) => {
   if (!component) {
     return false;
   }
   if (component.hidden && component.disabled) {
     return false;
   }
-  if (((_component$show_when = component.show_when) === null || _component$show_when === void 0 ? void 0 : _component$show_when.type) === "or") {
+  if (component.show_when?.type === "or") {
     return _Condition.default.meetsOne(component, data);
   }
   return _Condition.default.meetsAll(component, data);
 };
-var _default = showComponent;
-exports.default = _default;
+var _default = exports.default = showComponent;

package/dist/utils/Component/showComponent.test.js

@@ -1,59 +1,59 @@
 "use strict";
 
 var _showComponent = _interopRequireDefault(require("./showComponent"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Local imports
 
-describe('utils', function () {
-  describe('Component', function () {
-    describe('show', function () {
-      it('should not show when there are no options', function () {
+describe('utils', () => {
+  describe('Component', () => {
+    describe('show', () => {
+      it('should not show when there are no options', () => {
         expect((0, _showComponent.default)(null, null)).toBeFalsy();
       });
-      it('should not show when hidden and disabled', function () {
+      it('should not show when hidden and disabled', () => {
         expect((0, _showComponent.default)({
           hidden: true,
           disabled: true
         }, null)).toBeFalsy();
       });
-      it('should show when hidden but not disabled', function () {
+      it('should show when hidden but not disabled', () => {
         expect((0, _showComponent.default)({
           hidden: true
         }, null)).toBeTruthy();
       });
-      it('should show when disabled but not hidden', function () {
+      it('should show when disabled but not hidden', () => {
         expect((0, _showComponent.default)({
           disabled: true
         }, null)).toBeTruthy();
       });
-      it('should show when a single show_when condition is met', function () {
-        var COMPONENT = {
+      it('should show when a single show_when condition is met', () => {
+        const COMPONENT = {
           show_when: {
             field: 'alpha',
             op: 'eq',
             value: 'bravo'
           }
         };
-        var DATA = {
+        const DATA = {
           alpha: 'bravo'
         };
         expect((0, _showComponent.default)(COMPONENT, DATA)).toBeTruthy();
       });
-      it('should not show when a single show_when condition is not met', function () {
-        var COMPONENT = {
+      it('should not show when a single show_when condition is not met', () => {
+        const COMPONENT = {
           show_when: {
             field: 'alpha',
             op: 'eq',
             value: 'bravo'
           }
         };
-        var DATA = {
+        const DATA = {
           alpha: 'charlie'
         };
         expect((0, _showComponent.default)(COMPONENT, DATA)).toBeFalsy();
       });
-      it('should show when multiple show_when conditions are met', function () {
-        var COMPONENT = {
+      it('should show when multiple show_when conditions are met', () => {
+        const COMPONENT = {
           show_when: [{
             field: 'alpha',
             op: 'eq',
@@ -64,14 +64,14 @@ describe('utils', function () {
             value: 'delta'
           }]
         };
-        var DATA = {
+        const DATA = {
           alpha: 'bravo',
           charlie: 'delta'
         };
         expect((0, _showComponent.default)(COMPONENT, DATA)).toBeTruthy();
       });
-      it('should not show when one of multiple show_when conditions is not met', function () {
-        var COMPONENT = {
+      it('should not show when one of multiple show_when conditions is not met', () => {
+        const COMPONENT = {
           show_when: [{
             field: 'alpha',
             op: 'eq',
@@ -82,14 +82,14 @@ describe('utils', function () {
             value: 'delta'
           }]
         };
-        var DATA = {
+        const DATA = {
           alpha: 'bravo',
           charlie: 'echo'
         };
         expect((0, _showComponent.default)(COMPONENT, DATA)).toBeFalsy();
       });
-      it('SHOULD be shown when the component has multiple show_when conditions, with type "or" provided and ALL are matched', function () {
-        var COMPONENT = {
+      it('SHOULD be shown when the component has multiple show_when conditions, with type "or" provided and ALL are matched', () => {
+        const COMPONENT = {
           show_when: {
             "type": "or",
             "conditions": [{
@@ -103,14 +103,14 @@ describe('utils', function () {
             }]
           }
         };
-        var DATA = {
+        const DATA = {
           alpha: 'Alpha',
           bravo: 'Bravo'
         };
         expect((0, _showComponent.default)(COMPONENT, DATA)).toBeTruthy();
       });
-      it('SHOULD be shown when the component has multiple show_when conditions, with type "or" provided and at least ONE is matched', function () {
-        var COMPONENT = {
+      it('SHOULD be shown when the component has multiple show_when conditions, with type "or" provided and at least ONE is matched', () => {
+        const COMPONENT = {
           show_when: {
             "type": "or",
             "conditions": [{
@@ -124,14 +124,14 @@ describe('utils', function () {
             }]
           }
         };
-        var DATA = {
+        const DATA = {
           alpha: 'Alpha',
           bravo: 'Bravo'
         };
         expect((0, _showComponent.default)(COMPONENT, DATA)).toBeTruthy();
       });
-      it('should NOT be shown when the component has multiple show_when conditions, with type "or" provided and NONE are matched', function () {
-        var COMPONENT = {
+      it('should NOT be shown when the component has multiple show_when conditions, with type "or" provided and NONE are matched', () => {
+        const COMPONENT = {
           show_when: {
             "type": "or",
             "conditions": [{
@@ -145,7 +145,7 @@ describe('utils', function () {
             }]
           }
         };
-        var DATA = {
+        const DATA = {
           alpha: 'Alpha',
           bravo: 'Bravo'
         };