qpp-style 9.20.0 → 9.20.2

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 (184) hide show
  1. package/coverage/clover.xml +291 -335
  2. package/coverage/coverage-final.json +71 -72
  3. package/coverage/lcov-report/components/Accordion/index.html +1 -1
  4. package/coverage/lcov-report/components/Accordion/index.jsx.html +4 -4
  5. package/coverage/lcov-report/components/Error/Collapsible.jsx.html +1 -1
  6. package/coverage/lcov-report/components/Error/ErrorUI.jsx.html +1 -1
  7. package/coverage/lcov-report/components/Error/index.html +1 -1
  8. package/coverage/lcov-report/components/Footer/FooterUI.jsx.html +358 -184
  9. package/coverage/lcov-report/components/{Header/HeaderUI.jsx.html → Footer/LegacyFooterUI.jsx.html} +274 -193
  10. package/coverage/lcov-report/components/Footer/SocialLinks.jsx.html +11 -11
  11. package/coverage/lcov-report/components/Footer/Subscribe.jsx.html +11 -11
  12. package/coverage/lcov-report/components/Footer/index.html +44 -29
  13. package/coverage/lcov-report/components/Infotip/Infotip.jsx.html +2 -2
  14. package/coverage/lcov-report/components/Infotip/InfotipIcon.jsx.html +5 -5
  15. package/coverage/lcov-report/components/Infotip/index.html +1 -1
  16. package/coverage/lcov-report/components/Infotip/index.js.html +1 -1
  17. package/coverage/lcov-report/components/Modal/LegacyModal.jsx.html +3 -3
  18. package/coverage/lcov-report/components/Modal/Modal.jsx.html +5 -5
  19. package/coverage/lcov-report/components/Modal/index.html +1 -1
  20. package/coverage/lcov-report/components/Modal/index.jsx.html +5 -5
  21. package/coverage/lcov-report/components/SanitizedContent/index.html +1 -1
  22. package/coverage/lcov-report/components/SanitizedContent/index.jsx.html +1 -1
  23. package/coverage/lcov-report/components/SessionDialogUI.jsx.html +4 -4
  24. package/coverage/lcov-report/components/{NotificationBanner/CollapsedView.js.html → SideNav/AnimationGroup/AnimationGroup.jsx.html} +41 -56
  25. package/coverage/lcov-report/components/{Button → SideNav/AnimationGroup}/index.html +30 -30
  26. package/coverage/lcov-report/components/SideNav/Chart/ScoreChart.jsx.html +7 -7
  27. package/coverage/lcov-report/components/SideNav/Chart/index.html +16 -1
  28. package/coverage/lcov-report/components/SideNav/Chart/index.js.html +94 -0
  29. package/coverage/lcov-report/components/{NotificationBanner/index.js.html → SideNav/Content/LevelOneContent.jsx.html} +244 -283
  30. package/coverage/lcov-report/components/{Header/HeaderMenuItem.jsx.html → SideNav/Content/LevelTwoContent.jsx.html} +236 -305
  31. package/coverage/lcov-report/components/SideNav/Content/index.html +146 -0
  32. package/coverage/lcov-report/components/SideNav/Content/index.js.html +97 -0
  33. package/coverage/lcov-report/components/{Header/HeaderCancel.jsx.html → SideNav/Details/IndividualDetails.jsx.html} +24 -18
  34. package/coverage/lcov-report/components/{NotificationBanner/ExpandedView.js.html → SideNav/Details/PracticeDetails.jsx.html} +64 -64
  35. package/coverage/lcov-report/components/{NotificationBanner → SideNav/Details}/index.html +40 -40
  36. package/coverage/lcov-report/components/SideNav/Details/index.js.html +97 -0
  37. package/coverage/lcov-report/{react/components/NotificationBanner/ExpandedView.js.html → components/SideNav/Links/CmsSwitchLink.jsx.html} +43 -55
  38. package/coverage/lcov-report/components/{Header/HeaderMenuButton.js.html → SideNav/Links/NavItemInline.jsx.html} +75 -63
  39. package/coverage/lcov-report/components/{Header/HeaderLogo.jsx.html → SideNav/Links/NavLinkContainer.jsx.html} +60 -72
  40. package/coverage/lcov-report/components/SideNav/Links/NavLinkDrawer.jsx.html +832 -0
  41. package/coverage/lcov-report/components/{Button/index.js.html → SideNav/Links/NavLinkInline.jsx.html} +152 -101
  42. package/coverage/lcov-report/{react/components/NotificationBanner/CollapsedView.js.html → components/SideNav/Links/NavLinkToggle.jsx.html} +46 -40
  43. package/coverage/lcov-report/components/SideNav/Links/index.html +206 -0
  44. package/coverage/lcov-report/components/{Header/utag-helpers.js.html → SideNav/Links/index.js.html} +40 -28
  45. package/coverage/lcov-report/components/SideNav/UI/SideNavUI.jsx.html +1084 -0
  46. package/coverage/lcov-report/components/{GovBanner → SideNav/UI}/index.html +42 -27
  47. package/coverage/lcov-report/components/SideNav/UI/index.js.html +94 -0
  48. package/coverage/lcov-report/components/SideNav/helpers.js.html +10 -829
  49. package/coverage/lcov-report/components/SideNav/index.html +17 -17
  50. package/coverage/lcov-report/components/Tooltip/Tooltip.jsx.html +8 -8
  51. package/coverage/lcov-report/components/Tooltip/index.html +1 -1
  52. package/coverage/lcov-report/components/Tooltip/index.js.html +1 -1
  53. package/coverage/lcov-report/components/Tooltip/position.js.html +1 -1
  54. package/coverage/lcov-report/components/hooks/index.html +19 -19
  55. package/coverage/lcov-report/components/hooks/useGetConfig.js.html +36 -39
  56. package/coverage/lcov-report/components/index.html +1 -1
  57. package/coverage/lcov-report/index.html +63 -63
  58. package/coverage/lcov-report/lib/Chevron.jsx.html +5 -5
  59. package/coverage/lcov-report/lib/SvgComponents.jsx.html +12 -102
  60. package/coverage/lcov-report/lib/index.html +30 -15
  61. package/coverage/lcov-report/lib/svg-definitions.svg.html +460 -0
  62. package/coverage/lcov-report/react/components/Accordion/index.html +1 -1
  63. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +1 -1
  64. package/coverage/lcov-report/react/components/Button/index.html +1 -1
  65. package/coverage/lcov-report/react/components/Button/index.js.html +1 -1
  66. package/coverage/lcov-report/react/components/Dropdown/index.html +1 -1
  67. package/coverage/lcov-report/react/components/Dropdown/index.js.html +1 -1
  68. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +1 -1
  69. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +1 -1
  70. package/coverage/lcov-report/react/components/Error/error.js.html +1 -1
  71. package/coverage/lcov-report/react/components/Error/index.html +1 -1
  72. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +1 -1
  73. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +16 -16
  74. package/coverage/lcov-report/react/components/Footer/SocialLinks.jsx.html +1 -1
  75. package/coverage/lcov-report/react/components/Footer/Subscribe.jsx.html +1 -1
  76. package/coverage/lcov-report/react/components/Footer/footer.js.html +1 -1
  77. package/coverage/lcov-report/react/components/Footer/index.html +1 -1
  78. package/coverage/lcov-report/react/components/GovBanner/index.html +1 -1
  79. package/coverage/lcov-report/react/components/GovBanner/index.js.html +1 -1
  80. package/coverage/lcov-report/react/components/Header/HeaderAccountMenu.jsx.html +1 -1
  81. package/coverage/lcov-report/react/components/Header/HeaderCancel.jsx.html +1 -1
  82. package/coverage/lcov-report/react/components/Header/HeaderContainer.jsx.html +1 -1
  83. package/coverage/lcov-report/react/components/Header/HeaderLogo.jsx.html +1 -1
  84. package/coverage/lcov-report/react/components/Header/HeaderMenuButton.js.html +1 -1
  85. package/coverage/lcov-report/react/components/Header/HeaderMenuItem.jsx.html +1 -1
  86. package/coverage/lcov-report/react/components/Header/HeaderMenuLink.js.html +8 -26
  87. package/coverage/lcov-report/react/components/Header/HeaderMenuSignOutButton.js.html +1 -1
  88. package/coverage/lcov-report/react/components/Header/HeaderMobileButton.js.html +1 -1
  89. package/coverage/lcov-report/react/components/Header/HeaderUI.jsx.html +1 -1
  90. package/coverage/lcov-report/react/components/Header/HelpIcon.jsx.html +1 -1
  91. package/coverage/lcov-report/react/components/Header/ImpersonatorBanner.jsx.html +1 -1
  92. package/coverage/lcov-report/react/components/Header/NavigationButtonIcon.jsx.html +1 -1
  93. package/coverage/lcov-report/react/components/Header/header.js.html +1 -1
  94. package/coverage/lcov-report/react/components/Header/hooks.js.html +1 -1
  95. package/coverage/lcov-report/react/components/Header/index.html +17 -17
  96. package/coverage/lcov-report/react/components/Header/utag-helpers.js.html +1 -1
  97. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +1 -1
  98. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +1 -1
  99. package/coverage/lcov-report/react/components/Infotip/index.html +1 -1
  100. package/coverage/lcov-report/react/components/Infotip/index.js.html +1 -1
  101. package/coverage/lcov-report/react/components/Modal/LegacyModal.jsx.html +1 -1
  102. package/coverage/lcov-report/react/components/Modal/Modal.jsx.html +1 -1
  103. package/coverage/lcov-report/react/components/Modal/index.html +1 -1
  104. package/coverage/lcov-report/react/components/Modal/index.jsx.html +1 -1
  105. package/coverage/lcov-report/react/components/NotificationBanner/index.html +21 -51
  106. package/coverage/lcov-report/react/components/NotificationBanner/index.js.html +304 -172
  107. package/coverage/lcov-report/react/components/SanitizedContent/index.html +1 -1
  108. package/coverage/lcov-report/react/components/SanitizedContent/index.jsx.html +1 -1
  109. package/coverage/lcov-report/react/components/SessionDialog/index.html +1 -1
  110. package/coverage/lcov-report/react/components/SessionDialog/sessionDialog.js.html +1 -1
  111. package/coverage/lcov-report/react/components/SessionDialogUI.jsx.html +1 -1
  112. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +1 -1
  113. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/index.html +1 -1
  114. package/coverage/lcov-report/react/components/SideNav/Chart/ScoreChart.jsx.html +1 -1
  115. package/coverage/lcov-report/react/components/SideNav/Chart/index.html +1 -1
  116. package/coverage/lcov-report/react/components/SideNav/Chart/index.js.html +1 -1
  117. package/coverage/lcov-report/react/components/SideNav/Content/LevelOneContent.jsx.html +31 -109
  118. package/coverage/lcov-report/react/components/SideNav/Content/LevelTwoContent.jsx.html +1 -1
  119. package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/index.html +14 -14
  120. package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/index.js.html +16 -10
  121. package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/utils.js.html +27 -51
  122. package/coverage/lcov-report/react/components/SideNav/Content/index.html +19 -19
  123. package/coverage/lcov-report/react/components/SideNav/Content/index.js.html +1 -1
  124. package/coverage/lcov-report/react/components/SideNav/Details/IndividualDetails.jsx.html +1 -1
  125. package/coverage/lcov-report/react/components/SideNav/Details/PracticeDetails.jsx.html +1 -1
  126. package/coverage/lcov-report/react/components/SideNav/Details/index.html +1 -1
  127. package/coverage/lcov-report/react/components/SideNav/Details/index.js.html +1 -1
  128. package/coverage/lcov-report/react/components/SideNav/Links/CmsSwitchLink.jsx.html +1 -1
  129. package/coverage/lcov-report/react/components/SideNav/Links/NavItemInline.jsx.html +1 -1
  130. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkContainer.jsx.html +1 -1
  131. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkDrawer.jsx.html +1 -1
  132. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkInline.jsx.html +1 -1
  133. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkToggle.jsx.html +1 -1
  134. package/coverage/lcov-report/react/components/SideNav/Links/index.html +1 -1
  135. package/coverage/lcov-report/react/components/SideNav/Links/index.js.html +1 -1
  136. package/coverage/lcov-report/react/components/SideNav/UI/SideNavUI.jsx.html +16 -4
  137. package/coverage/lcov-report/react/components/SideNav/UI/index.html +1 -1
  138. package/coverage/lcov-report/react/components/SideNav/UI/index.js.html +1 -1
  139. package/coverage/lcov-report/react/components/SideNav/helpers.js.html +17 -197
  140. package/coverage/lcov-report/react/components/SideNav/index.html +19 -19
  141. package/coverage/lcov-report/react/components/SideNav/index.js.html +1 -1
  142. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +1 -1
  143. package/coverage/lcov-report/react/components/Tooltip/index.html +1 -1
  144. package/coverage/lcov-report/react/components/Tooltip/index.js.html +1 -1
  145. package/coverage/lcov-report/react/components/Tooltip/position.js.html +1 -1
  146. package/coverage/lcov-report/react/components/hooks/index.html +1 -1
  147. package/coverage/lcov-report/react/components/hooks/useGetConfig.js.html +1 -1
  148. package/coverage/lcov-report/react/components/index.html +1 -1
  149. package/coverage/lcov-report/react/index.html +1 -1
  150. package/coverage/lcov-report/react/index.js.html +1 -1
  151. package/coverage/lcov-report/react/lib/Chevron.jsx.html +1 -1
  152. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +9 -57
  153. package/coverage/lcov-report/react/lib/index.html +29 -14
  154. package/coverage/lcov-report/react/lib/svg-definitions.svg.html +1 -1
  155. package/coverage/lcov-report/react/session/index.html +1 -1
  156. package/coverage/lcov-report/react/session/index.js.html +1 -1
  157. package/coverage/lcov-report/react/session/logout.js.html +1 -1
  158. package/coverage/lcov-report/react/session/refresh.js.html +1 -1
  159. package/coverage/lcov-report/react/session/ttl.js.html +1 -1
  160. package/coverage/lcov-report/session/index.html +20 -20
  161. package/coverage/lcov-report/session/index.js.html +1 -1
  162. package/coverage/lcov-report/session/logout.js.html +15 -24
  163. package/coverage/lcov-report/session/refresh.js.html +2 -2
  164. package/coverage/lcov-report/session/ttl.js.html +2 -2
  165. package/coverage/lcov.info +454 -530
  166. package/dist/browser.js +1 -1
  167. package/dist/browser.js.map +1 -1
  168. package/dist/index.js +1 -1
  169. package/dist/index.js.map +1 -1
  170. package/dist/react/index.js +1 -1
  171. package/dist/react/index.js.map +1 -1
  172. package/package.json +9 -9
  173. package/styles/qppds/components/_header.scss +1 -1
  174. package/coverage/lcov-report/components/GovBanner/index.js.html +0 -436
  175. package/coverage/lcov-report/components/Header/HeaderAccountMenu.jsx.html +0 -592
  176. package/coverage/lcov-report/components/Header/HeaderContainer.jsx.html +0 -280
  177. package/coverage/lcov-report/components/Header/HeaderMenuLink.js.html +0 -253
  178. package/coverage/lcov-report/components/Header/HeaderMenuSignOutButton.js.html +0 -271
  179. package/coverage/lcov-report/components/Header/HeaderMobileButton.js.html +0 -196
  180. package/coverage/lcov-report/components/Header/HelpIcon.jsx.html +0 -181
  181. package/coverage/lcov-report/components/Header/ImpersonatorBanner.jsx.html +0 -331
  182. package/coverage/lcov-report/components/Header/NavigationButtonIcon.jsx.html +0 -166
  183. package/coverage/lcov-report/components/Header/hooks.js.html +0 -241
  184. package/coverage/lcov-report/components/Header/index.html +0 -326
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qpp-style",
3
- "version": "9.20.0",
3
+ "version": "9.20.2",
4
4
  "description": "Shared style guide across the QPP program.",
