@ukhomeoffice/cop-react-form-renderer 4.74.0 → 4.76.0

package/dist/components/CheckYourAnswers/Answer.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _VisuallyHidden = _interopRequireDefault(require("@ukhomeoffice/cop-react-components/dist/VisuallyHidden"));
 var _FormComponent = _interopRequireDefault(require("../FormComponent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -23,7 +23,7 @@ var Answer = function Answer(_ref) {
     return /*#__PURE__*/_react.default.createElement(_VisuallyHidden.default, null, "No answer");
   }
   if (!component) {
-    return value.hasOwnProperty('label') ? value.label : value;
+    return Object.prototype.hasOwnProperty.call(value, 'label') ? value.label : value;
   }
   return /*#__PURE__*/_react.default.createElement(_FormComponent.default, {
     component: _objectSpread(_objectSpread({}, component), {}, {
@@ -35,8 +35,14 @@ var Answer = function Answer(_ref) {
   });
 };
 Answer.propTypes = {
-  value: _propTypes.default.any,
-  component: _propTypes.default.object
+  component: _propTypes.default.shape({}),
+  formData: _propTypes.default.shape({}),
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({})])
+};
+Answer.defaultProps = {
+  component: null,
+  formData: null,
+  value: null
 };
 var _default = Answer;
 exports.default = _default;

package/dist/components/CheckYourAnswers/CheckYourAnswers.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.DEFAULT_TITLE = exports.DEFAULT_MARGIN_BOTTOM = exports.DEFAULT_CLASS = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../hooks");
 var _utils = _interopRequireDefault(require("../../utils"));
 var _PageActions = _interopRequireDefault(require("../PageActions"));
 var _SummaryList = _interopRequireDefault(require("../SummaryList"));
 var _Answer = _interopRequireDefault(require("./Answer"));
 require("./CheckYourAnswers.scss");
+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); }
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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; }
@@ -93,10 +93,16 @@ var CheckYourAnswers = function CheckYourAnswers(_ref) {
   (0, _react.useEffect)(function () {
     var groupsList = function groupsList() {
       var groupIds = [];
-      groups !== undefined && groups.length && groups.forEach(function (group) {
-        var groupedPageId = group.pageId;
-        groupIds.push(groupedPageId);
-      });
+      if (groups !== undefined) {
+        if (groups.length) {
+          groups.forEach(function (group) {
+            var groupedPageId = group.pageId;
+            groupIds.push(groupedPageId);
+          });
+        }
+        ;
+      }
+      ;
       setListOfGroups(groupIds);
     };
     groupsList();
@@ -121,16 +127,18 @@ var CheckYourAnswers = function CheckYourAnswers(_ref) {
   if (override) {
     return override;
   }
+  ;
   var isGroup = function isGroup(pageId) {
     return listOfGroups.includes(pageId);
   };
   var getGroupForPage = function getGroupForPage(pageId) {
     var groupAnswer;
-    groups !== undefined && groups.length && pageId !== undefined && groups.forEach(function (group) {
-      if (group.pageId === pageId) {
-        groupAnswer = group;
-      }
-    });
+    if (groups !== undefined) {
+      groupAnswer = groups.find(function (group) {
+        return group.pageId === pageId;
+      });
+    }
+    ;
     return groupAnswer;
   };
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -150,12 +158,16 @@ var CheckYourAnswers = function CheckYourAnswers(_ref) {
         className: "govuk-heading-m govuk-!-margin-top-8 govuk-!-margin-bottom-0"
       }, filterPages.length > 0 && task.name), filterPages.map(function (page, pageIndex) {
         var hideActionButtons;
-        isGroup(page.id) ? hideActionButtons = true : hideActionButtons = noChangeAction;
+        if (isGroup(page.id)) {
+          hideActionButtons = true;
+        } else {
+          hideActionButtons = noChangeAction;
+        }
         return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
           key: pageIndex
-        }, !hide_page_titles && page.title && !isGroup(page.id) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h4", {
+        }, !hide_page_titles && page.title && !isGroup(page.id) && /*#__PURE__*/_react.default.createElement("h4", {
           className: "govuk-heading-m govuk-!-margin-top-6 govuk-!-margin-bottom-5"
-        }, _utils.default.interpolateString(page.title, page.formData))), /*#__PURE__*/_react.default.createElement(_SummaryList.default, {
+        }, _utils.default.interpolateString(page.title, page.formData)), /*#__PURE__*/_react.default.createElement(_SummaryList.default, {
           rows: page.rows,
           classModifiers: summaryListClassModifiers,
           noChangeAction: hideActionButtons,
@@ -167,10 +179,17 @@ var CheckYourAnswers = function CheckYourAnswers(_ref) {
   }), type !== 'task-list-cya' && pages && pages.map(function (page, pageIndex, array) {
     var pageMarginBottom = isLastPage(pageIndex) || isGroup(array[pageIndex].id) || isGroup(array[pageIndex + 1].id) ? DEFAULT_MARGIN_BOTTOM : listMarginBottom;
     var currentGroup;
-    isGroup(page.id) && (currentGroup = getGroupForPage(page.id));
+    if (isGroup(page.id)) {
+      currentGroup = getGroupForPage(page.id);
+    }
+    ;
     var className = "govuk-!-margin-bottom-".concat(pageMarginBottom);
     var hideActionButtons;
-    isGroup(page.id) ? hideActionButtons = true : hideActionButtons = noChangeAction;
+    if (isGroup(page.id)) {
+      hideActionButtons = true;
+    } else {
+      hideActionButtons = noChangeAction;
+    }
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
       key: pageIndex
     }, !hide_page_titles && page.title && !isGroup(page.id) && /*#__PURE__*/_react.default.createElement(_copReactComponents.MediumHeading, null, _utils.default.interpolateString(page.title, page.formData)), isGroup(page.id) && /*#__PURE__*/_react.default.createElement("div", {
@@ -191,35 +210,40 @@ var CheckYourAnswers = function CheckYourAnswers(_ref) {
   }));
 };
 CheckYourAnswers.propTypes = {
-  title: _propTypes.default.string.isRequired,
-  pages: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
   actions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string])),
-  onAction: _propTypes.default.func.isRequired,
-  onRowAction: _propTypes.default.func.isRequired,
-  hide_page_titles: _propTypes.default.bool,
+  groups: _propTypes.default.shape([]),
   hide_actions: _propTypes.default.bool,
+  hide_page_titles: _propTypes.default.bool,
   hide_title: _propTypes.default.bool,
-  summaryListClassModifiers: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
   noChangeAction: _propTypes.default.bool,
   noGroupAction: _propTypes.default.bool,
+  onAction: _propTypes.default.func.isRequired,
+  onRowAction: _propTypes.default.func.isRequired,
+  pages: _propTypes.default.arrayOf(_propTypes.default.shape({})).isRequired,
   sections: _propTypes.default.arrayOf(_propTypes.default.shape({
     name: _propTypes.default.string.isRequired,
     tasks: _propTypes.default.arrayOf(_propTypes.default.shape({
       name: _propTypes.default.string.isRequired,
-      pages: _propTypes.default.array.isRequired,
+      pages: _propTypes.default.shape([]).isRequired,
       state: _propTypes.default.string.isRequired
     })).isRequired
   })),
+  summaryListClassModifiers: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
+  title: _propTypes.default.string,
   type: _propTypes.default.string
 };
 CheckYourAnswers.defaultProps = {
-  title: DEFAULT_TITLE,
-  hide_page_titles: false,
+  actions: [],
+  groups: [],
   hide_actions: false,
+  hide_page_titles: false,
   hide_title: false,
-  summaryListClassModifiers: null,
   noChangeAction: false,
-  sections: []
+  noGroupAction: false,
+  sections: [],
+  summaryListClassModifiers: null,
+  title: DEFAULT_TITLE,
+  type: null
 };
 var _default = CheckYourAnswers;
 exports.default = _default;

