@digigov/ui 0.10.4 → 0.11.0

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 (103) hide show
  1. package/CHANGELOG.md +13 -1
  2. package/app/Confirmation/index.d.ts +3 -0
  3. package/app/Confirmation/index.js +44 -0
  4. package/app/Footer/index.d.ts +15 -0
  5. package/app/Footer/index.js +200 -0
  6. package/app/Header/__snapshots__/index.spec.tsx.snap +63 -1231
  7. package/app/Header/index.d.ts +3 -1
  8. package/app/Header/index.js +40 -12
  9. package/core/Accordion/__snapshots__/index.spec.tsx.snap +61 -711
  10. package/core/Blockquote/__snapshots__/index.spec.tsx.snap +9 -9
  11. package/core/Breadcrumbs/index.d.ts +3 -0
  12. package/core/Breadcrumbs/index.js +44 -0
  13. package/core/Button/__snapshots__/index.spec.tsx.snap +13 -0
  14. package/core/Button/index.d.ts +1 -0
  15. package/core/Button/index.js +14 -0
  16. package/core/Card/index.d.ts +4 -0
  17. package/core/Card/index.js +57 -0
  18. package/core/Details/__snapshots__/index.spec.tsx.snap +20 -28
  19. package/core/ErrorSummary/__snapshots__/index.spec.tsx.snap +3 -3
  20. package/core/Hidden/index.d.ts +1 -0
  21. package/core/Hidden/index.js +18 -0
  22. package/core/Link/__snapshots__/index.spec.tsx.snap +0 -3
  23. package/core/Link/index.d.ts +3 -8
  24. package/core/Link/index.js +3 -26
  25. package/core/List/__snapshots__/index.spec.tsx.snap +3 -3
  26. package/core/NavList/__snapshots__/index.spec.tsx.snap +2 -2
  27. package/core/NotificationBanner/__snapshots__/index.spec.tsx.snap +417 -29
  28. package/core/NotificationBanner/index.d.ts +9 -8
  29. package/core/NotificationBanner/index.js +13 -2
  30. package/core/NotificationBanner/index.spec.js +9 -0
  31. package/core/ServiceBadge/index.d.ts +1 -0
  32. package/core/ServiceBadge/index.js +5 -2
  33. package/core/SummaryList/__snapshots__/index.spec.tsx.snap +47 -1293
  34. package/core/Table/index.d.ts +7 -0
  35. package/core/Table/index.js +96 -0
  36. package/core/VisuallyHidden/index.d.ts +1 -0
  37. package/core/VisuallyHidden/index.js +18 -0
  38. package/core/WarningText/__snapshots__/index.spec.tsx.snap +15 -43
  39. package/es/app/Confirmation/index.js +3 -0
  40. package/es/app/Footer/index.js +15 -0
  41. package/es/app/Header/__snapshots__/index.spec.tsx.snap +63 -1231
  42. package/es/app/Header/index.js +3 -1
  43. package/es/core/Accordion/__snapshots__/index.spec.tsx.snap +61 -711
  44. package/es/core/Blockquote/__snapshots__/index.spec.tsx.snap +9 -9
  45. package/es/core/Breadcrumbs/index.js +3 -0
  46. package/es/core/Button/__snapshots__/index.spec.tsx.snap +13 -0
  47. package/es/core/Button/index.js +2 -1
  48. package/es/core/Card/index.js +4 -0
  49. package/es/core/Details/__snapshots__/index.spec.tsx.snap +20 -28
  50. package/es/core/ErrorSummary/__snapshots__/index.spec.tsx.snap +3 -3
  51. package/es/core/Hidden/index.js +1 -0
  52. package/es/core/Link/__snapshots__/index.spec.tsx.snap +0 -3
  53. package/es/core/Link/index.js +3 -26
  54. package/es/core/List/__snapshots__/index.spec.tsx.snap +3 -3
  55. package/es/core/NavList/__snapshots__/index.spec.tsx.snap +2 -2
  56. package/es/core/NotificationBanner/__snapshots__/index.spec.tsx.snap +417 -29
  57. package/es/core/NotificationBanner/index.js +7 -3
  58. package/es/core/NotificationBanner/index.spec.js +11 -2
  59. package/es/core/ServiceBadge/index.js +4 -2
  60. package/es/core/SummaryList/__snapshots__/index.spec.tsx.snap +47 -1293
  61. package/es/core/Table/index.js +7 -0
  62. package/es/core/VisuallyHidden/index.js +1 -0
  63. package/es/core/WarningText/__snapshots__/index.spec.tsx.snap +15 -43
  64. package/es/govgr/Footer/Copyright.js +3 -2
  65. package/es/govgr/Footer/LicenseCCSA.js +2 -1
  66. package/es/layouts/Basic/__snapshots__/index.spec.tsx.snap +39 -687
  67. package/es/layouts/Grid/index.js +1 -0
  68. package/esm/app/Confirmation/index.js +3 -0
  69. package/esm/app/Footer/index.js +15 -0
  70. package/esm/app/Header/__snapshots__/index.spec.tsx.snap +63 -1231
  71. package/esm/app/Header/index.js +3 -1
  72. package/esm/core/Accordion/__snapshots__/index.spec.tsx.snap +61 -711
  73. package/esm/core/Blockquote/__snapshots__/index.spec.tsx.snap +9 -9
  74. package/esm/core/Breadcrumbs/index.js +3 -0
  75. package/esm/core/Button/__snapshots__/index.spec.tsx.snap +13 -0
  76. package/esm/core/Button/index.js +2 -1
  77. package/esm/core/Card/index.js +4 -0
  78. package/esm/core/Details/__snapshots__/index.spec.tsx.snap +20 -28
  79. package/esm/core/ErrorSummary/__snapshots__/index.spec.tsx.snap +3 -3
  80. package/esm/core/Hidden/index.js +1 -0
  81. package/esm/core/Link/__snapshots__/index.spec.tsx.snap +0 -3
  82. package/esm/core/Link/index.js +3 -26
  83. package/esm/core/List/__snapshots__/index.spec.tsx.snap +3 -3
  84. package/esm/core/NavList/__snapshots__/index.spec.tsx.snap +2 -2
  85. package/esm/core/NotificationBanner/__snapshots__/index.spec.tsx.snap +417 -29
  86. package/esm/core/NotificationBanner/index.js +7 -3
  87. package/esm/core/NotificationBanner/index.spec.js +11 -2
  88. package/esm/core/ServiceBadge/index.js +4 -2
  89. package/esm/core/SummaryList/__snapshots__/index.spec.tsx.snap +47 -1293
  90. package/esm/core/Table/index.js +7 -0
  91. package/esm/core/VisuallyHidden/index.js +1 -0
  92. package/esm/core/WarningText/__snapshots__/index.spec.tsx.snap +15 -43
  93. package/esm/govgr/Footer/Copyright.js +3 -2
  94. package/esm/govgr/Footer/LicenseCCSA.js +2 -1
  95. package/esm/index.js +1 -1
  96. package/esm/layouts/Basic/__snapshots__/index.spec.tsx.snap +39 -687
  97. package/esm/layouts/Grid/index.js +1 -0
  98. package/govgr/Footer/Copyright.js +4 -2
  99. package/govgr/Footer/LicenseCCSA.js +3 -1
  100. package/layouts/Basic/__snapshots__/index.spec.tsx.snap +39 -687
  101. package/layouts/Grid/index.d.ts +1 -0
  102. package/layouts/Grid/index.js +18 -0
  103. package/package.json +2 -2
