@ukhomeoffice/cop-react-form-renderer 4.18.0 → 5.0.0-alpha

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

@@ -1,59 +0,0 @@
-"use strict";
-
-var _getCYACollectionDeleteAction = _interopRequireDefault(require("./getCYACollectionDeleteAction"));
-
-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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-describe('utils', function () {
-  describe('CheckYourAnswers', function () {
-    describe('getCYACollectionDeleteAction', function () {
-      var PAGE = {
-        id: 'pageid',
-        collection: {
-          name: 'collectionName',
-          labels: {
-            remove: 'customName'
-          }
-        }
-      };
-      var ITEM = {
-        id: 2
-      };
-      var TEST_DATA = {
-        page: _objectSpread({}, PAGE),
-        collectionName: [{
-          id: 1
-        }, {
-          id: 2
-        }, {
-          id: 3
-        }]
-      };
-      it('should remove selected item from the form data', function () {
-        var data = null;
-
-        var ON_ACTION = function ON_ACTION(_, call_back) {
-          data = call_back(TEST_DATA);
-        };
-
-        var action = (0, _getCYACollectionDeleteAction.default)(PAGE, ITEM, ON_ACTION, 0, {});
-        action.action.onAction();
-        expect(data.collectionName.length).toEqual(2);
-        expect(data.collectionName[0].id).toEqual(1);
-        expect(data.collectionName[1].id).toEqual(3);
-      });
-      it('should get label to custom value', function () {
-        var action = (0, _getCYACollectionDeleteAction.default)(PAGE, ITEM, function () {}, 0, {
-          label: "customName"
-        });
-        expect(action.action.label).toEqual('customName');
-      });
-    });
-  });
-});

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