package/dist/components/CheckYourAnswers/CheckYourAnswers.test.js

@@ -69,8 +69,9 @@ describe('components', function () {
       container.remove();
       container = null;
     });
-    var checkCYA = function checkCYA(container) {
-      var cya = container.childNodes[0];
+    var checkCYA = function checkCYA(cyaContainer) {
+      var checkCYAContainer = cyaContainer;
+      var cya = checkCYAContainer.childNodes[0];
       expect(cya.tagName).toEqual('DIV');
       expect(cya.classList).toContain(_CheckYourAnswers.DEFAULT_CLASS);
       return cya;
@@ -358,12 +359,12 @@ describe('components', function () {
       }, _callee14);
     })));
     it('Show answers from multiple address fields into in one DL', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
-      var DATA, GROUP_PAGES, cya, groupedComponent, keyGroup, valueGroup, changeButtonDiv, changeButton;
+      var ADDRESS_DATA, GROUP_PAGES, cya, groupedComponent, keyGroup, valueGroup, changeButtonDiv, changeButton;
       return _regeneratorRuntime().wrap(function _callee16$(_context16) {
         while (1) switch (_context16.prev = _context16.next) {
           case 0:
-            DATA = _utils.default.Data.setupForm(_group.default.pages, _group.default.components, _groupData.default);
-            GROUP_PAGES = _utils.default.FormPage.getAll(_group.default.pages, _group.default.components, _objectSpread({}, DATA));
+            ADDRESS_DATA = _utils.default.Data.setupForm(_group.default.pages, _group.default.components, _groupData.default);
+            GROUP_PAGES = _utils.default.FormPage.getAll(_group.default.pages, _group.default.components, _objectSpread({}, ADDRESS_DATA));
             _context16.next = 4;
             return (0, _testUtils.act)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
               return _regeneratorRuntime().wrap(function _callee15$(_context15) {

package/dist/components/CollectionPage/CollectionPage.js

@@ -45,10 +45,11 @@ var CollectionPage = function CollectionPage(_ref) {
    * This is so that the overall form data isn't affected until such
    * time as the onAction handler is invoked.
   */
+  var currentPage = page;
   var onPageChange = function onPageChange(_ref2) {
     var target = _ref2.target;
-    page.formData[target.name] = target.value;
-    data = page.formData[page.collection.name] || patch[page.collection.name] || [];
+    currentPage.formData[target.name] = target.value;
+    data = currentPage.formData[currentPage.collection.name] || patch[currentPage.collection.name] || [];
     setPatch(function (prev) {
       return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, target.name, target.value));
     });
@@ -108,8 +109,8 @@ CollectionPage.propTypes = {
       name: _propTypes.default.string.isRequired
     }).isRequired,
     components: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object])).isRequired,
-    actions: _propTypes.default.array,
-    formData: _propTypes.default.object.isRequired
+    actions: _propTypes.default.shape([]),
+    formData: _propTypes.default.shape({}).isRequired
   }).isRequired,
   onAction: _propTypes.default.func.isRequired,
   classBlock: _propTypes.default.string,