@@ -1,13 +1,13 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`renders the Blockquote with sample data 1`] = `
4
- <Blockquote
5
- variant="info"
6
- >
7
- <blockquote
8
- className="MuiBlockquote-info MuiBlockquote-root"
9
- >
10
- this is some random data
11
- </blockquote>
12
- </Blockquote>
4
+ <withDeprecationComponent>
5
+ <ForwardRef(Blockquote)>
6
+ <blockquote
7
+ className="govgr-blockquote"
8
+ >
9
+ this is some random data
10
+ </blockquote>
11
+ </ForwardRef(Blockquote)>
12
+ </withDeprecationComponent>
13
13
  `;
@@ -0,0 +1,3 @@
1
+ export * from '@digigov/react-core/Breadcrumbs';
2
+ export * from '@digigov/react-core/BreadcrumbsList';
3
+ export * from '@digigov/react-core/BreadcrumbsListItem';
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ var _Breadcrumbs = require("@digigov/react-core/Breadcrumbs");
8
+
9
+ Object.keys(_Breadcrumbs).forEach(function (key) {
10
+ if (key === "default" || key === "__esModule") return;
11
+ if (key in exports && exports[key] === _Breadcrumbs[key]) return;
12
+ Object.defineProperty(exports, key, {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _Breadcrumbs[key];
16
+ }
17
+ });
18
+ });
19
+
20
+ var _BreadcrumbsList = require("@digigov/react-core/BreadcrumbsList");
21
+
22
+ Object.keys(_BreadcrumbsList).forEach(function (key) {
23
+ if (key === "default" || key === "__esModule") return;
24
+ if (key in exports && exports[key] === _BreadcrumbsList[key]) return;
25
+ Object.defineProperty(exports, key, {
26
+ enumerable: true,
27
+ get: function get() {
28
+ return _BreadcrumbsList[key];
29
+ }
30
+ });
31
+ });
32
+
33
+ var _BreadcrumbsListItem = require("@digigov/react-core/BreadcrumbsListItem");
34
+
35
+ Object.keys(_BreadcrumbsListItem).forEach(function (key) {
36
+ if (key === "default" || key === "__esModule") return;
37
+ if (key in exports && exports[key] === _BreadcrumbsListItem[key]) return;
38
+ Object.defineProperty(exports, key, {
39
+ enumerable: true,
40
+ get: function get() {
41
+ return _BreadcrumbsListItem[key];
42
+ }
43
+ });
44
+ });
@@ -0,0 +1,13 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders the button 1`] = `
4
+ <withDeprecationComponent>
5
+ <ForwardRef(Button)>
6
+ <button
7
+ className="govgr-btn-primary govgr-btn"
8
+ >
9
+ hello
10
+ </button>
11
+ </ForwardRef(Button)>
12
+ </withDeprecationComponent>
13
+ `;
@@ -12,3 +12,4 @@ export * from '@digigov/ui/core/Button/BackButton';
12
12
  export * from '@digigov/ui/core/Button/CallToAction';
13
13
  export * from '@digigov/ui/core/Button/ButtonLink';
14
14
  export * from '@digigov/ui/core/Button/Icon';
15
+ export * from '@digigov/react-core/ButtonGroup';
@@ -74,6 +74,20 @@ Object.keys(_Icon).forEach(function (key) {
74
74
  }
75
75
  });
76
76
  });
77
+
78
+ var _ButtonGroup = require("@digigov/react-core/ButtonGroup");
79
+
80
+ Object.keys(_ButtonGroup).forEach(function (key) {
81
+ if (key === "default" || key === "__esModule") return;
82
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
83
+ if (key in exports && exports[key] === _ButtonGroup[key]) return;
84
+ Object.defineProperty(exports, key, {
85
+ enumerable: true,
86
+ get: function get() {
87
+ return _ButtonGroup[key];
88
+ }
89
+ });
90
+ });
77
91
  var _excluded = ["label", "children"];
78
92
  var Button = (0, _withDeprecation["default"])(_Button["default"], {
79
93
  name: 'Button',
@@ -0,0 +1,4 @@
1
+ export * from '@digigov/react-core/Card';
2
+ export * from '@digigov/react-core/CardAction';
3
+ export * from '@digigov/react-core/CardHeading';
4
+ export * from '@digigov/react-core/CardText';
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ var _Card = require("@digigov/react-core/Card");
8
+
9
+ Object.keys(_Card).forEach(function (key) {
10
+ if (key === "default" || key === "__esModule") return;
11
+ if (key in exports && exports[key] === _Card[key]) return;
12
+ Object.defineProperty(exports, key, {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _Card[key];
16
+ }
17
+ });
18
+ });
19
+
20
+ var _CardAction = require("@digigov/react-core/CardAction");
21
+
22
+ Object.keys(_CardAction).forEach(function (key) {
23
+ if (key === "default" || key === "__esModule") return;
24
+ if (key in exports && exports[key] === _CardAction[key]) return;
25
+ Object.defineProperty(exports, key, {
26
+ enumerable: true,
27
+ get: function get() {
28
+ return _CardAction[key];
29
+ }
30
+ });
31
+ });
32
+
33
+ var _CardHeading = require("@digigov/react-core/CardHeading");
34
+
35
+ Object.keys(_CardHeading).forEach(function (key) {
36
+ if (key === "default" || key === "__esModule") return;
37
+ if (key in exports && exports[key] === _CardHeading[key]) return;
38
+ Object.defineProperty(exports, key, {
39
+ enumerable: true,
40
+ get: function get() {
41
+ return _CardHeading[key];
42
+ }
43
+ });
44
+ });
45
+
46
+ var _CardText = require("@digigov/react-core/CardText");
47
+
48
+ Object.keys(_CardText).forEach(function (key) {
49
+ if (key === "default" || key === "__esModule") return;
50
+ if (key in exports && exports[key] === _CardText[key]) return;
51
+ Object.defineProperty(exports, key, {
52
+ enumerable: true,
53
+ get: function get() {
54
+ return _CardText[key];
55
+ }
56
+ });
57
+ });
@@ -1,58 +1,50 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`renders the closed Details component 1`] = `
4
- <Details>
4
+ <ForwardRef(Details)>
5
5
  <details