@@ -1,256 +0,0 @@
-"use strict";
-
-var _setupTests = require("../../setupTests");
-
-var _getCYARow = _interopRequireDefault(require("./getCYARow"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-describe('utils', function () {
-  describe('CheckYourAnswers', function () {
-    describe('getCYARow', function () {
-      it('should get an appropriate row for a readonly text component', function () {
-        var PAGE = {
-          id: 'page',
-          formData: {
-            a: 'Bravo'
-          }
-        };
-        var COMPONENT = {
-          type: 'text',
-          readonly: true,
-          id: 'a',
-          fieldId: 'a',
-          label: 'Alpha'
-        };
-
-        var ON_ACTION = function ON_ACTION() {};
-
-        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
-        (0, _setupTests.expectObjectLike)(ROW, {
-          pageId: PAGE.id,
-          fieldId: COMPONENT.fieldId,
-          key: COMPONENT.label,
-          value: 'Bravo',
-          component: COMPONENT,
-          action: null
-        });
-      });
-      it('should get an appropriate row for a readonly text component with no value', function () {
-        var PAGE = {
-          id: 'page',
-          formData: {}
-        };
-        var COMPONENT = {
-          type: 'text',
-          readonly: true,
-          id: 'a',
-          fieldId: 'a',
-          label: 'Alpha'
-        };
-
-        var ON_ACTION = function ON_ACTION() {};
-
-        expect((0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION)).toEqual({
-          pageId: PAGE.id,
-          id: COMPONENT.id,
-          fieldId: COMPONENT.fieldId,
-          key: COMPONENT.label,
-          value: '',
-          component: COMPONENT,
-          action: null
-        });
-      });
-      it('should get an appropriate row for a readonly non-editable component', function () {
-        var PAGE = {
-          id: 'page',
-          formData: {
-            a: 'BLAH'
-          }
-        };
-        var COMPONENT = {
-          type: 'blah',
-          readonly: true,
-          id: 'a',
-          fieldId: 'a',
-          label: 'Alpha'
-        };
-
-        var ON_ACTION = function ON_ACTION() {};
-
-        expect((0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION)).toEqual({
-          pageId: PAGE.id,
-          id: COMPONENT.id,
-          fieldId: COMPONENT.fieldId,
-          key: COMPONENT.label,
-          value: 'BLAH',
-          action: null
-        });
-      });
-      it('should use the cya_label where there is no label', function () {
-        var PAGE = {
-          id: 'page',
-          formData: {
-            a: 'Bravo'
-          }
-        };
-        var COMPONENT = {
-          type: 'text',
-          readonly: true,
-          id: 'a',
-          fieldId: 'a',
-          cya_label: 'CYA Alpha'
-        };
-
-        var ON_ACTION = function ON_ACTION() {};
-
-        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
-        (0, _setupTests.expectObjectLike)(ROW, {
-          pageId: PAGE.id,
-          fieldId: COMPONENT.fieldId,
-          key: COMPONENT.cya_label,
-          action: null,
-          component: COMPONENT,
-          value: 'Bravo'
-        });
-      });
-      it('should get an appropriate row for an editable text component', function () {
-        var PAGE = {
-          id: 'page',
-          formData: {
-            a: 'Bravo'
-          },
-          cya_link: {}
-        };
-        var COMPONENT = {
-          type: 'text',
-          id: 'a',
-          fieldId: 'a',
-          label: 'Alpha'
-        };
-
-        var ON_ACTION = function ON_ACTION() {};
-
-        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
-        (0, _setupTests.expectObjectLike)(ROW, {
-          pageId: PAGE.id,
-          fieldId: COMPONENT.fieldId,
-          key: COMPONENT.label,
-          component: COMPONENT,
-          value: 'Bravo'
-        });
-        (0, _setupTests.expectObjectLike)(ROW.action, {
-          onAction: ON_ACTION
-        });
-      });
-      it('should update any nested components with corresponding values from the stored formdata', function () {
-        var SELECTED_VALUE = 'selectedValue';
-        var NESTED_ID = 'nestedId';
-        var NESTED_VALUE = 'nestedValue';
-        var PAGE = {
-          id: 'page',
-          formData: _defineProperty({
-            a: SELECTED_VALUE
-          }, NESTED_ID, NESTED_VALUE),
-          cya_link: {}
-        };
-        var COMPONENT = {
-          type: 'radios',
-          id: 'a',
-          fieldId: 'a',
-          data: {
-            options: [{
-              value: SELECTED_VALUE,
-              nested: [{
-                id: NESTED_ID
-              }]
-            }]
-          }
-        };
-        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, function () {});
-        expect(ROW.component.data.options[0].nested[0].value).toEqual(NESTED_VALUE);
-      });
-      it('should handle an undefined formData when attempting to set nested values', function () {
-        var SELECTED_VALUE = 'selectedValue';
-        var NESTED_ID = 'nestedId';
-        var PAGE = {
-          id: 'page',
-          cya_link: {}
-        };
-        var COMPONENT = {
-          type: 'radios',
-          id: 'a',
-          fieldId: 'a',
-          data: {
-            options: [{
-              value: SELECTED_VALUE,
-              nested: [{
-                id: NESTED_ID
-              }]
-            }]
-          }
-        };
-        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, function () {});
-        expect(ROW.component.data.options[0].nested[0].value).toBeUndefined();
-      });
-      it('should get an appropriate row for a readonly text component with no value and interpolated label', function () {
-        var PAGE = {
-          id: 'page',
-          formData: {
-            text: 'Smith'
-          }
-        }; // eslint-disable-next-line no-template-curly-in-string
-
-        var COMPONENT = {
-          type: 'text',
-          readonly: true,
-          id: 'a',
-          fieldId: 'a',
-          label: 'Alpha ${text}'
-        };
-
-        var ON_ACTION = function ON_ACTION() {};
-
-        expect((0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION)).toEqual({
-          pageId: PAGE.id,
-          id: COMPONENT.id,
-          fieldId: COMPONENT.fieldId,
-          key: 'Alpha Smith',
-          value: '',
-          component: COMPONENT,
-          action: null
-        });
-      });
-      it('should use the interolated cya_label where there is no label', function () {
-        var PAGE = {
-          id: 'page',
-          formData: {
-            a: 'Bravo'
-          }
-        }; // eslint-disable-next-line no-template-curly-in-string
-
-        var COMPONENT = {
-          type: 'text',
-          readonly: true,
-          id: 'a',
-          fieldId: 'a',
-          cya_label: 'CYA Alpha ${a}'
-        };
-
-        var ON_ACTION = function ON_ACTION() {};
-
-        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
-        (0, _setupTests.expectObjectLike)(ROW, {
-          pageId: PAGE.id,
-          fieldId: COMPONENT.fieldId,
-          key: 'CYA Alpha Bravo',
-          action: null,
-          component: COMPONENT,
-          value: 'Bravo'
-        });
-      });
-    });
-  });
-});

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

