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

package/dist/components/PageActions/ActionButton.test.js

@@ -1,116 +0,0 @@
-"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 _react = require("@testing-library/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _models = require("../../models");
-
-var _ActionButton = _interopRequireWildcard(require("./ActionButton"));
-
-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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-describe('components', function () {
-  describe('PageActions.ActionButton', function () {
-    var ON_ACTION_CALLS = [];
-
-    var ON_ACTION = function ON_ACTION(action) {
-      ON_ACTION_CALLS.push(action);
-    };
-
-    beforeEach(function () {
-      ON_ACTION_CALLS.length = 0;
-    });
-    it('should handle an unknown action identifier', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var ACTION, _render, container;
-
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              ACTION = 'unknown';
-              _render = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_ActionButton.default, {
-                action: ACTION,
-                onAction: ON_ACTION
-              })), container = _render.container;
-              expect(container.childNodes.length).toEqual(0);
-
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-    it('should appropriately display a submit action', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      var ACTION, _render2, container, button;
-
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              ACTION = _models.PageAction.TYPES.SUBMIT;
-              _render2 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_ActionButton.default, {
-                action: ACTION,
-                onAction: ON_ACTION
-              })), container = _render2.container;
-              button = container.childNodes[0];
-              expect(button.tagName).toEqual('BUTTON');
-              expect(button.textContent).toEqual(_ActionButton.DEFAULT_LABEL); // Click the button and make sure it fires the onAction handler.
-
-              _react.fireEvent.click(button, {});
-
-              expect(ON_ACTION_CALLS.length).toEqual(1);
-              expect(ON_ACTION_CALLS[0]).toEqual(_models.PageAction.DEFAULTS.submit);
-
-            case 8:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    })));
-    it('should appropriately display a custom action', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-      var ACTION, _render3, container, button;
-
-      return regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              ACTION = {
-                type: 'navigate',
-                url: '/alpha',
-                label: 'Alpha'
-              };
-              _render3 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_ActionButton.default, {
-                action: ACTION,
-                onAction: ON_ACTION
-              })), container = _render3.container;
-              button = container.childNodes[0];
-              expect(button.tagName).toEqual('BUTTON');
-              expect(button.textContent).toEqual(ACTION.label); // Click the button and make sure it fires the onAction handler.
-
-              _react.fireEvent.click(button, {});
-
-              expect(ON_ACTION_CALLS.length).toEqual(1);
-              expect(ON_ACTION_CALLS[0]).toEqual(ACTION);
-
-            case 8:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3);
-    })));
-  });
-});

package/dist/components/PageActions/PageActions.stories.mdx

@@ -1,74 +0,0 @@
-<!-- Global imports -->
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
-import { Details, Heading, Link } from '@ukhomeoffice/cop-react-components';
-
-<!-- Local imports -->
-import Utils from '../../utils';
-import PageActions from './PageActions';
-
-<!-- JSON documents -->
-import CIVIL_SERVANT from '../../json/areYouACivilServant.json';
-import GRADE from '../../json/grade.json';
-import TEAMS from '../../json/team.json';
-import USER_PROFILE_DATA from '../../json/userProfile.data.json';
-import USER_PROFILE from '../../json/userProfile.json';
-
-<Meta title="Components/Page actions" id="D-PageActions" component={ PageActions } />
-
-<Heading size="xl" caption="Components">Page actions</Heading>
-
-Renders the buttons at the bottom of a Page.
-
-<Canvas withToolbar>
-  <Story name="Default">
-    {() => {
-      const ACTIONS = ['submit'];
-      const ON_ACTION = (action, patch, onError) => {
-        console.log('action invoked', action, patch);
-      };
-      return (
-        <PageActions actions={ACTIONS} onAction={ON_ACTION} />
-      );
-    }}
-  </Story>
-</Canvas>
-
-<Details summary="Properties" className="no-indent">
-  <ArgsTable of={ PageActions } />
-</Details>
-
-## Variations
-### Custom action
-
-<Canvas>
-  <Story name="Custom action">
-    {() => {
-      const ACTIONS = [{ type: 'navigate', page: 'profile', label: 'Go to profile' }];
-      const ON_ACTION = (action, patch, onError) => {
-        console.log('action invoked', action, patch);
-      };
-      return (
-        <PageActions actions={ACTIONS} onAction={ON_ACTION} />
-      );
-    }}
-  </Story>
-</Canvas>
-
-### Multiple actions
-
-<Canvas>
-  <Story name="Multiple actions">
-    {() => {
-      const ACTIONS = [
-        { type: 'navigate', label: 'Previous' },
-        { type: 'submit', label: 'Next', validate: true }
-      ];
-      const ON_ACTION = (action, patch, onError) => {
-        console.log('action invoked', action, patch);
-      };
-      return (
-        <PageActions actions={ACTIONS} onAction={ON_ACTION} />
-      );
-    }}
-  </Story>
-</Canvas>