6
- className="MuiDetails-root"
6
+ className="govgr-details"
7
7
  >
8
- <DetailsSummary>
8
+ <ForwardRef(DetailsSummary)>
9
9
  <summary
10
- className="MuiDetailsSummary-root"
10
+ className="govgr-details__summary"
11
11
  >
12
- <span
13
- className="MuiDetailsSummary-text"
14
- >
15
- Help with nationality
16
- </span>
12
+ Help with nationality
17
13
  </summary>
18
- </DetailsSummary>
19
- <DetailsContent>
14
+ </ForwardRef(DetailsSummary)>
15
+ <ForwardRef(DetailsContent)>
20
16
  <div
21
- className="MuiDetailsContent-root"
17
+ className="govgr-details__summary-text"
22
18
  >
23
19
  We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
24
20
  </div>
25
- </DetailsContent>
21
+ </ForwardRef(DetailsContent)>
26
22
  </details>
27
- </Details>
23
+ </ForwardRef(Details)>
28
24
  `;
29
25
 
30
26
  exports[`renders the open Details component 1`] = `
31
- <Details
27
+ <ForwardRef(Details)
32
28
  open={true}
33
29
  >
34
30
  <details
35
- className="MuiDetails-root"
31
+ className="govgr-details"
36
32
  open={true}