5
5
  "main": "dist/index.js",
6
6
  "homepage": "https://cmsgov.github.io/qpp-style",
@@ -25,9 +25,9 @@
25
25
  "deploy": "gh-pages -d storybook-static"
26
26
  },
27
27
  "devDependencies": {
28
- "@babel/cli": "^7.18.10",
29
- "@babel/core": "^7.19.0",
30
- "@babel/preset-env": "^7.19.0",
28
+ "@babel/cli": "^7.19.3",
29
+ "@babel/core": "^7.19.3",
30
+ "@babel/preset-env": "^7.19.3",
31
31
  "@babel/preset-react": "^7.18.6",
32
32
  "@babel/register": "^7.18.9",
33
33
  "@storybook/addon-a11y": "^6.5.12",
@@ -44,9 +44,9 @@
44
44
  "@storybook/manager-webpack5": "^6.5.12",
45
45
  "@storybook/react": "^6.5.12",
46
46
  "@testing-library/react": "^12.1.5",
47
- "autoprefixer": "^10.4.10",
47
+ "autoprefixer": "^10.4.12",
48
48
  "babel-eslint": "^10.1.0",
49
- "babel-jest": "^29.0.3",
49
+ "babel-jest": "^29.1.0",
50
50
  "babel-loader": "^8.2.5",
51
51
  "babel-plugin-transform-class-properties": "^6.24.1",
52
52
  "babel-plugin-transform-es2015-modules-umd": "^6.24.1",
@@ -62,8 +62,8 @@
62
62
  "feather-icons-react": "^0.4.3",
63
63
  "gh-pages": "^3.2.3",
64
64
  "husky": "^8.0.0",
65
- "jest": "^29.0.3",
66
- "jest-environment-jsdom": "^29.0.3",
65
+ "jest": "^29.1.1",
66
+ "jest-environment-jsdom": "^29.1.1",
67
67
  "jsonwebtoken": "^8.5.1",
68
68
  "mini-css-extract-plugin": "^2.6.1",
69
69
  "moxios": "^0.4.0",
@@ -74,7 +74,7 @@
74
74
  "react-test-renderer": "^17.0.2",
75
75
  "regenerator-runtime": "^0.13.9",
76
76
  "rimraf": "^3.0.2",
77
- "sass": "^1.54.6",
77
+ "sass": "^1.55.0",
78
78
  "sass-loader": "^13.0.2",
79
79
  "sinon": "^14.0.0",
80
80
  "style-loader": "^3.3.1",
@@ -12,7 +12,7 @@ header {
12
12
  flex-wrap: wrap;
13
13
  justify-content: space-between;
14
14
  position: relative;
15
- z-index: 1999;
15
+ z-index: 1;
16
16
  @include breakpoint(sm) {
17
17
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
18
18
  display: block;
@@ -1,436 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for components/GovBanner/index.js</title>
7
- <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
- <meta name="viewport" content="width=device-width, initial-scale=1" />
12
- <style type='text/css'>
13
- .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
15
- }
16
- </style>
17
- </head>
18
-
19
- <body>
20
- <div class='wrapper'>
21
- <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> / <a href="index.html">components/GovBanner</a> index.js</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">75% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>3/4</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">50% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>1/2</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">50% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>1/2</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">75% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>3/4</span>
50
- </div>
51
-
52
-
53
- </div>
54
- <p class="quiet">
55
- Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
- </p>
57
- <template id="filterTemplate">
58
- <div class="quiet">
59
- Filter:
60
- <input oninput="onInput()" type="search" id="fileSearch">
61
- </div>
62
- </template>
63
- </div>
64
- <div class='status-line medium'></div>
65
- <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
- <a name='L2'></a><a href='#L2'>2</a>
68
- <a name='L3'></a><a href='#L3'>3</a>
69
- <a name='L4'></a><a href='#L4'>4</a>
70
- <a name='L5'></a><a href='#L5'>5</a>
71
- <a name='L6'></a><a href='#L6'>6</a>
72
- <a name='L7'></a><a href='#L7'>7</a>
73
- <a name='L8'></a><a href='#L8'>8</a>
74
- <a name='L9'></a><a href='#L9'>9</a>
75
- <a name='L10'></a><a href='#L10'>10</a>
76
- <a name='L11'></a><a href='#L11'>11</a>
77
- <a name='L12'></a><a href='#L12'>12</a>
78
- <a name='L13'></a><a href='#L13'>13</a>
79
- <a name='L14'></a><a href='#L14'>14</a>
80
- <a name='L15'></a><a href='#L15'>15</a>
81
- <a name='L16'></a><a href='#L16'>16</a>
82
- <a name='L17'></a><a href='#L17'>17</a>
83
- <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
96
- <a name='L31'></a><a href='#L31'>31</a>
97
- <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a>
99
- <a name='L34'></a><a href='#L34'>34</a>
100
- <a name='L35'></a><a href='#L35'>35</a>
101
- <a name='L36'></a><a href='#L36'>36</a>
102
- <a name='L37'></a><a href='#L37'>37</a>
103
- <a name='L38'></a><a href='#L38'>38</a>
104
- <a name='L39'></a><a href='#L39'>39</a>
105
- <a name='L40'></a><a href='#L40'>40</a>
106
- <a name='L41'></a><a href='#L41'>41</a>
107
- <a name='L42'></a><a href='#L42'>42</a>
108
- <a name='L43'></a><a href='#L43'>43</a>
109
- <a name='L44'></a><a href='#L44'>44</a>
110
- <a name='L45'></a><a href='#L45'>45</a>
111
- <a name='L46'></a><a href='#L46'>46</a>
112
- <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a>
128
- <a name='L63'></a><a href='#L63'>63</a>
129
- <a name='L64'></a><a href='#L64'>64</a>
130
- <a name='L65'></a><a href='#L65'>65</a>
131
- <a name='L66'></a><a href='#L66'>66</a>
132
- <a name='L67'></a><a href='#L67'>67</a>
133
- <a name='L68'></a><a href='#L68'>68</a>
134
- <a name='L69'></a><a href='#L69'>69</a>
135
- <a name='L70'></a><a href='#L70'>70</a>
136
- <a name='L71'></a><a href='#L71'>71</a>
137
- <a name='L72'></a><a href='#L72'>72</a>
138
- <a name='L73'></a><a href='#L73'>73</a>
139
- <a name='L74'></a><a href='#L74'>74</a>
140
- <a name='L75'></a><a href='#L75'>75</a>
141
- <a name='L76'></a><a href='#L76'>76</a>
142
- <a name='L77'></a><a href='#L77'>77</a>
143
- <a name='L78'></a><a href='#L78'>78</a>
144
- <a name='L79'></a><a href='#L79'>79</a>
145
- <a name='L80'></a><a href='#L80'>80</a>
146
- <a name='L81'></a><a href='#L81'>81</a>
147
- <a name='L82'></a><a href='#L82'>82</a>
148
- <a name='L83'></a><a href='#L83'>83</a>
149
- <a name='L84'></a><a href='#L84'>84</a>
150
- <a name='L85'></a><a href='#L85'>85</a>
151
- <a name='L86'></a><a href='#L86'>86</a>
152
- <a name='L87'></a><a href='#L87'>87</a>
153
- <a name='L88'></a><a href='#L88'>88</a>
154
- <a name='L89'></a><a href='#L89'>89</a>
155
- <a name='L90'></a><a href='#L90'>90</a>
156
- <a name='L91'></a><a href='#L91'>91</a>
157
- <a name='L92'></a><a href='#L92'>92</a>
158
- <a name='L93'></a><a href='#L93'>93</a>
159
- <a name='L94'></a><a href='#L94'>94</a>
160
- <a name='L95'></a><a href='#L95'>95</a>
161
- <a name='L96'></a><a href='#L96'>96</a>
162
- <a name='L97'></a><a href='#L97'>97</a>
163
- <a name='L98'></a><a href='#L98'>98</a>
164
- <a name='L99'></a><a href='#L99'>99</a>
165
- <a name='L100'></a><a href='#L100'>100</a>
166
- <a name='L101'></a><a href='#L101'>101</a>
167
- <a name='L102'></a><a href='#L102'>102</a>
168
- <a name='L103'></a><a href='#L103'>103</a>
169
- <a name='L104'></a><a href='#L104'>104</a>
170
- <a name='L105'></a><a href='#L105'>105</a>
171
- <a name='L106'></a><a href='#L106'>106</a>
172
- <a name='L107'></a><a href='#L107'>107</a>
173
- <a name='L108'></a><a href='#L108'>108</a>
174
- <a name='L109'></a><a href='#L109'>109</a>
175
- <a name='L110'></a><a href='#L110'>110</a>
176
- <a name='L111'></a><a href='#L111'>111</a>
177
- <a name='L112'></a><a href='#L112'>112</a>
178
- <a name='L113'></a><a href='#L113'>113</a>
179
- <a name='L114'></a><a href='#L114'>114</a>
180
- <a name='L115'></a><a href='#L115'>115</a>
181
- <a name='L116'></a><a href='#L116'>116</a>
182
- <a name='L117'></a><a href='#L117'>117</a>
183
- <a name='L118'></a><a href='#L118'>118</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
184
- <span class="cline-any cline-neutral">&nbsp;</span>
185
- <span class="cline-any cline-yes">1x</span>
186
- <span class="cline-any cline-yes">2x</span>
187
- <span class="cline-any cline-neutral">&nbsp;</span>
188
- <span class="cline-any cline-yes">2x</span>
189
- <span class="cline-any cline-neutral">&nbsp;</span>
190
- <span class="cline-any cline-neutral">&nbsp;</span>
191
- <span class="cline-any cline-neutral">&nbsp;</span>
192
- <span class="cline-any cline-neutral">&nbsp;</span>
193
- <span class="cline-any cline-neutral">&nbsp;</span>
194
- <span class="cline-any cline-neutral">&nbsp;</span>
195
- <span class="cline-any cline-neutral">&nbsp;</span>
196
- <span class="cline-any cline-neutral">&nbsp;</span>
197
- <span class="cline-any cline-neutral">&nbsp;</span>
198
- <span class="cline-any cline-neutral">&nbsp;</span>
199
- <span class="cline-any cline-neutral">&nbsp;</span>
200
- <span class="cline-any cline-neutral">&nbsp;</span>
201
- <span class="cline-any cline-neutral">&nbsp;</span>
202
- <span class="cline-any cline-neutral">&nbsp;</span>
203
- <span class="cline-any cline-neutral">&nbsp;</span>
204
- <span class="cline-any cline-neutral">&nbsp;</span>
205
- <span class="cline-any cline-neutral">&nbsp;</span>
206
- <span class="cline-any cline-neutral">&nbsp;</span>
207
- <span class="cline-any cline-neutral">&nbsp;</span>
208
- <span class="cline-any cline-neutral">&nbsp;</span>
209
- <span class="cline-any cline-neutral">&nbsp;</span>
210
- <span class="cline-any cline-neutral">&nbsp;</span>
211
- <span class="cline-any cline-neutral">&nbsp;</span>
212
- <span class="cline-any cline-neutral">&nbsp;</span>
213
- <span class="cline-any cline-neutral">&nbsp;</span>
214
- <span class="cline-any cline-neutral">&nbsp;</span>
215
- <span class="cline-any cline-neutral">&nbsp;</span>
216
- <span class="cline-any cline-neutral">&nbsp;</span>
217
- <span class="cline-any cline-neutral">&nbsp;</span>
218
- <span class="cline-any cline-neutral">&nbsp;</span>
219
- <span class="cline-any cline-neutral">&nbsp;</span>
220
- <span class="cline-any cline-neutral">&nbsp;</span>
221
- <span class="cline-any cline-neutral">&nbsp;</span>
222
- <span class="cline-any cline-no">&nbsp;</span>
223
- <span class="cline-any cline-neutral">&nbsp;</span>
224
- <span class="cline-any cline-neutral">&nbsp;</span>
225
- <span class="cline-any cline-neutral">&nbsp;</span>
226
- <span class="cline-any cline-neutral">&nbsp;</span>
227
- <span class="cline-any cline-neutral">&nbsp;</span>
228
- <span class="cline-any cline-neutral">&nbsp;</span>
229
- <span class="cline-any cline-neutral">&nbsp;</span>
230
- <span class="cline-any cline-neutral">&nbsp;</span>
231
- <span class="cline-any cline-neutral">&nbsp;</span>
232
- <span class="cline-any cline-neutral">&nbsp;</span>
233
- <span class="cline-any cline-neutral">&nbsp;</span>
234
- <span class="cline-any cline-neutral">&nbsp;</span>
235
- <span class="cline-any cline-neutral">&nbsp;</span>
236
- <span class="cline-any cline-neutral">&nbsp;</span>
237
- <span class="cline-any cline-neutral">&nbsp;</span>
238
- <span class="cline-any cline-neutral">&nbsp;</span>
239
- <span class="cline-any cline-neutral">&nbsp;</span>
240
- <span class="cline-any cline-neutral">&nbsp;</span>
241
- <span class="cline-any cline-neutral">&nbsp;</span>
242
- <span class="cline-any cline-neutral">&nbsp;</span>
243
- <span class="cline-any cline-neutral">&nbsp;</span>
244
- <span class="cline-any cline-neutral">&nbsp;</span>
245
- <span class="cline-any cline-neutral">&nbsp;</span>
246
- <span class="cline-any cline-neutral">&nbsp;</span>
247
- <span class="cline-any cline-neutral">&nbsp;</span>
248
- <span class="cline-any cline-neutral">&nbsp;</span>
249
- <span class="cline-any cline-neutral">&nbsp;</span>
250
- <span class="cline-any cline-neutral">&nbsp;</span>
251
- <span class="cline-any cline-neutral">&nbsp;</span>
252
- <span class="cline-any cline-neutral">&nbsp;</span>
253
- <span class="cline-any cline-neutral">&nbsp;</span>
254
- <span class="cline-any cline-neutral">&nbsp;</span>
255
- <span class="cline-any cline-neutral">&nbsp;</span>
256
- <span class="cline-any cline-neutral">&nbsp;</span>
257
- <span class="cline-any cline-neutral">&nbsp;</span>
258
- <span class="cline-any cline-neutral">&nbsp;</span>
259
- <span class="cline-any cline-neutral">&nbsp;</span>
260
- <span class="cline-any cline-neutral">&nbsp;</span>
261
- <span class="cline-any cline-neutral">&nbsp;</span>
262
- <span class="cline-any cline-neutral">&nbsp;</span>
263
- <span class="cline-any cline-neutral">&nbsp;</span>
264
- <span class="cline-any cline-neutral">&nbsp;</span>
265
- <span class="cline-any cline-neutral">&nbsp;</span>
266
- <span class="cline-any cline-neutral">&nbsp;</span>
267
- <span class="cline-any cline-neutral">&nbsp;</span>
268
- <span class="cline-any cline-neutral">&nbsp;</span>
269
- <span class="cline-any cline-neutral">&nbsp;</span>
270
- <span class="cline-any cline-neutral">&nbsp;</span>
271
- <span class="cline-any cline-neutral">&nbsp;</span>
272
- <span class="cline-any cline-neutral">&nbsp;</span>
273
- <span class="cline-any cline-neutral">&nbsp;</span>
274
- <span class="cline-any cline-neutral">&nbsp;</span>
275
- <span class="cline-any cline-neutral">&nbsp;</span>
276
- <span class="cline-any cline-neutral">&nbsp;</span>
277
- <span class="cline-any cline-neutral">&nbsp;</span>
278
- <span class="cline-any cline-neutral">&nbsp;</span>
279
- <span class="cline-any cline-neutral">&nbsp;</span>
280
- <span class="cline-any cline-neutral">&nbsp;</span>
281
- <span class="cline-any cline-neutral">&nbsp;</span>
282
- <span class="cline-any cline-neutral">&nbsp;</span>
283
- <span class="cline-any cline-neutral">&nbsp;</span>
284
- <span class="cline-any cline-neutral">&nbsp;</span>
285
- <span class="cline-any cline-neutral">&nbsp;</span>
286
- <span class="cline-any cline-neutral">&nbsp;</span>
287
- <span class="cline-any cline-neutral">&nbsp;</span>
288
- <span class="cline-any cline-neutral">&nbsp;</span>
289
- <span class="cline-any cline-neutral">&nbsp;</span>
290
- <span class="cline-any cline-neutral">&nbsp;</span>
291
- <span class="cline-any cline-neutral">&nbsp;</span>
292
- <span class="cline-any cline-neutral">&nbsp;</span>
293
- <span class="cline-any cline-neutral">&nbsp;</span>
294
- <span class="cline-any cline-neutral">&nbsp;</span>
295
- <span class="cline-any cline-neutral">&nbsp;</span>
296
- <span class="cline-any cline-neutral">&nbsp;</span>
297
- <span class="cline-any cline-neutral">&nbsp;</span>
298
- <span class="cline-any cline-neutral">&nbsp;</span>
299
- <span class="cline-any cline-neutral">&nbsp;</span>
300
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useState } from 'react';
301
- &nbsp;
302
- const GovBanner = () =&gt; {
303
- const [hideContent, setHideContent] = useState(true);
304
- &nbsp;
305
- return (
306
- &lt;section
307
- className="qpp-c-gov-banner"
308
- aria-label="Official government website"
309
- &gt;
310
- &lt;div className="qpp-c-gov-banner__expand-wrap"&gt;
311
- &lt;header
312
- className={`qpp-c-gov-banner__header ${
313
- !hideContent ? <span class="branch-0 cbranch-no" title="branch not covered" >'qpp-c-gov-banner__header--expanded' </span>: ''
314
- }`}
315
- &gt;
316
- &lt;div className="qpp-c-gov-banner__inner"&gt;
317
- &lt;div className="qpp-c-gov-banner__header-col1"&gt;
318
- &lt;img
319
- className="qpp-c-gov-banner__header-flag"
320
- src="/images/us_flag_small.png"
321
- alt="U.S. flag"
322
- /&gt;
323
- &lt;/div&gt;
324
- &lt;div className="qpp-c-gov-banner__header-col2"&gt;
325
- &lt;p className="qpp-c-gov-banner__header-text"&gt;
326
- An official website of the United States government
327
- &lt;/p&gt;
328
- &lt;p className="qpp-c-gov-banner__header-action" aria-hidden="true"&gt;
329
- &lt;span className="qpp-c-gov-banner__header-action-text qpp-c-button qpp-c-button--text"&gt;
330
- Here’s how you know
331
- &lt;/span&gt;
332
- &lt;span className="qpp-c-gov-banner__header-action-icon qpp-c-button qpp-c-button--text"&gt;&lt;/span&gt;
333
- &lt;/p&gt;
334
- &lt;/div&gt;
335
- &lt;button
336
- className="qpp-c-gov-banner__button qpp-c-button qpp-c-button--icon-after qpp-c-button--text"
337
- aria-expanded={!hideContent}
338
- aria-controls="qpp-gov-banner-content"
339
- onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setHideContent(!hideContent)}</span>
340
- &gt;
341
- &lt;span className="qpp-c-gov-banner__button-text"&gt;
342
- Here’s how you know
343
- &lt;/span&gt;
344
- &lt;/button&gt;
345
- &lt;/div&gt;
346
- &lt;/header&gt;
347
- &lt;div
348
- className="qpp-c-gov-banner__content"
349
- id="qpp-gov-banner-content"
350
- hidden={hideContent}
351
- &gt;
352
- &lt;div className="qpp-u-display--flex qpp-u-flex-direction--column qpp-u-xs-flex-direction--row qpp-u-flex-gap--24"&gt;
353
- &lt;div className="qpp-c-gov-banner__guidance"&gt;
354
- &lt;img
355
- className="qpp-c-gov-banner__icon"
356
- src="/images/icon-dot-gov.svg"
357
- role="img"
358
- alt=""
359
- aria-hidden="true"
360
- /&gt;
361
- &lt;div&gt;
362
- &lt;p&gt;
363
- &lt;strong&gt; Official websites use .gov &lt;/strong&gt;
364
- &lt;br /&gt;A &lt;strong&gt;.gov&lt;/strong&gt; website belongs to an official
365
- government organization in the United States.
366
- &lt;/p&gt;
367
- &lt;/div&gt;
368
- &lt;/div&gt;
369
- &lt;div className="qpp-c-gov-banner__guidance"&gt;
370
- &lt;img
371
- className="qpp-c-gov-banner__icon"
372
- src="/images/icon-https.svg"
373
- role="img"
374
- alt=""
375
- aria-hidden="true"
376
- /&gt;
377
- &lt;div&gt;
378
- &lt;p&gt;
379
- &lt;strong&gt; Secure .gov websites use HTTPS &lt;/strong&gt;
380
- &lt;br /&gt;A &lt;strong&gt;lock&lt;/strong&gt; (
381
- &lt;span className="icon-lock"&gt;
382
- &lt;svg
383
- xmlns="http://www.w3.org/2000/svg"
384
- width="52"
385
- height="64"
386
- viewBox="0 0 52 64"
387
- className="qpp-c-gov-banner__lock-image "
388
- role="img"
389
- aria-labelledby="banner-lock-title-default banner-lock-description-default"
390
- focusable="false"
391
- &gt;
392
- &lt;title id="banner-lock-title-default"&gt;Lock&lt;/title&gt;
393
- &lt;desc id="banner-lock-description-default"&gt;
394
- A locked padlock
395
- &lt;/desc&gt;
396
- &lt;path
397
- fill="#000000"
398
- fillRule="evenodd"
399
- d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"
400
- /&gt;
401
- &lt;/svg&gt;
402
- &lt;/span&gt;
403
- ) or &lt;strong&gt;https://&lt;/strong&gt; means you’ve safely connected
404
- to the .gov website. Share sensitive information only on
405
- official, secure websites.
406
- &lt;/p&gt;
407
- &lt;/div&gt;
408
- &lt;/div&gt;
409
- &lt;/div&gt;
410
- &lt;/div&gt;
411
- &lt;/div&gt;
412
- &lt;/section&gt;
413
- );
414
- };
415
- &nbsp;
416
- export default GovBanner;
417
- &nbsp;</pre></td></tr></table></pre>
418
-
419
- <div class='push'></div><!-- for sticky footer -->
420
- </div><!-- /wrapper -->
421
- <div class='footer quiet pad2 space-top1 center small'>
422
- Code coverage generated by
423
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
424
- at Sun Sep 11 2022 11:18:36 GMT-0700 (Pacific Daylight Time)
425
- </div>
426
- <script src="../../prettify.js"></script>
427
- <script>
428
- window.onload = function () {
429
- prettyPrint();
430
- };
431
- </script>
432
- <script src="../../sorter.js"></script>
433
- <script src="../../block-navigation.js"></script>
434
- </body>
435
- </html>
436
-