package/dist/components/PageActions/PageActions.test.js

@@ -1,157 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _models = require("../../models");
-
-var _ActionButton = require("./ActionButton");
-
-var _PageActions = _interopRequireDefault(require("./PageActions"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-describe('components', function () {
-  describe('PageActions', function () {
-    var ON_ACTION_CALLS = [];
-
-    var ON_ACTION = function ON_ACTION(action) {
-      ON_ACTION_CALLS.push(action);
-    };
-
-    beforeEach(function () {
-      ON_ACTION_CALLS.length = 0;
-    });
-    it('should handle an empty array of actions', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var ACTIONS, _render, container;
-
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              ACTIONS = [];
-              _render = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_PageActions.default, {
-                actions: ACTIONS,
-                onAction: ON_ACTION
-              })), container = _render.container;
-              expect(container.childNodes.length).toEqual(0);
-
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-    it('should appropriately display a single submit action', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      var ACTIONS, _render2, container, buttonGroup, submit;
-
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              ACTIONS = [_models.PageAction.TYPES.SUBMIT];
-              _render2 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_PageActions.default, {
-                actions: ACTIONS,
-                onAction: ON_ACTION
-              })), container = _render2.container;
-              buttonGroup = container.childNodes[0];
-              expect(buttonGroup.childNodes.length).toEqual(ACTIONS.length);
-              submit = buttonGroup.childNodes[0];
-              expect(submit.tagName).toEqual('BUTTON');
-              expect(submit.textContent).toEqual(_ActionButton.DEFAULT_LABEL); // Click the button and make sure it fires the onAction handler.
-
-              _react.fireEvent.click(submit, {});
-
-              expect(ON_ACTION_CALLS.length).toEqual(1);
-              expect(ON_ACTION_CALLS[0]).toEqual(_models.PageAction.DEFAULTS.submit);
-
-            case 10:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    })));
-    it('should appropriately display a custom action', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-      var ACTIONS, _render3, container, buttonGroup, navigate;
-
-      return regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              ACTIONS = [{
-                type: 'navigate',
-                page: 'alpha',
-                label: 'Alpha'
-              }];
-              _render3 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_PageActions.default, {
-                actions: ACTIONS,
-                onAction: ON_ACTION
-              })), container = _render3.container;
-              buttonGroup = container.childNodes[0];
-              expect(buttonGroup.childNodes.length).toEqual(1);
-              navigate = buttonGroup.childNodes[0];
-              expect(navigate.tagName).toEqual('BUTTON');
-              expect(buttonGroup.childNodes.length).toEqual(ACTIONS.length); // Click the button and make sure it fires the onAction handler.
-
-              _react.fireEvent.click(navigate, {});
-
-              expect(ON_ACTION_CALLS.length).toEqual(1);
-              expect(ON_ACTION_CALLS[0]).toEqual(ACTIONS[0]);
-
-            case 10:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3);
-    })));
-    it('should appropriately display multiple actions', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-      var NAVIGATE, ACTIONS, _render4, container, buttonGroup, navigate, submit;
-
-      return regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              NAVIGATE = {
-                type: _models.PageAction.TYPES.NAVIGATE,
-                page: 'alpha',
-                label: 'Alpha'
-              };
-              ACTIONS = [NAVIGATE, _models.PageAction.TYPES.SUBMIT];
-              _render4 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_PageActions.default, {
-                actions: ACTIONS,
-                onAction: ON_ACTION
-              })), container = _render4.container;
-              buttonGroup = container.childNodes[0];
-              expect(buttonGroup.childNodes.length).toEqual(ACTIONS.length);
-              navigate = buttonGroup.childNodes[0];
-              expect(navigate.tagName).toEqual('BUTTON');
-              expect(navigate.textContent).toEqual(NAVIGATE.label);
-              submit = buttonGroup.childNodes[1];
-              expect(submit.tagName).toEqual('BUTTON');
-              expect(submit.textContent).toEqual(_ActionButton.DEFAULT_LABEL); // Click each button in turn button and make sure it fires the onAction handler.
-
-              _react.fireEvent.click(navigate, {});
-
-              _react.fireEvent.click(submit, {});
-
-              expect(ON_ACTION_CALLS.length).toEqual(2);
-              expect(ON_ACTION_CALLS[0]).toEqual(NAVIGATE);
-              expect(ON_ACTION_CALLS[1]).toEqual(_models.PageAction.DEFAULTS.submit);
-
-            case 16:
-            case "end":
-              return _context4.stop();
-          }
-        }
-      }, _callee4);
-    })));
-  });
-});