37
33
  >
38
- <DetailsSummary>
34
+ <ForwardRef(DetailsSummary)>
39
35
  <summary
40
- className="MuiDetailsSummary-root"
36
+ className="govgr-details__summary"
41
37
  >
42
- <span
43
- className="MuiDetailsSummary-text"
44
- >
45
- Help with nationality
46
- </span>
38
+ Help with nationality
47
39
  </summary>
48
- </DetailsSummary>
49
- <DetailsContent>
40
+ </ForwardRef(DetailsSummary)>
41
+ <ForwardRef(DetailsContent)>
50
42
  <div
51
- className="MuiDetailsContent-root"
43
+ className="govgr-details__summary-text"
52
44
  >
53
45
  We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
54
46
  </div>
55
- </DetailsContent>
47
+ </ForwardRef(DetailsContent)>
56
48
  </details>
57
- </Details>
49
+ </ForwardRef(Details)>
58
50
  `;
@@ -311,12 +311,12 @@ exports[`renders the ErrorSummary with sample data 1`] = `
311
311
  }
312
312
  }
313
313
  >
314
- <ErrorSummary>
314
+ <ForwardRef(ErrorSummary)>
315
315
  <div
316
- className="ErrorSummary-root-1"
316
+ className="govgr-error-summary"
317
317
  >
318
318
  this is some random warning text
319
319
  </div>
320
- </ErrorSummary>
320
+ </ForwardRef(ErrorSummary)>
321
321
  </ThemeProvider>
322
322
  `;
@@ -0,0 +1 @@
1
+ export * from '@digigov/react-core/Hidden';
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ var _Hidden = require("@digigov/react-core/Hidden");
8
+
9
+ Object.keys(_Hidden).forEach(function (key) {
10
+ if (key === "default" || key === "__esModule") return;
11
+ if (key in exports && exports[key] === _Hidden[key]) return;
12
+ Object.defineProperty(exports, key, {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _Hidden[key];
16
+ }
17
+ });
18
+ });
@@ -6,7 +6,6 @@ exports[`Provider 1`] = `
6
6
  >
7
7
  <ForwardRef(WrappedLink)>
8
8
  <CustomLink
9
- className="MuiBaseLink-root"
10
9
  href=""
11
10
  >
12
11
  <div>
