@ukhomeoffice/cop-react-form-renderer 4.77.0-alpha → 4.78.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/utils/Component/getComponent.js +12 -10
  2. package/dist/utils/Component/getComponentTests/getComponent.checkboxes.test.js +62 -0
  3. package/dist/utils/Component/getComponentTests/getComponent.radios.test.js +50 -0
  4. package/dist/utils/Validate/index.js +2 -0
  5. package/package.json +1 -1
package/dist/utils/Component/getComponent.js CHANGED
@@ -50,12 +50,13 @@ var getCheckboxes = function getCheckboxes(config) {
50
50
  _Data.default.getOptions(config, function (val) {
51
51
  options = val;
52
52
  });
53
- options.forEach(function (paramOption) {
54
- var option = _objectSpread({}, paramOption);
55
- if (!Array.isArray(option.nested)) {
56
- return;
53
+ options = options.map(function (paramOption) {
54
+ if (!Array.isArray(paramOption.nested)) {
55
+ return paramOption;
57
56
  }
58
- option.children = getChildrenJsx(config, option.nested);
57
+ return _objectSpread(_objectSpread({}, paramOption), {}, {
58
+ children: getChildrenJsx(config, paramOption.nested)
59
+ });
59
60
  });
60
61
  var attrs = (0, _cleanAttributes.default)(config);
61
62
  return /*#__PURE__*/_react.default.createElement(_copReactComponents.Checkboxes, _extends({}, attrs, {
@@ -138,12 +139,13 @@ var getRadios = function getRadios(config) {
138
139
  _Data.default.getOptions(config, function (val) {
139
140
  options = val;
140
141
  });
141
- options.forEach(function (paramOption) {
142
- var option = _objectSpread({}, paramOption);
143
- if (!Array.isArray(option.nested)) {
144
- return;
142
+ options = options.map(function (paramOption) {
143
+ if (!Array.isArray(paramOption.nested)) {
144
+ return paramOption;
145
145
  }
146
- option.children = getChildrenJsx(config, option.nested);
146
+ return _objectSpread(_objectSpread({}, paramOption), {}, {
147
+ children: getChildrenJsx(config, paramOption.nested)
148
+ });
147
149
  });
148
150
  var attrs = (0, _cleanAttributes.default)(config);
149
151
  return /*#__PURE__*/_react.default.createElement(_copReactComponents.Radios, _extends({}, attrs, {
package/dist/utils/Component/getComponentTests/getComponent.checkboxes.test.js CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  var _react = require("@testing-library/react");
4
4
  var _models = require("../../../models");
5
+ var _setupTests = require("../../../setupTests");
5
6
  var _getComponent = _interopRequireDefault(require("../getComponent"));
6
7
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
7
8
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -100,4 +101,65 @@ describe('utils.Component.get', function () {
100
101
  value: [OPTIONS[1].value]
101
102
  });
102
103
  });
104
+ it('should return an appropriately rendered checkboxes component with a nested component', function () {
105
+ var ID = 'test-id';
106
+ var FIELD_ID = 'field-id';
107
+ var LABEL = 'label';
108
+ var NESTED = {
109
+ id: 'charle',
110
+ fieldId: 'charle',
111
+ type: 'text'
112
+ };
113
+ var OPTIONS = [{
114
+ value: 'a',
115
+ label: 'Alpha',
116
+ nested: [NESTED]
117
+ }, {
118
+ value: 'b',
119
+ label: 'Bravo'
120
+ }];
121
+ var ON_CHANGE_CALLS = [];
122
+ var ON_CHANGE = function ON_CHANGE(e) {
123
+ ON_CHANGE_CALLS.push(e.target);
124
+ };
125
+ var COMPONENT = {
126
+ type: _models.ComponentTypes.CHECKBOXES,
127
+ id: ID,
128
+ fieldId: FIELD_ID,
129
+ label: LABEL,
130
+ data: {
131
+ options: OPTIONS
132
+ },
133
+ value: 'a',
134
+ onChange: ON_CHANGE,
135
+ 'data-testid': ID
136
+ };
137
+ var _renderWithValidation = (0, _setupTests.renderWithValidation)((0, _getComponent.default)(COMPONENT)),
138
+ container = _renderWithValidation.container;
139
+ var _getAllByTestId3 = (0, _react.getAllByTestId)(container, ID),
140
+ _getAllByTestId4 = _slicedToArray(_getAllByTestId3, 2),
141
+ formGroup = _getAllByTestId4[0],
142
+ checkboxes = _getAllByTestId4[1];
143
+ expect(formGroup.tagName).toEqual('DIV');
144
+ expect(formGroup.classList).toContain('govuk-form-group');
145
+ var fieldSet = formGroup.childNodes[0];
146
+ var label;
147
+ fieldSet.childNodes.forEach(function (node) {
148
+ // Check if it's an element.
149
+ if (node instanceof Element) {
150
+ if (node.tagName === 'LEGEND') {
151
+ label = node.childNodes[0];
152
+ }
153
+ }
154
+ });
155
+ expect(label).toBeDefined();
156
+ expect(label.innerHTML).toContain(LABEL);
157
+ expect(label.getAttribute('for')).toEqual(ID);
158
+ expect(checkboxes.tagName).toEqual('DIV');
159
+ expect(checkboxes.classList).toContain('govuk-checkboxes');
160
+ expect(checkboxes.childNodes.length).toEqual(OPTIONS.length + 1); // +1 for nested component
161
+ expect(checkboxes.childNodes[0].classList).toContain('govuk-checkboxes__item');
162
+ expect(checkboxes.childNodes[1].classList).toContain('govuk-checkboxes__conditional');
163
+ expect(checkboxes.childNodes[2].classList).toContain('govuk-checkboxes__item');
164
+ });
103
165
  });
package/dist/utils/Component/getComponentTests/getComponent.radios.test.js CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  var _react = require("@testing-library/react");
4
4
  var _models = require("../../../models");
5
+ var _setupTests = require("../../../setupTests");
5
6
  var _getComponent = _interopRequireDefault(require("../getComponent"));
6
7
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
7
8
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -95,4 +96,53 @@ describe('utils.Component.get', function () {
95
96
  _react.fireEvent.click(radioItems[1].childNodes[0]); // bravo (already selected, above)
96
97
  expect(ON_CHANGE_CALLS.length).toEqual(2); // No change, so no new event should have fired.
97
98
  });
99
+
100
+ it('should return an appropriately rendered radios component with nested components', function () {
101
+ var ID = 'test-id';
102
+ var FIELD_ID = 'field-id';
103
+ var LABEL = 'label';
104
+ var NESTED = {
105
+ id: 'charle',
106
+ fieldId: 'charle',
107
+ type: 'text'
108
+ };
109
+ var OPTIONS = [{
110
+ value: 'a',
111
+ label: 'Alpha',
112
+ nested: [NESTED]
113
+ }, {
114
+ value: 'b',
115
+ label: 'Bravo'
116
+ }];
117
+ var ON_CHANGE_CALLS = [];
118
+ var ON_CHANGE = function ON_CHANGE(e) {
119
+ ON_CHANGE_CALLS.push(e.target);
120
+ };
121
+ var COMPONENT = {
122
+ type: _models.ComponentTypes.RADIOS,
123
+ id: ID,
124
+ fieldId: FIELD_ID,
125
+ label: LABEL,
126
+ data: {
127
+ options: OPTIONS
128
+ },
129
+ value: 'a',
130
+ onChange: ON_CHANGE,
131
+ 'data-testid': ID
132
+ };
133
+ var _renderWithValidation = (0, _setupTests.renderWithValidation)((0, _getComponent.default)(COMPONENT)),
134
+ container = _renderWithValidation.container;
135
+ var _getAllByTestId3 = (0, _react.getAllByTestId)(container, ID),
136
+ _getAllByTestId4 = _slicedToArray(_getAllByTestId3, 2),
137
+ formGroup = _getAllByTestId4[0],
138
+ radios = _getAllByTestId4[1];
139
+ expect(formGroup.tagName).toEqual('DIV');
140
+ expect(formGroup.classList).toContain('govuk-form-group');
141
+ expect(radios.tagName).toEqual('DIV');
142
+ expect(radios.classList).toContain('govuk-radios');
143
+ expect(radios.childNodes.length).toEqual(OPTIONS.length + 1); // +1 for nested component
144
+ expect(radios.childNodes[0].classList).toContain('govuk-radios__item');
145
+ expect(radios.childNodes[1].classList).toContain('govuk-radios__conditional');
146
+ expect(radios.childNodes[2].classList).toContain('govuk-radios__item');
147
+ });
98
148
  });
package/dist/utils/Validate/index.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _validateComponent = _interopRequireDefault(require("./validateComponent"));
8
+ var _validateContainer = _interopRequireDefault(require("./validateContainer"));
8
9
  var _validateDate = _interopRequireDefault(require("./validateDate"));
9
10
  var _validateEmail = _interopRequireDefault(require("./validateEmail"));
10
11
  var _validateMultifile = _interopRequireDefault(require("./validateMultifile"));
@@ -18,6 +19,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
18
19
 
19
20
  var Validate = {
20
21
  component: _validateComponent.default,
22
+ container: _validateContainer.default,
21
23
  email: _validateEmail.default,
22
24
  date: _validateDate.default,
23
25
  multifile: _validateMultifile.default,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ukhomeoffice/cop-react-form-renderer",
3
- "version": "4.77.0-alpha",
3
+ "version": "4.78.1",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "clean": "rimraf dist",