package/dist/components/SummaryList/GroupAction.test.js

@@ -1,94 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _GroupAction = _interopRequireDefault(require("./GroupAction"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Global imports
-// Local imports
-describe('components', function () {
-  describe('SummaryList.GroupAction', function () {
-    it('should handle a group row without an action', function () {
-      var ROW = {};
-
-      var _render = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_GroupAction.default, {
-        group: ROW
-      })),
-          container = _render.container;
-
-      expect(container.childNodes.length).toEqual(0);
-    });
-    it('should handle a row with an href in the action', function () {
-      var PAGE = 'alpha';
-      var ROW = {
-        action: {
-          page: PAGE,
-          label: 'Change'
-        }
-      };
-
-      var _render2 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_GroupAction.default, {
-        group: ROW
-      })),
-          container = _render2.container;
-
-      var link = container.childNodes[0];
-      expect(link.tagName).toEqual('A');
-      expect(link.getAttribute('href')).toEqual("/".concat(PAGE));
-      expect(link.textContent).toEqual(ROW.action.label);
-    });
-    it('should render an aria_suffix appropriately', function () {
-      var PAGE = 'alpha';
-      var ROW = {
-        action: {
-          page: PAGE,
-          label: 'Change',
-          aria_suffix: 'the thing'
-        }
-      };
-
-      var _render3 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_GroupAction.default, {
-        group: ROW
-      })),
-          container = _render3.container;
-
-      var link = container.childNodes[0];
-      expect(link.tagName).toEqual('A');
-      expect(link.getAttribute('href')).toEqual("/".concat(PAGE));
-      expect(link.textContent).toEqual("".concat(ROW.action.label, " ").concat(ROW.action.aria_suffix));
-    });
-    it('should handle a row with an onAction in the action', function () {
-      var ON_ACTION_CALLS = [];
-
-      var ON_ACTION = function ON_ACTION(row) {
-        ON_ACTION_CALLS.push(row);
-      };
-
-      var ROW = {
-        action: {
-          onAction: ON_ACTION,
-          label: 'Change'
-        }
-      };
-
-      var _render4 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_GroupAction.default, {
-        group: ROW
-      })),
-          container = _render4.container;
-
-      var link = container.childNodes[0];
-      expect(link.tagName).toEqual('A');
-      expect(link.getAttribute('onClick')).toBeDefined();
-      expect(link.textContent).toEqual(ROW.action.label);
-
-      _react.fireEvent.click(link, {});
-
-      expect(ON_ACTION_CALLS.length).toEqual(1);
-      expect(ON_ACTION_CALLS[0]).toEqual(ROW);
-    });
-  });
-});

package/dist/components/SummaryList/RowAction.test.js