@@ -20,11 +19,9 @@ exports[`Provider 1`] = `
20
19
  exports[`renders the Link 1`] = `
21
20
  <ForwardRef(WrappedLink)>
22
21
  <CommonLink
23
- className="MuiBaseLink-root"
24
22
  href=""
25
23
  >
26
24
  <a
27
- className="MuiBaseLink-root"
28
25
  href=""
29
26
  >
30
27
  hello
@@ -1,17 +1,12 @@
1
1
  import * as React from 'react';
2
- import { BaseCSSProperties } from '@material-ui/core/styles/withStyles';
2
+ import { LinkProps as CoreLinkProps } from '@digigov/react-core/Link';
3
3
  export interface LinkComponentContextProps {
4
4
  component: React.ElementType<LinkProps>;
5
5
  }
6
6
  export declare const CommonLink: React.FC<LinkProps>;
7
7
  export declare const LinkProvider: React.FC<LinkComponentContextProps>;
8
- interface LinkStyles {
9
- root: BaseCSSProperties;
10
- }
11
- export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
12
- classes?: LinkStyles;
13
- unstyled?: boolean;
14
- className?: string;
8
+ export interface LinkProps extends CoreLinkProps {
9
+ ref?: React.Ref<HTMLAnchorElement>;
15
10
  }
16
11
  declare const Link: React.ExoticComponent<LinkProps>;
17
12
  export default Link;
@@ -15,12 +15,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
15
15
 
16
16
  var React = _interopRequireWildcard(require("react"));
17
17
 
18
- var _core = require("@material-ui/core");
19
-
20
- var _clsx = _interopRequireDefault(require("clsx"));
21
-
22
- var _excluded = ["children", "href"],
23
- _excluded2 = ["className"];
18
+ var _excluded = ["children", "href"];
24
19
 
25
20
  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); }
26
21
 
@@ -40,34 +35,16 @@ var LinkProvider = function LinkProvider(props) {
40
35
  };
41
36
 
42
37
  exports.LinkProvider = LinkProvider;
43
- var useLinkStyles = (0, _core.makeStyles)(function (theme) {
44
- return {
45
- root: {
46
- color: theme.palette.primary.main,
47
- '&:visited': {
48
- color: theme.palette.primary.dark
49
- }
50
- },
51
- nostyles: {}
52
- };
53
- }, {
54
- name: 'MuiBaseLink'
55
- });
56
38
  var Link = /*#__PURE__*/React.forwardRef(function WrappedLink(_ref, ref) {
57
39
  var children = _ref.children,
58
40
  _ref$href = _ref.href,
59
41
  href = _ref$href === void 0 ? '' : _ref$href,
60
42
  props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
61
- var styles = useLinkStyles(props);
62
- var className = props.className,
63
- rest = (0, _objectWithoutProperties2["default"])(props, _excluded2);
64
- var cls = (0, _clsx["default"])(className, !props.unstyled && styles.root, props.unstyled && styles.nostyles);
65
43
  var LinkComponent = React.useContext(LinkComponentContext);
66
44
  return /*#__PURE__*/React.createElement(LinkComponent, (0, _extends2["default"])({
67
45
  ref: ref,
68
- href: href,
69
- className: cls
70
- }, rest), children);
46
+ href: href
47
+ }, props), children);
71
48
  });
72
49
  var _default = Link;
73
50
  exports["default"] = _default;
@@ -311,12 +311,12 @@ exports[`renders the ErrorSummary with sample data 1`] = `
311
311
  }
312
312
  }
313
313
  >
314
- <List>
314
+ <ForwardRef(List)>
315
315
  <ul
316
- className="List-root-1"
316
+ className="govgr-list"
317
317
  >
318
318
  this is some random warning text
319
319
  </ul>
320
- </List>
320
+ </ForwardRef(List)>
321
321
  </ThemeProvider>
322
322
  `;
@@ -319,12 +319,12 @@ exports[`renders the ErrorSummary with sample data 1`] = `
319
319
  <NavListBase>
320
320
  <nav>
321
321
  <ul
322
- className="NavList-root-1 NavList-vertical-4"
322
+ className="MuiNavList-root MuiNavList-vertical"
323
323
  >
324
324
  this is some random warning text
325
325
  </ul>
326
326
  <div
327
- className="NavList-floatClear-5"
327
+ className="MuiNavList-floatClear"
328
328
  />
329
329
  </nav>
330
330
  </NavListBase>