@@ -118,7 +119,8 @@ CollectionPage.propTypes = {
 };
 CollectionPage.defaultProps = {
   classBlock: DEFAULT_CLASS,
-  classModifiers: []
+  classModifiers: [],
+  className: ''
 };
 var _default = CollectionPage;
 exports.default = _default;

package/dist/components/FormComponent/Collection.js

@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.DEFAULT_CLASS = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _models = require("../../models");
 var _utils = _interopRequireDefault(require("../../utils"));
 var _Container = _interopRequireDefault(require("./Container"));
 require("./Collection.scss");
+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); }
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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; }
@@ -90,7 +90,6 @@ var Collection = function Collection(_ref) {
     if (config.minimumEntries && !value.length) {
       onAddAnother();
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps  
   }, [config.minimumEntries, value.length]);
   var onRemoveItem = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(item) {
@@ -121,7 +120,7 @@ var Collection = function Collection(_ref) {
     className: classes('title')
   }, config.label), value && value.map(function (item, index) {
     var _config$removeLocatio;
-    var full_path = "".concat(config.full_path || config.fieldId, "[").concat(index, "]");
+    var fullPath = "".concat(config.fullPath || config.fieldId, "[").concat(index, "]");
     var labelCount = (config.countOffset || 0) + index + 1;
     var itemTitle = _utils.default.interpolateString(labels.item, _objectSpread(_objectSpread({}, item), {}, {
       index: labelCount
@@ -148,14 +147,14 @@ var Collection = function Collection(_ref) {
         fieldId: item.id,
         type: 'container',
         required: config.required,
-        full_path: full_path,
+        full_path: fullPath,
         components: config.item.map(function (component) {
           return _objectSpread(_objectSpread({}, component), {}, {
             readonly: config.readonly ? true : component.readonly,
             label: _utils.default.interpolateString(component.label, _objectSpread(_objectSpread({}, item), {}, {
               index: labelCount
             })),
-            full_path: "".concat(full_path, ".").concat(component.fieldId)
+            fullPath: "".concat(fullPath, ".").concat(component.fieldId)
           });
         })
       },
@@ -177,30 +176,39 @@ var Collection = function Collection(_ref) {
 };
 Collection.propTypes = {
   config: _propTypes.default.shape({
+    className: _propTypes.default.string,
+    countOffset: _propTypes.default.number,
+    disableAddAndRemove: _propTypes.default.bool,
     id: _propTypes.default.string.isRequired,
     fieldId: _propTypes.default.string.isRequired,
+    fullPath: _propTypes.default.string,
+    item: _propTypes.default.arrayOf(_propTypes.default.shape({
+      fieldId: _propTypes.default.string,
+      type: _propTypes.default.string
+    })),
     label: _propTypes.default.string,
     labels: _propTypes.default.shape({
       item: _propTypes.default.string,
       add: _propTypes.default.string,
       remove: _propTypes.default.string
     }),
+    minimumEntries: _propTypes.default.string,
+    readonly: _propTypes.default.bool,
     removeLocation: _propTypes.default.string,
-    disableAddAndRemove: _propTypes.default.bool,
-    countOffset: _propTypes.default.number,
-    className: _propTypes.default.string,
-    item: _propTypes.default.arrayOf(_propTypes.default.shape({
-      fieldId: _propTypes.default.string,
-      type: _propTypes.default.string
-    }))
+    required: _propTypes.default.bool
   }).isRequired,
+  formData: _propTypes.default.shape({}),
+  onChange: _propTypes.default.func,
+  onTopLevelChange: _propTypes.default.func,
   value: _propTypes.default.arrayOf(_propTypes.default.shape()),
-  formData: _propTypes.default.any,
-  wrap: _propTypes.default.bool,
-  onChange: _propTypes.default.func
+  wrap: _propTypes.default.bool
 };
 Collection.defaultProps = {
-  value: []
+  formData: null,
+  onChange: undefined,
+  onTopLevelChange: undefined,
+  value: [],
+  wrap: false
 };
 var _default = Collection;
 exports.default = _default;

package/dist/components/FormComponent/Container.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DEFAULT_CLASS = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _models = require("../../models");
 var _utils = _interopRequireDefault(require("../../utils"));
 var _FormComponent = _interopRequireDefault(require("./FormComponent"));
@@ -49,14 +49,14 @@ var Container = function Container(_ref) {
     }
   };
   var shouldShow = function shouldShow(options) {
-    var full_path = "".concat(container.full_path || container.fieldId, ".").concat(options.fieldId);
+    var fullPath = "".concat(container.full_path || container.fieldId, ".").concat(options.fieldId);
     if (options.type === _models.ComponentTypes.CONTAINER) {
       return _utils.default.Container.show(_objectSpread(_objectSpread({}, options), {}, {
-        full_path: full_path
+        fullPath: fullPath
       }), formData);
     }
     return _utils.default.Component.show(_objectSpread(_objectSpread({}, options), {}, {
-      full_path: full_path
+      fullPath: fullPath
     }), formData);
   };
   var classes = _utils.default.classBuilder(DEFAULT_CLASS, [], container.className);
@@ -66,12 +66,12 @@ var Container = function Container(_ref) {
   }), container.components && container.components.filter(shouldShow).map(function (component, index) {
     var defaultValue = component.type === _models.ComponentTypes.FILE ? {} : '';
     var val = value ? value[component.fieldId] : defaultValue;
-    var full_path = "".concat(container.full_path || container.fieldId, ".").concat(component.fieldId);
+    var fullPath = "".concat(container.full_path || container.fieldId, ".").concat(component.fieldId);
     return /*#__PURE__*/_react.default.createElement(_FormComponent.default, _extends({
       key: index
     }, attrs, {
       component: _objectSpread(_objectSpread({}, component), {}, {
-        full_path: full_path,
+        full_path: fullPath,
         readonly: container.readonly ? true : component.readonly
       }),
       formData: formData,
@@ -84,19 +84,29 @@ var Container = function Container(_ref) {
 };
 Container.propTypes = {
   container: _propTypes.default.shape({
-    id: _propTypes.default.string.isRequired,
-    fieldId: _propTypes.default.string.isRequired,
+    className: _propTypes.default.string,
     components: _propTypes.default.arrayOf(_propTypes.default.shape({
       fieldId: _propTypes.default.string,
       type: _propTypes.default.string
-    }))
+    })),
+    fieldId: _propTypes.default.string,
+    full_path: _propTypes.default.string,
+    id: _propTypes.default.string,
+    readonly: _propTypes.default.bool
   }).isRequired,
-  value: _propTypes.default.any,
-  formData: _propTypes.default.any,
-  wrap: _propTypes.default.bool,
-  onChange: _propTypes.default.func
+  formData: _propTypes.default.shape({}),
+  fullPath: _propTypes.default.string,
+  onChange: _propTypes.default.func,
+  onTopLevelChange: _propTypes.default.func,
+  value: _propTypes.default.string,
+  wrap: _propTypes.default.bool
 };
 Container.defaultProps = {
+  formData: null,
+  fullPath: '',
+  onChange: undefined,
+  onTopLevelChange: undefined,
+  value: null,
   wrap: true
 };
 var _default = Container;

package/dist/components/FormComponent/FormComponent.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../hooks");
 var _models = require("../../models");
 var _utils = _interopRequireDefault(require("../../utils"));
@@ -15,9 +15,9 @@ var _Collection = _interopRequireDefault(require("./Collection"));
 var _Container = _interopRequireDefault(require("./Container"));
 var _helpers = require("./helpers");
 var _excluded = ["component", "value", "formData", "wrap", "onChange", "onTopLevelChange"];
+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); }
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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; }
@@ -59,8 +59,10 @@ var FormComponent = function FormComponent(_ref) {
     var target = _ref2.target;
     if (typeof onChange === 'function') {
       if (component.type === _models.ComponentTypes.EMAIL) {
-        target['value'] = target.value.trim();
+        // eslint-disable-next-line no-param-reassign
+        target.value = target.value.trim();
       }
+      // eslint-disable-next-line no-param-reassign
       target = (0, _helpers.addLabel)(target, component, data);
       onChange({
         target: target
@@ -130,21 +132,34 @@ var FormComponent = function FormComponent(_ref) {
 };
 FormComponent.propTypes = {
   component: _propTypes.default.shape({
-    fieldId: _propTypes.default.string,
-    label: _propTypes.default.string,
-    hint: _propTypes.default.string,
+    additionalValidation: _propTypes.default.shape([]),
+    allowMultiple: _propTypes.default.bool,
+    content: _propTypes.default.shape({}),
+    cya_label: _propTypes.default.string,
     data: _propTypes.default.shape({
       options: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object])),
       url: _propTypes.default.string
-    })
+    }),
+    disabled: _propTypes.default.bool,
+    fieldId: _propTypes.default.string,
+    full_path: _propTypes.default.string,
+    hint: _propTypes.default.string,
+    id: _propTypes.default.string,
+    label: _propTypes.default.string,
+    suffix: _propTypes.default.string,
+    type: _propTypes.default.string
   }).isRequired,
-  value: _propTypes.default.any,
-  formData: _propTypes.default.any,
+  value: _propTypes.default.string,
+  formData: _propTypes.default.shape({}),
   wrap: _propTypes.default.bool,
   onChange: _propTypes.default.func,
   onTopLevelChange: _propTypes.default.func
 };
 FormComponent.defaultProps = {
+  formData: null,
+  onChange: undefined,
+  onTopLevelChange: undefined,
+  value: null,
   wrap: true
 };
 var _default = FormComponent;

package/dist/components/FormComponent/helpers/addLabel.js

@@ -10,7 +10,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
  * @param {object} target The target to be updated.
  * @returns The updated target.
  */
-var addLabel = function addLabel(target, component, data) {
+var addLabel = function addLabel(paramTarget, component, data) {
+  var target = paramTarget;
   // target.value can be an object in which case use value in object attribute
   var value = _typeof(target.value) === 'object' ? target.value.value : target.value;
   // find the reference data item using the value
@@ -18,8 +19,8 @@ var addLabel = function addLabel(target, component, data) {
     return String(e.id) === value;
   });
   // if item is null it means that the target.value can be used as a label otherwise use item.label
-  target['label'] = item === undefined ? target.value : item.label;
-  target['component'] = component.cya_label;
+  target.label = item === undefined ? target.value : item.label;
+  target.component = component.cya_label;
   return target;
 };
 var _default = addLabel;