@@ -1,94 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _RowAction = _interopRequireDefault(require("./RowAction"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Global imports
-// Local imports
-describe('components', function () {
-  describe('SummaryList.RowAction', function () {
-    it('should handle a row without an action', function () {
-      var ROW = {};
-
-      var _render = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_RowAction.default, {
-        row: ROW
-      })),
-          container = _render.container;
-
-      expect(container.childNodes.length).toEqual(0);
-    });
-    it('should handle a row with an href in the action', function () {
-      var PAGE = 'alpha';
-      var ROW = {
-        action: {
-          page: PAGE,
-          label: 'Change'
-        }
-      };
-
-      var _render2 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_RowAction.default, {
-        row: ROW
-      })),
-          container = _render2.container;
-
-      var link = container.childNodes[0];
-      expect(link.tagName).toEqual('A');
-      expect(link.getAttribute('href')).toEqual("/".concat(PAGE));
-      expect(link.textContent).toEqual(ROW.action.label);
-    });
-    it('should render an aria_suffix appropriately', function () {
-      var PAGE = 'alpha';
-      var ROW = {
-        action: {
-          page: PAGE,
-          label: 'Change',
-          aria_suffix: 'the thing'
-        }
-      };
-
-      var _render3 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_RowAction.default, {
-        row: ROW
-      })),
-          container = _render3.container;
-
-      var link = container.childNodes[0];
-      expect(link.tagName).toEqual('A');
-      expect(link.getAttribute('href')).toEqual("/".concat(PAGE));
-      expect(link.textContent).toEqual("".concat(ROW.action.label, " ").concat(ROW.action.aria_suffix));
-    });
-    it('should handle a row with an onAction in the action', function () {
-      var ON_ACTION_CALLS = [];
-
-      var ON_ACTION = function ON_ACTION(row) {
-        ON_ACTION_CALLS.push(row);
-      };
-
-      var ROW = {
-        action: {
-          onAction: ON_ACTION,
-          label: 'Change'
-        }
-      };
-
-      var _render4 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_RowAction.default, {
-        row: ROW
-      })),
-          container = _render4.container;
-
-      var link = container.childNodes[0];
-      expect(link.tagName).toEqual('A');
-      expect(link.getAttribute('onClick')).toBeDefined();
-      expect(link.textContent).toEqual(ROW.action.label);
-
-      _react.fireEvent.click(link, {});
-
-      expect(ON_ACTION_CALLS.length).toEqual(1);
-      expect(ON_ACTION_CALLS[0]).toEqual(ROW);
-    });
-  });
-});

package/dist/components/SummaryList/SummaryList.stories.mdx

@@ -1,90 +0,0 @@
-<!-- Global imports -->
-
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
-import { Details, Heading } from '@ukhomeoffice/cop-react-components';
-
-<!-- Local imports -->
-
-import Utils from '../../utils';
-import SummaryList from './SummaryList';
-
-<Meta
-  title='Components/Summary list'
-  id='D-SummaryList'
-  component={SummaryList}
-/>
-
-<Heading size='xl' caption='Components'>
-  Summary list
-</Heading>
-
-Renders a list of key-value pairs, most commonly on the **Check your answers** screen, and optionally
-display action links.
-
-<Canvas withToolbar>
-  <Story name='Default'>
-    {() => {
-      const onAction = (row) => {
-        console.log('action clicked', row);
-      };
-      const ROWS = [
-        {
-          pageId: 'p1',
-          fieldId: 'forename',
-          key: 'Forename(s)',
-          value: 'John',
-        },
-        { pageId: 'p1', fieldId: 'surname', key: 'Surname', value: 'Smith' },
-        {
-          pageId: 'p2',
-          fieldId: 'dob',
-          key: 'Date of birth',
-          value: '29/08/1993',
-          action: { label: 'Change', onAction },
-        },
-      ];
-      return <SummaryList rows={ROWS} />;
-    }}
-  </Story>
-</Canvas>
-
-<Details summary='Properties' className='no-indent'>
-  <ArgsTable of={SummaryList} />
-</Details>
-
-## Variant
-
-### Read-only style
-
-<Canvas>
-  <Story name='Read-only style'>
-    {() => {
-      const onAction = (row) => {
-        console.log('action clicked', row);
-      };
-      const ROWS = [
-        {
-          pageId: 'p1',
-          fieldId: 'forename',
-          key: 'Forename(s)',
-          value: 'John',
-        },
-        { pageId: 'p1', fieldId: 'surname', key: 'Surname', value: 'Smith' },
-        {
-          pageId: 'p2',
-          fieldId: 'dob',
-          key: 'Date of birth',
-          value: '29/08/1993',
-          action: { label: 'Change', onAction },
-        },
-      ];
-      return (
-        <SummaryList
-          classModifiers='no-border'
-          rows={ROWS}
-          noChangeAction={true}
-        />
-      );
-    }}
-  </Story>
-</Canvas>