@@ -1,77 +0,0 @@
-"use strict";
-
-var _setupTests = require("../../setupTests");
-
-var _getCYARowForGroup = _interopRequireDefault(require("./getCYARowForGroup"));
-
-var _getCYARow = _interopRequireDefault(require("./getCYARow"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Local imports 
-describe('utils', function () {
-  describe('CheckYourAnswers', function () {
-    describe('getCYARowsForGroup', function () {
-      it('should check address values block', function () {
-        var COMPONENT_ADDRESS = {
-          id: 'firstLineOfTheAddress',
-          fieldId: 'firstLineOfTheAddress',
-          label: 'address',
-          type: 'text'
-        };
-        var COMPONENT_TOWN = {
-          id: 'town',
-          fieldId: 'town',
-          label: 'Town',
-          type: 'text'
-        };
-        var COMPONENT_CITY = {
-          id: 'city',
-          fieldId: 'city',
-          label: 'City',
-          type: 'text'
-        };
-        var COMPONENT_POSTCODE = {
-          id: 'postCode',
-          fieldId: 'postCode',
-          label: 'postCode',
-          type: 'text'
-        };
-        var PAGE = {
-          components: [COMPONENT_ADDRESS, COMPONENT_TOWN, COMPONENT_CITY, COMPONENT_POSTCODE],
-          id: 'addressDetails',
-          fieldId: 'UK address',
-          groups: [{
-            id: 'address',
-            label: 'Address details',
-            components: ['firstLineOfTheAddress', 'town', 'city', 'postCode']
-          }],
-          name: 'address-details',
-          title: 'Address details',
-          formData: {
-            firstLineOfTheAddress: '10 Downing Street',
-            town: 'City of Westminster',
-            city: 'London',
-            postCode: 'SW1A 2AA'
-          }
-        };
-
-        var ON_ACTION = function ON_ACTION() {};
-
-        var rows = PAGE.components.map(function (component) {
-          return (0, _getCYARow.default)(PAGE, component, ON_ACTION);
-        });
-
-        var _renderWithValidation = (0, _setupTests.renderWithValidation)((0, _getCYARowForGroup.default)(PAGE, PAGE.groups[0], rows, ON_ACTION).row.value),
-            container = _renderWithValidation.container;
-
-        expect(container.childNodes.length).toEqual(4);
-        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');
-      });
-    });
-  });
-});

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

@@ -1,199 +0,0 @@
-"use strict";
-
-var _models = require("../../models");
-
-var _setupTests = require("../../setupTests");
-
-var _getCYARowsForCollection = _interopRequireDefault(require("./getCYARowsForCollection"));
-
-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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-describe('utils.CheckYourAnswers.getCYARowsForCollection', function () {
-  it('should get a single entry point row when there are no items', function () {
-    var FORM_DATA = undefined;
-    var PAGE = {
-      id: 'page',
-      components: [{
-        labels: {
-          add: 'Add'
-        }
-      }],
-      formData: FORM_DATA,
-      cya_link: {}
-    };
-    var COMPONENT = {
-      type: 'text',
-      readonly: true,
-      id: 'a',
-      fieldId: 'a',
-      label: 'Alpha'
-    };
-    var COLLECTION = {
-      id: 'collection',
-      fieldId: 'collection',
-      type: _models.ComponentTypes.COLLECTION,
-      item: [COMPONENT]
-    };
-
-    var ON_ACTION = function ON_ACTION() {};
-
-    var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, undefined, ON_ACTION);
-    expect(ROWS.length).toEqual(1);
-  });
-  it('should get an appropriate row for a collection with a single readonly text component', function () {
-    var FORM_DATA = {
-      collection: [{
-        a: 'Bravo'
-      }]
-    };
-    var PAGE = {
-      id: 'page',
-      formData: FORM_DATA,
-      cya_link: {}
-    };
-    var COMPONENT = {
-      type: 'text',
-      readonly: true,
-      id: 'a',
-      fieldId: 'a',
-      label: 'Alpha'
-    };
-    var COLLECTION = {
-      id: 'collection',
-      fieldId: 'collection',
-      type: _models.ComponentTypes.COLLECTION,
-      countOffset: 22,
-      item: [COMPONENT],
-      value: FORM_DATA.collection,
-      formData: FORM_DATA
-    };
-
-    var ON_ACTION = function ON_ACTION() {};
-
-    var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION);
-    expect(ROWS.length).toEqual(2); // Item title row + component row
-
-    (0, _setupTests.expectObjectLike)(ROWS[0], {
-      pageId: PAGE.id,
-      fieldId: COLLECTION.fieldId,
-      full_path: "".concat(COLLECTION.fieldId, "[0]"),
-      key: 'Item 23',
-      // includes countOffset
-      type: 'title',
-      action: null
-    });
-    (0, _setupTests.expectObjectLike)(ROWS[1], {
-      pageId: PAGE.id,
-      fieldId: COMPONENT.fieldId,
-      full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId),
-      key: COMPONENT.label,
-      action: null,
-      component: _objectSpread(_objectSpread({}, COMPONENT), {}, {
-        full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId)
-      }),
-      value: 'Bravo'
-    });
-  });
-  it('should get an appropriate row for a collection with a single readonly text component where the item label is an empty string', function () {
-    var FORM_DATA = {
-      collection: [{
-        a: 'Bravo'
-      }]
-    };
-    var PAGE = {
-      id: 'page',
-      formData: FORM_DATA,
-      cya_link: {}
-    };
-    var COMPONENT = {
-      type: 'text',
-      readonly: true,
-      id: 'a',
-      fieldId: 'a',
-      label: 'Alpha'
-    };
-    var COLLECTION = {
-      id: 'collection',
-      fieldId: 'collection',
-      type: _models.ComponentTypes.COLLECTION,
-      labels: {
-        item: ''
-      },
-      countOffset: 22,
-      item: [COMPONENT],
-      value: FORM_DATA.collection,
-      formData: FORM_DATA
-    };
-
-    var ON_ACTION = function ON_ACTION() {};
-
-    var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION);
-    expect(ROWS.length).toEqual(1); // Just the component row, no title row
-
-    (0, _setupTests.expectObjectLike)(ROWS[0], {
-      pageId: PAGE.id,
-      fieldId: COMPONENT.fieldId,
-      full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId),
-      key: COMPONENT.label,
-      action: null,
-      component: _objectSpread(_objectSpread({}, COMPONENT), {}, {
-        full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId)
-      }),
-      value: 'Bravo'
-    });
-  });
-  it('should interpolate a field label appropriately', function () {
-    var FORM_DATA = {
-      collection: [{
-        a: 'Bravo'
-      }]
-    };
-    var PAGE = {
-      id: 'page',
-      formData: FORM_DATA,
-      cya_link: {}
-    }; // eslint-disable-next-line no-template-curly-in-string
-
-    var COMPONENT = {
-      type: 'text',
-      readonly: true,
-      id: 'a',
-      fieldId: 'a',
-      label: 'Alpha ${index}'
-    };
-    var COLLECTION = {
-      id: 'collection',
-      fieldId: 'collection',
-      type: _models.ComponentTypes.COLLECTION,
-      item: [COMPONENT],
-      value: FORM_DATA.collection,
-      formData: FORM_DATA
-    };
-
-    var ON_ACTION = function ON_ACTION() {};
-
-    var ROWS = (0, _getCYARowsForCollection.default)(PAGE, COLLECTION, FORM_DATA.collection, ON_ACTION);
-    expect(ROWS.length).toEqual(2); // Title and item row.
-
-    (0, _setupTests.expectObjectLike)(ROWS[1], {
-      pageId: PAGE.id,
-      fieldId: COMPONENT.fieldId,
-      full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId),
-      key: 'Alpha 1',
-      // no countOffset
-      action: null,
-      component: _objectSpread(_objectSpread({}, COMPONENT), {}, {
-        full_path: "".concat(COLLECTION.fieldId, "[0].").concat(COMPONENT.fieldId),
-        label: 'Alpha 1' // no countOffset
-
-      }),
-      value: 'Bravo'
-    });
-  });
-});