@ukhomeoffice/cop-react-form-renderer 6.14.0 → 6.14.1

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

@@ -4,24 +4,21 @@ var _react = require("@testing-library/react");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 var _models = require("../../../models");
 var _getComponent = _interopRequireDefault(require("../getComponent"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // Global imports
+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 file component', function () {
-    var ID = 'test-id';
-    var FIELD_ID = 'field-id';
-    var LABEL = 'label';
-    var ON_CHANGE_CALLS = [];
-    var ON_CHANGE = function ON_CHANGE(e) {
+
+describe('utils.Component.get', () => {
+  it('should return an appropriately rendered file component', () => {
+    const ID = 'test-id';
+    const FIELD_ID = 'field-id';
+    const LABEL = 'label';
+    const ON_CHANGE_CALLS = [];
+    const ON_CHANGE = e => {
       ON_CHANGE_CALLS.push(e.target);
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: _models.ComponentTypes.FILE,
       id: ID,
       fieldId: FIELD_ID,
@@ -29,16 +26,14 @@ describe('utils.Component.get', function () {
       onChange: ON_CHANGE,
       'data-testid': ID
     };
-    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render.container;
-    var _getAllByTestId = (0, _react.getAllByTestId)(container, ID),
-      _getAllByTestId2 = _slicedToArray(_getAllByTestId, 2),
-      formGroup = _getAllByTestId2[0],
-      input = _getAllByTestId2[1];
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const [formGroup, input] = (0, _react.getAllByTestId)(container, ID);
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    var label;
-    formGroup.childNodes.forEach(function (node) {
+    let label;
+    formGroup.childNodes.forEach(node => {
       // Check if it's an element.
       if (node instanceof Element && node.tagName === 'LABEL') {
         label = node;
@@ -50,11 +45,11 @@ describe('utils.Component.get', function () {
     expect(input.tagName).toEqual('INPUT');
     expect(input.classList).toContain('hods-file-upload__select');
     expect(input.id).toEqual("".concat(ID, "-select"));
-    var str = JSON.stringify({
+    const str = JSON.stringify({
       alpha: 'bravo'
     });
-    var blob = new Blob([str]);
-    var FILE = new File([blob], 'test.json', {
+    const blob = new Blob([str]);
+    const FILE = new File([blob], 'test.json', {
       type: 'application/JSON'
     });
     _userEvent.default.upload(input, FILE);

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

@@ -3,25 +3,26 @@
 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 heading component', function () {
-    var ID = 'test-id';
-    var SIZE = 'm';
-    var CONTENT = 'Heading text';
-    var COMPONENT = {
+describe('utils.Component.get', () => {
+  it('should return an appropriately rendered heading component', () => {
+    const ID = 'test-id';
+    const SIZE = 'm';
+    const CONTENT = 'Heading text';
+    const COMPONENT = {
       type: _models.ComponentTypes.HEADING,
       size: SIZE,
       content: CONTENT,
       'data-testid': ID
     };
-    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render.container;
-    var heading = (0, _react.getByTestId)(container, ID);
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const heading = (0, _react.getByTestId)(container, ID);
     expect(heading.innerHTML).toContain(CONTENT);
     expect(heading.tagName).toEqual('H2');
     expect(heading.classList).toContain("govuk-heading-".concat(SIZE));

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

@@ -3,37 +3,39 @@
 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 a p tag by default for an HTML component', function () {
-    var ID = 'test-id';
-    var CONTENT = 'HTML content';
-    var COMPONENT = {
+describe('utils.Component.get', () => {
+  it('should return a p tag by default for an HTML component', () => {
+    const ID = 'test-id';
+    const CONTENT = 'HTML content';
+    const COMPONENT = {
       type: _models.ComponentTypes.HTML,
       content: CONTENT,
       'data-testid': ID
     };
-    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render.container;
-    var p = (0, _react.getByTestId)(container, ID);
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const p = (0, _react.getByTestId)(container, ID);
     expect(p.innerHTML).toContain(CONTENT);
     expect(p.tagName).toEqual('P');
   });
-  it('should return an appropriate tag for an HTML component', function () {
-    var ID = 'test-id';
-    var TAG_NAME = 'hr';
-    var COMPONENT = {
+  it('should return an appropriate tag for an HTML component', () => {
+    const ID = 'test-id';
+    const TAG_NAME = 'hr';
+    const COMPONENT = {
       type: _models.ComponentTypes.HTML,
       tagName: TAG_NAME,
       'data-testid': ID
     };
-    var _render2 = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render2.container;
-    var hr = (0, _react.getByTestId)(container, ID);
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const hr = (0, _react.getByTestId)(container, ID);
     expect(hr.tagName).toEqual('HR');
   });
 });

package/dist/utils/Component/getComponentTests/getComponent.insetText.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 inset-text component', function () {
-    var ID = 'test-id';
-    var CONTENT = 'Inset text';
-    var COMPONENT = {
+describe('utils.Component.get', () => {
+  it('should return an appropriately rendered inset-text component', () => {
+    const ID = 'test-id';
+    const CONTENT = 'Inset text';
+    const COMPONENT = {
       type: _models.ComponentTypes.INSET_TEXT,
       content: CONTENT,
       'data-testid': ID
     };
-    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render.container;
-    var insetText = (0, _react.getByTestId)(container, ID);
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const insetText = (0, _react.getByTestId)(container, ID);
     expect(insetText.innerHTML).toContain(CONTENT);
     expect(insetText.tagName).toEqual('DIV');
     expect(insetText.classList).toContain('govuk-inset-text');

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

@@ -3,40 +3,42 @@
 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 a ul tag and correct className for an unordered list component', function () {
-    var ID = 'test-id';
-    var ITEMS = ['paragraph content1', 'paragraph content2'];
-    var COMPONENT = {
+describe('utils.Component.get', () => {
+  it('should return a ul tag and correct className for an unordered list component', () => {
+    const ID = 'test-id';
+    const ITEMS = ['paragraph content1', 'paragraph content2'];
+    const COMPONENT = {
       type: _models.ComponentTypes.LIST,
       ordered: false,
       items: ITEMS,
       'data-testid': ID
     };
-    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render.container;
-    var ul = (0, _react.getByTestId)(container, ID);
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const ul = (0, _react.getByTestId)(container, ID);
     expect(ul.innerHTML).toContain('<li>paragraph content1</li><li>paragraph content2</li>');
     expect(ul.tagName).toEqual('UL');
     expect(ul.className).toEqual('govuk-list govuk-list--bullet');
   });
-  it('should return a ol tag and correct className for an ordered list component', function () {
-    var ID = 'test-id';
-    var ITEMS = ['paragraph content1', 'paragraph content2'];
-    var COMPONENT = {
+  it('should return a ol tag and correct className for an ordered list component', () => {
+    const ID = 'test-id';
+    const ITEMS = ['paragraph content1', 'paragraph content2'];
+    const COMPONENT = {
       type: _models.ComponentTypes.LIST,
       ordered: true,
       items: ITEMS,
       'data-testid': ID
     };
-    var _render2 = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render2.container;
-    var ol = (0, _react.getByTestId)(container, ID);
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const ol = (0, _react.getByTestId)(container, ID);
     expect(ol.innerHTML).toContain('<li>paragraph content1</li><li>paragraph content2</li>');
     expect(ol.tagName).toEqual('OL');
     expect(ol.className).toEqual('govuk-list govuk-list--number');

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

@@ -3,24 +3,21 @@
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // Global imports
+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 multi file component', function () {
-    var ID = 'test-id';
-    var FIELD_ID = 'field-id';
-    var LABEL = 'label';
-    var ON_CHANGE_CALLS = [];
-    var ON_CHANGE = function ON_CHANGE(e) {
+
+describe('utils.Component.get', () => {
+  it('should return an appropriately rendered multi file component', () => {
+    const ID = 'test-id';
+    const FIELD_ID = 'field-id';
+    const LABEL = 'label';
+    const ON_CHANGE_CALLS = [];
+    const ON_CHANGE = e => {
       ON_CHANGE_CALLS.push(e.target);
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: _models.ComponentTypes.MULTI_FILE,
       id: ID,
       fieldId: FIELD_ID,
@@ -28,20 +25,19 @@ describe('utils.Component.get', function () {
       onChange: ON_CHANGE,
       'data-testid': ID
     };
-    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render.container;
-    var _getAllByTestId = (0, _react.getAllByTestId)(container, ID),
-      _getAllByTestId2 = _slicedToArray(_getAllByTestId, 1),
-      formGroup = _getAllByTestId2[0];
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const [formGroup] = (0, _react.getAllByTestId)(container, ID);
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    var wrapper = container.querySelector("#".concat(ID));
+    const wrapper = container.querySelector("#".concat(ID));
     expect(wrapper.tagName).toEqual('DIV');
     expect(wrapper.classList).toContain('cop-multi-file-upload');
     expect(wrapper.id).toEqual(ID);
-    var input = wrapper.children[1].children[0];
-    var label;
-    formGroup.childNodes.forEach(function (node) {
+    const input = wrapper.children[1].children[0];
+    let label;
+    formGroup.childNodes.forEach(node => {
       // Check if it's an element.
       if (node instanceof Element && node.tagName === 'LABEL') {
         label = node;
@@ -50,11 +46,11 @@ describe('utils.Component.get', function () {
     expect(label).toBeDefined();
     expect(label.innerHTML).toContain(LABEL);
     expect(label.getAttribute('for')).toEqual(ID);
-    var str = JSON.stringify({
+    const str = JSON.stringify({
       alpha: 'bravo'
     });
-    var blob = new Blob([str]);
-    var FILE = new File([blob], 'test.json', {
+    const blob = new Blob([str]);
+    const FILE = new File([blob], 'test.json', {
       type: 'application/JSON'
     });
     _react.fireEvent.change(input, {