qpp-style 9.31.0 → 9.31.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 (215) hide show
  1. package/components/Error/error.js +1 -1
  2. package/components/FlashNotification/FlashNotificationUI.jsx +3 -3
  3. package/components/FlashNotification/index.js +1 -1
  4. package/components/Header/HeaderMenuItem.jsx +1 -1
  5. package/components/Header/HeaderUI.jsx +1 -1
  6. package/components/Header/ImpersonatorBanner.jsx +1 -1
  7. package/components/Header/header.js +1 -1
  8. package/components/NotificationBanner/CollapsedView.js +2 -2
  9. package/components/NotificationBanner/index.js +3 -3
  10. package/components/SessionDialog/sessionDialog.js +1 -1
  11. package/components/SideNav/Chart/ScoreChart.jsx +1 -1
  12. package/components/SideNav/Content/SelectRole/index.js +1 -1
  13. package/components/SideNav/Links/NavLinkDrawer.jsx +5 -5
  14. package/components/SideNav/UI/SideNavUI.jsx +11 -6
  15. package/components/SideNav/helpers.js +6 -13
  16. package/components/SideNav/index.js +1 -1
  17. package/coverage/clover.xml +261 -233
  18. package/coverage/coverage-final.json +70 -69
  19. package/coverage/lcov-report/components/Accordion/index.html +20 -20
  20. package/coverage/lcov-report/components/Accordion/index.jsx.html +121 -109
  21. package/coverage/lcov-report/components/Button/index.html +116 -0
  22. package/coverage/lcov-report/components/Button/index.js.html +355 -0
  23. package/coverage/lcov-report/components/Error/Collapsible.jsx.html +98 -98
  24. package/coverage/lcov-report/components/Error/ErrorUI.jsx.html +33 -33
  25. package/coverage/lcov-report/components/Error/index.html +23 -23
  26. package/coverage/lcov-report/components/Footer/FooterUI.jsx.html +395 -557
  27. package/coverage/lcov-report/components/Footer/SocialLinks.jsx.html +70 -70
  28. package/coverage/lcov-report/components/Footer/Subscribe.jsx.html +44 -44
  29. package/coverage/lcov-report/components/Footer/index.html +33 -48
  30. package/coverage/lcov-report/components/{SideNav/UI → GovBanner}/index.html +30 -45
  31. package/coverage/lcov-report/components/GovBanner/index.js.html +436 -0
  32. package/coverage/lcov-report/components/Header/HeaderAccountMenu.jsx.html +367 -0
  33. package/coverage/lcov-report/components/{SideNav/Details/IndividualDetails.jsx.html → Header/HeaderCancel.jsx.html} +35 -41
  34. package/coverage/lcov-report/components/Header/HeaderContainer.jsx.html +307 -0
  35. package/coverage/lcov-report/components/Header/HeaderLogo.jsx.html +211 -0
  36. package/coverage/lcov-report/components/Header/HeaderMenuButton.js.html +235 -0
  37. package/coverage/lcov-report/components/Header/HeaderMenuItem.jsx.html +802 -0
  38. package/coverage/lcov-report/components/Header/HeaderMenuLink.js.html +253 -0
  39. package/coverage/lcov-report/components/Header/HeaderMenuSignOutButton.js.html +271 -0
  40. package/coverage/lcov-report/components/Header/HeaderMobileButton.js.html +196 -0
  41. package/coverage/lcov-report/components/Header/HeaderUI.jsx.html +586 -0
  42. package/coverage/lcov-report/components/Header/HelpIcon.jsx.html +181 -0
  43. package/coverage/lcov-report/components/Header/ImpersonatorBanner.jsx.html +328 -0
  44. package/coverage/lcov-report/components/Header/NavigationButtonIcon.jsx.html +166 -0
  45. package/coverage/lcov-report/components/Header/hooks.js.html +283 -0
  46. package/coverage/lcov-report/components/Header/index.html +326 -0
  47. package/coverage/lcov-report/components/{SideNav/Links/index.js.html → Header/utag-helpers.js.html} +34 -46
  48. package/coverage/lcov-report/components/Infotip/Infotip.jsx.html +96 -108
  49. package/coverage/lcov-report/components/Infotip/InfotipContent.jsx.html +223 -0
  50. package/coverage/lcov-report/components/Infotip/InfotipIcon.jsx.html +49 -49
  51. package/coverage/lcov-report/components/Infotip/index.html +32 -32
  52. package/coverage/lcov-report/components/Infotip/index.js.html +1 -1
  53. package/coverage/lcov-report/components/Modal/LegacyModal.jsx.html +116 -116
  54. package/coverage/lcov-report/components/Modal/Modal.jsx.html +252 -252
  55. package/coverage/lcov-report/components/Modal/index.html +38 -38
  56. package/coverage/lcov-report/components/Modal/index.jsx.html +31 -31
  57. package/coverage/lcov-report/components/NotificationBanner/CollapsedView.js.html +202 -0
  58. package/coverage/lcov-report/components/NotificationBanner/ExpandedView.js.html +220 -0
  59. package/coverage/lcov-report/components/{SideNav/Details → NotificationBanner}/index.html +46 -46
  60. package/coverage/lcov-report/components/NotificationBanner/index.js.html +748 -0
  61. package/coverage/lcov-report/components/SanitizedContent/index.html +19 -19
  62. package/coverage/lcov-report/components/SanitizedContent/index.jsx.html +287 -218
  63. package/coverage/lcov-report/components/SessionDialogUI.jsx.html +440 -440
  64. package/coverage/lcov-report/components/SideNav/Chart/ScoreChart.jsx.html +7 -7
  65. package/coverage/lcov-report/components/SideNav/Chart/index.html +1 -16
  66. package/coverage/lcov-report/components/SideNav/{AnimationGroup → Content/SelectRole}/index.html +29 -29
  67. package/coverage/lcov-report/components/SideNav/Content/SelectRole/utils.js.html +532 -0
  68. package/coverage/lcov-report/components/SideNav/helpers.js.html +1125 -54
  69. package/coverage/lcov-report/components/SideNav/index.html +19 -19
  70. package/coverage/lcov-report/components/Tooltip/Tooltip.jsx.html +9 -9
  71. package/coverage/lcov-report/components/Tooltip/index.html +1 -1
  72. package/coverage/lcov-report/components/Tooltip/index.js.html +1 -1
  73. package/coverage/lcov-report/components/Tooltip/position.js.html +1 -1
  74. package/coverage/lcov-report/components/hooks/index.html +21 -21
  75. package/coverage/lcov-report/components/hooks/useGetConfig.js.html +131 -128
  76. package/coverage/lcov-report/components/index.html +21 -21
  77. package/coverage/lcov-report/index.html +52 -52
  78. package/coverage/lcov-report/lib/Chevron.jsx.html +36 -36
  79. package/coverage/lcov-report/lib/SvgComponents.jsx.html +1471 -973
  80. package/coverage/lcov-report/lib/index.html +21 -36
  81. package/coverage/lcov-report/react/components/Accordion/index.html +1 -1
  82. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +1 -1
  83. package/coverage/lcov-report/react/components/Button/index.html +1 -1
  84. package/coverage/lcov-report/react/components/Button/index.js.html +1 -1
  85. package/coverage/lcov-report/react/components/Dropdown/index.html +1 -1
  86. package/coverage/lcov-report/react/components/Dropdown/index.js.html +1 -1
  87. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +1 -1
  88. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +1 -1
  89. package/coverage/lcov-report/react/components/Error/error.js.html +2 -2
  90. package/coverage/lcov-report/react/components/Error/index.html +1 -1
  91. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +1 -1
  92. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +16 -16
  93. package/coverage/lcov-report/react/components/Footer/SocialLinks.jsx.html +1 -1
  94. package/coverage/lcov-report/react/components/Footer/Subscribe.jsx.html +1 -1
  95. package/coverage/lcov-report/react/components/Footer/footer.js.html +1 -1
  96. package/coverage/lcov-report/react/components/Footer/index.html +1 -1
  97. package/coverage/lcov-report/react/components/GovBanner/index.html +1 -1
  98. package/coverage/lcov-report/react/components/GovBanner/index.js.html +1 -1
  99. package/coverage/lcov-report/react/components/Header/HeaderAccountMenu.jsx.html +1 -1
  100. package/coverage/lcov-report/react/components/Header/HeaderCancel.jsx.html +1 -1
  101. package/coverage/lcov-report/react/components/Header/HeaderContainer.jsx.html +1 -1
  102. package/coverage/lcov-report/react/components/Header/HeaderLogo.jsx.html +1 -1
  103. package/coverage/lcov-report/react/components/Header/HeaderMenuButton.js.html +1 -1
  104. package/coverage/lcov-report/react/components/Header/HeaderMenuItem.jsx.html +2 -2
  105. package/coverage/lcov-report/react/components/Header/HeaderMenuLink.js.html +1 -1
  106. package/coverage/lcov-report/react/components/Header/HeaderMenuSignOutButton.js.html +1 -1
  107. package/coverage/lcov-report/react/components/Header/HeaderMobileButton.js.html +1 -1
  108. package/coverage/lcov-report/react/components/Header/HeaderUI.jsx.html +2 -2
  109. package/coverage/lcov-report/react/components/Header/HelpIcon.jsx.html +1 -1
  110. package/coverage/lcov-report/react/components/Header/ImpersonatorBanner.jsx.html +3 -3
  111. package/coverage/lcov-report/react/components/Header/NavigationButtonIcon.jsx.html +1 -1
  112. package/coverage/lcov-report/react/components/Header/header.js.html +2 -2
  113. package/coverage/lcov-report/react/components/Header/hooks.js.html +1 -1
  114. package/coverage/lcov-report/react/components/Header/index.html +1 -1
  115. package/coverage/lcov-report/react/components/Header/utag-helpers.js.html +1 -1
  116. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +1 -1
  117. package/coverage/lcov-report/react/components/Infotip/InfotipContent.jsx.html +1 -1
  118. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +1 -1
  119. package/coverage/lcov-report/react/components/Infotip/index.html +1 -1
  120. package/coverage/lcov-report/react/components/Infotip/index.js.html +1 -1
  121. package/coverage/lcov-report/react/components/Modal/LegacyModal.jsx.html +1 -1
  122. package/coverage/lcov-report/react/components/Modal/Modal.jsx.html +1 -1
  123. package/coverage/lcov-report/react/components/Modal/index.html +1 -1
  124. package/coverage/lcov-report/react/components/Modal/index.jsx.html +1 -1
  125. package/coverage/lcov-report/react/components/NotificationBanner/CollapsedView.js.html +3 -3
  126. package/coverage/lcov-report/react/components/NotificationBanner/ExpandedView.js.html +1 -1
  127. package/coverage/lcov-report/react/components/NotificationBanner/index.html +1 -1
  128. package/coverage/lcov-report/react/components/NotificationBanner/index.js.html +4 -4
  129. package/coverage/lcov-report/react/components/SanitizedContent/index.html +20 -20
  130. package/coverage/lcov-report/react/components/SanitizedContent/index.jsx.html +48 -12
  131. package/coverage/lcov-report/react/components/SessionDialog/index.html +1 -1
  132. package/coverage/lcov-report/react/components/SessionDialog/sessionDialog.js.html +2 -2
  133. package/coverage/lcov-report/react/components/SessionDialogUI.jsx.html +1 -1
  134. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +1 -1
  135. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/index.html +1 -1
  136. package/coverage/lcov-report/react/components/SideNav/Chart/ScoreChart.jsx.html +2 -2
  137. package/coverage/lcov-report/react/components/SideNav/Chart/index.html +1 -1
  138. package/coverage/lcov-report/react/components/SideNav/Chart/index.js.html +1 -1
  139. package/coverage/lcov-report/react/components/SideNav/Content/LevelOneContent.jsx.html +1 -1
  140. package/coverage/lcov-report/react/components/SideNav/Content/LevelTwoContent.jsx.html +1 -1
  141. package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/index.html +13 -13
  142. package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/index.js.html +2 -2
  143. package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/utils.js.html +53 -26
  144. package/coverage/lcov-report/react/components/SideNav/Content/index.html +1 -1
  145. package/coverage/lcov-report/react/components/SideNav/Content/index.js.html +1 -1
  146. package/coverage/lcov-report/react/components/SideNav/Details/IndividualDetails.jsx.html +1 -1
  147. package/coverage/lcov-report/react/components/SideNav/Details/PracticeDetails.jsx.html +1 -1
  148. package/coverage/lcov-report/react/components/SideNav/Details/index.html +1 -1
  149. package/coverage/lcov-report/react/components/SideNav/Details/index.js.html +1 -1
  150. package/coverage/lcov-report/react/components/SideNav/Links/CmsSwitchLink.jsx.html +1 -1
  151. package/coverage/lcov-report/react/components/SideNav/Links/NavItemInline.jsx.html +1 -1
  152. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkContainer.jsx.html +1 -1
  153. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkDrawer.jsx.html +103 -46
  154. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkInline.jsx.html +1 -1
  155. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkToggle.jsx.html +1 -1
  156. package/coverage/lcov-report/react/components/SideNav/Links/index.html +17 -17
  157. package/coverage/lcov-report/react/components/SideNav/Links/index.js.html +1 -1
  158. package/coverage/lcov-report/react/components/SideNav/UI/SideNavUI.jsx.html +31 -13
  159. package/coverage/lcov-report/react/components/SideNav/UI/default-markup.js.html +97 -0
  160. package/coverage/lcov-report/react/components/SideNav/UI/index.html +29 -14
  161. package/coverage/lcov-report/react/components/SideNav/UI/index.js.html +1 -1
  162. package/coverage/lcov-report/react/components/SideNav/helpers.js.html +70 -16
  163. package/coverage/lcov-report/react/components/SideNav/index.html +15 -15
  164. package/coverage/lcov-report/react/components/SideNav/index.js.html +2 -2
  165. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +1 -1
  166. package/coverage/lcov-report/react/components/Tooltip/index.html +1 -1
  167. package/coverage/lcov-report/react/components/Tooltip/index.js.html +1 -1
  168. package/coverage/lcov-report/react/components/Tooltip/position.js.html +1 -1
  169. package/coverage/lcov-report/react/components/hooks/index.html +1 -1
  170. package/coverage/lcov-report/react/components/hooks/useGetConfig.js.html +1 -1
  171. package/coverage/lcov-report/react/components/index.html +1 -1
  172. package/coverage/lcov-report/react/index.html +1 -1
  173. package/coverage/lcov-report/react/index.js.html +1 -1
  174. package/coverage/lcov-report/react/lib/Chevron.jsx.html +1 -1
  175. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +1 -1
  176. package/coverage/lcov-report/react/lib/index.html +1 -1
  177. package/coverage/lcov-report/react/lib/svg-definitions.svg.html +1 -1
  178. package/coverage/lcov-report/react/session/index.html +1 -1
  179. package/coverage/lcov-report/react/session/index.js.html +1 -1
  180. package/coverage/lcov-report/react/session/logout.js.html +1 -1
  181. package/coverage/lcov-report/react/session/refresh.js.html +1 -1
  182. package/coverage/lcov-report/react/session/ttl.js.html +1 -1
  183. package/coverage/lcov-report/session/index.html +53 -53
  184. package/coverage/lcov-report/session/index.js.html +13 -13
  185. package/coverage/lcov-report/session/logout.js.html +145 -127
  186. package/coverage/lcov-report/session/refresh.js.html +90 -90
  187. package/coverage/lcov-report/session/ttl.js.html +77 -77
  188. package/coverage/lcov.info +426 -370
  189. package/dist/browser.js +1 -1
  190. package/dist/browser.js.map +1 -1
  191. package/dist/index.js +1 -1
  192. package/dist/index.js.map +1 -1
  193. package/dist/react/index.js +1 -1
  194. package/dist/react/index.js.map +1 -1
  195. package/package.json +28 -29
  196. package/styles/qppds/components/sidebar/_sidebar.scss +0 -1
  197. package/coverage/lcov-report/components/Footer/LegacyFooterUI.jsx.html +0 -667
  198. package/coverage/lcov-report/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +0 -166
  199. package/coverage/lcov-report/components/SideNav/Chart/index.js.html +0 -94
  200. package/coverage/lcov-report/components/SideNav/Content/LevelOneContent.jsx.html +0 -709
  201. package/coverage/lcov-report/components/SideNav/Content/LevelTwoContent.jsx.html +0 -733
  202. package/coverage/lcov-report/components/SideNav/Content/index.html +0 -146
  203. package/coverage/lcov-report/components/SideNav/Content/index.js.html +0 -97
  204. package/coverage/lcov-report/components/SideNav/Details/PracticeDetails.jsx.html +0 -220
  205. package/coverage/lcov-report/components/SideNav/Details/index.js.html +0 -97
  206. package/coverage/lcov-report/components/SideNav/Links/CmsSwitchLink.jsx.html +0 -208
  207. package/coverage/lcov-report/components/SideNav/Links/NavItemInline.jsx.html +0 -247
  208. package/coverage/lcov-report/components/SideNav/Links/NavLinkContainer.jsx.html +0 -199
  209. package/coverage/lcov-report/components/SideNav/Links/NavLinkDrawer.jsx.html +0 -832
  210. package/coverage/lcov-report/components/SideNav/Links/NavLinkInline.jsx.html +0 -406
  211. package/coverage/lcov-report/components/SideNav/Links/NavLinkToggle.jsx.html +0 -187
  212. package/coverage/lcov-report/components/SideNav/Links/index.html +0 -206
  213. package/coverage/lcov-report/components/SideNav/UI/SideNavUI.jsx.html +0 -1084
  214. package/coverage/lcov-report/components/SideNav/UI/index.js.html +0 -94
  215. package/coverage/lcov-report/lib/svg-definitions.svg.html +0 -460
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">70% </span>
26
+ <span class="strong">83.5% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>14/20</span>
28
+ <span class='fraction'>81/97</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">40% </span>
33
+ <span class="strong">23.07% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>8/20</span>
35
+ <span class='fraction'>3/13</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">50% </span>
40
+ <span class="strong">40% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>3/6</span>
42
+ <span class='fraction'>2/5</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">70% </span>
47
+ <span class="strong">83.5% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>14/20</span>
49
+ <span class='fraction'>81/97</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line medium'></div>
64
+ <div class='status-line high'></div>
65
65
  <div class="pad1">
66
66
  <table class="coverage-summary">
67
67
  <thead>
@@ -79,18 +79,18 @@
79
79
  </tr>
80
80
  </thead>
81
81
  <tbody><tr>
82
- <td class="file medium" data-value="index.jsx"><a href="index.jsx.html">index.jsx</a></td>
83
- <td data-value="70" class="pic medium">
84
- <div class="chart"><div class="cover-fill" style="width: 70%"></div><div class="cover-empty" style="width: 30%"></div></div>
82
+ <td class="file high" data-value="index.jsx"><a href="index.jsx.html">index.jsx</a></td>
83
+ <td data-value="83.5" class="pic high">
84
+ <div class="chart"><div class="cover-fill" style="width: 83%"></div><div class="cover-empty" style="width: 17%"></div></div>
85
85
  </td>
86
- <td data-value="70" class="pct medium">70%</td>
87
- <td data-value="20" class="abs medium">14/20</td>
86
+ <td data-value="83.5" class="pct high">83.5%</td>
87
+ <td data-value="97" class="abs high">81/97</td>
88
+ <td data-value="23.07" class="pct low">23.07%</td>
89
+ <td data-value="13" class="abs low">3/13</td>
88
90
  <td data-value="40" class="pct low">40%</td>
89
- <td data-value="20" class="abs low">8/20</td>
90
- <td data-value="50" class="pct medium">50%</td>
91
- <td data-value="6" class="abs medium">3/6</td>
92
- <td data-value="70" class="pct medium">70%</td>
93
- <td data-value="20" class="abs medium">14/20</td>
91
+ <td data-value="5" class="abs low">2/5</td>
92
+ <td data-value="83.5" class="pct high">83.5%</td>
93
+ <td data-value="97" class="abs high">81/97</td>
94
94
  </tr>
95
95
 
96
96
  </tbody>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Fri Apr 29 2022 13:58:50 GMT-0400 (Eastern Daylight Time)
104
+ at 2023-07-14T20:29:47.209Z
105
105
  </div>
106
106
  <script src="../../prettify.js"></script>
107
107
  <script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">70% </span>
26
+ <span class="strong">83.5% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>14/20</span>
28
+ <span class='fraction'>81/97</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">40% </span>
33
+ <span class="strong">23.07% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>8/20</span>
35
+ <span class='fraction'>3/13</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">50% </span>
40
+ <span class="strong">40% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>3/6</span>
42
+ <span class='fraction'>2/5</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">70% </span>
47
+ <span class="strong">83.5% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>14/20</span>
49
+ <span class='fraction'>81/97</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line medium'></div>
64
+ <div class='status-line high'></div>
65
65
  <pre><table class="coverage">
66
66
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
67
  <a name='L2'></a><a href='#L2'>2</a>
@@ -156,130 +156,138 @@
156
156
  <a name='L91'></a><a href='#L91'>91</a>
157
157
  <a name='L92'></a><a href='#L92'>92</a>
158
158
  <a name='L93'></a><a href='#L93'>93</a>
159
- <a name='L94'></a><a href='#L94'>94</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
160
- <span class="cline-any cline-neutral">&nbsp;</span>
161
- <span class="cline-any cline-neutral">&nbsp;</span>
162
- <span class="cline-any cline-neutral">&nbsp;</span>
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></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
164
+ <span class="cline-any cline-yes">1x</span>
163
165
  <span class="cline-any cline-yes">1x</span>
164
166
  <span class="cline-any cline-yes">1x</span>
165
167
  <span class="cline-any cline-yes">1x</span>
166
168
  <span class="cline-any cline-yes">1x</span>
167
169
  <span class="cline-any cline-yes">1x</span>
170
+ <span class="cline-any cline-yes">1x</span>
171
+ <span class="cline-any cline-yes">1x</span>
172
+ <span class="cline-any cline-no">&nbsp;</span>
168
173
  <span class="cline-any cline-no">&nbsp;</span>
169
174
  <span class="cline-any cline-no">&nbsp;</span>
170
- <span class="cline-any cline-neutral">&nbsp;</span>
171
175
  <span class="cline-any cline-no">&nbsp;</span>
172
- <span class="cline-any cline-neutral">&nbsp;</span>
173
176
  <span class="cline-any cline-yes">1x</span>
174
177
  <span class="cline-any cline-yes">1x</span>
175
- <span class="cline-any cline-neutral">&nbsp;</span>
176
- <span class="cline-any cline-neutral">&nbsp;</span>
178
+ <span class="cline-any cline-yes">1x</span>
179
+ <span class="cline-any cline-yes">1x</span>
180
+ <span class="cline-any cline-yes">1x</span>
181
+ <span class="cline-any cline-no">&nbsp;</span>
182
+ <span class="cline-any cline-no">&nbsp;</span>
183
+ <span class="cline-any cline-yes">1x</span>
184
+ <span class="cline-any cline-yes">1x</span>
177
185
  <span class="cline-any cline-no">&nbsp;</span>
178
- <span class="cline-any cline-neutral">&nbsp;</span>
179
- <span class="cline-any cline-neutral">&nbsp;</span>
180
- <span class="cline-any cline-neutral">&nbsp;</span>
181
186
  <span class="cline-any cline-no">&nbsp;</span>
182
- <span class="cline-any cline-neutral">&nbsp;</span>
183
- <span class="cline-any cline-neutral">&nbsp;</span>
184
- <span class="cline-any cline-neutral">&nbsp;</span>
185
187
  <span class="cline-any cline-yes">1x</span>
186
- <span class="cline-any cline-neutral">&nbsp;</span>
187
- <span class="cline-any cline-neutral">&nbsp;</span>
188
188
  <span class="cline-any cline-yes">1x</span>
189
189
  <span class="cline-any cline-yes">1x</span>
190
+ <span class="cline-any cline-yes">1x</span>
191
+ <span class="cline-any cline-yes">1x</span>
192
+ <span class="cline-any cline-yes">1x</span>
193
+ <span class="cline-any cline-yes">1x</span>
194
+ <span class="cline-any cline-no">&nbsp;</span>
195
+ <span class="cline-any cline-yes">1x</span>
196
+ <span class="cline-any cline-yes">1x</span>
197
+ <span class="cline-any cline-yes">1x</span>
198
+ <span class="cline-any cline-yes">1x</span>
199
+ <span class="cline-any cline-yes">1x</span>
200
+ <span class="cline-any cline-yes">1x</span>
201
+ <span class="cline-any cline-yes">1x</span>
202
+ <span class="cline-any cline-yes">1x</span>
203
+ <span class="cline-any cline-yes">1x</span>
204
+ <span class="cline-any cline-yes">1x</span>
205
+ <span class="cline-any cline-yes">1x</span>
206
+ <span class="cline-any cline-yes">1x</span>
207
+ <span class="cline-any cline-yes">1x</span>
208
+ <span class="cline-any cline-yes">1x</span>
209
+ <span class="cline-any cline-yes">1x</span>
210
+ <span class="cline-any cline-yes">1x</span>
211
+ <span class="cline-any cline-yes">1x</span>
212
+ <span class="cline-any cline-yes">1x</span>
213
+ <span class="cline-any cline-yes">1x</span>
214
+ <span class="cline-any cline-yes">1x</span>
215
+ <span class="cline-any cline-no">&nbsp;</span>
216
+ <span class="cline-any cline-yes">1x</span>
217
+ <span class="cline-any cline-yes">1x</span>
218
+ <span class="cline-any cline-yes">1x</span>
219
+ <span class="cline-any cline-no">&nbsp;</span>
190
220
  <span class="cline-any cline-no">&nbsp;</span>
191
- <span class="cline-any cline-neutral">&nbsp;</span>
192
- <span class="cline-any cline-yes">1x</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-yes">1x</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-neutral">&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-yes">1x</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-yes">1x</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>
221
+ <span class="cline-any cline-no">&nbsp;</span>
222
+ <span class="cline-any cline-yes">1x</span>
223
+ <span class="cline-any cline-yes">1x</span>
224
+ <span class="cline-any cline-no">&nbsp;</span>
225
+ <span class="cline-any cline-no">&nbsp;</span>
226
+ <span class="cline-any cline-no">&nbsp;</span>
227
+ <span class="cline-any cline-yes">1x</span>
228
+ <span class="cline-any cline-yes">1x</span>
229
+ <span class="cline-any cline-yes">1x</span>
230
+ <span class="cline-any cline-yes">1x</span>
231
+ <span class="cline-any cline-yes">1x</span>
232
+ <span class="cline-any cline-yes">1x</span>
233
+ <span class="cline-any cline-yes">1x</span>
234
+ <span class="cline-any cline-yes">1x</span>
235
+ <span class="cline-any cline-yes">1x</span>
236
+ <span class="cline-any cline-yes">1x</span>
237
+ <span class="cline-any cline-yes">1x</span>
238
+ <span class="cline-any cline-yes">1x</span>
239
+ <span class="cline-any cline-yes">1x</span>
240
+ <span class="cline-any cline-yes">1x</span>
241
+ <span class="cline-any cline-yes">1x</span>
242
+ <span class="cline-any cline-yes">1x</span>
243
+ <span class="cline-any cline-yes">1x</span>
244
+ <span class="cline-any cline-yes">1x</span>
245
+ <span class="cline-any cline-yes">1x</span>
246
+ <span class="cline-any cline-yes">1x</span>
247
+ <span class="cline-any cline-yes">1x</span>
248
+ <span class="cline-any cline-yes">1x</span>
249
+ <span class="cline-any cline-yes">1x</span>
250
+ <span class="cline-any cline-yes">1x</span>
251
+ <span class="cline-any cline-yes">1x</span>
252
+ <span class="cline-any cline-yes">1x</span>
253
+ <span class="cline-any cline-yes">1x</span>
254
+ <span class="cline-any cline-yes">1x</span>
255
+ <span class="cline-any cline-yes">1x</span>
256
+ <span class="cline-any cline-yes">1x</span>
257
+ <span class="cline-any cline-yes">1x</span>
258
+ <span class="cline-any cline-yes">1x</span>
259
+ <span class="cline-any cline-yes">1x</span>
252
260
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useState, useRef, useEffect } from 'react';
253
261
  import PropTypes from 'prop-types';
254
262
  import { Chevron } from '../../lib/Chevron.jsx';
255
263
  &nbsp;
256
264
  const Accordion = (props) =&gt; {
257
265
  const content = useRef(null);
258
- const [setActive, setActiveState] = useState(props.isOpen ? <span class="branch-0 cbranch-no" title="branch not covered" >'active' </span>: '');
259
- const ariaPressed = setActive ? <span class="branch-0 cbranch-no" title="branch not covered" >'true' </span>: 'false';
260
- const getHeight = <span class="fstat-no" title="function not covered" >(n</span>ode) =&gt; {
266
+ const [setActive, setActiveState] = useState(props.isOpen<span class="branch-0 cbranch-no" title="branch not covered" > ? 'active' </span>: '');
267
+ const ariaPressed = setActive<span class="branch-0 cbranch-no" title="branch not covered" > ? 'true' </span>: 'false';
268
+ const getHeight = <span class="fstat-no" title="function not covered" >(node) =&gt; {</span>
261
269
  <span class="cstat-no" title="statement not covered" > if (node) {</span>
262
270
  <span class="cstat-no" title="statement not covered" > return `${node.scrollHeight}px`;</span>
263
- }
271
+ <span class="cstat-no" title="statement not covered" > }</span>
264
272
  <span class="cstat-no" title="statement not covered" > return 'auto';</span>
265
273
  };
266
- const height = setActive ? <span class="branch-0 cbranch-no" title="branch not covered" >getHeight(content.current) </span>: '0px';
267
- const rotate = setActive ? <span class="branch-0 cbranch-no" title="branch not covered" >'accordion-icon rotate' </span>: 'accordion-icon';
274
+ const height = setActive<span class="branch-0 cbranch-no" title="branch not covered" > ? getHeight(content.current) </span>: '0px';
275
+ const rotate = setActive<span class="branch-0 cbranch-no" title="branch not covered" > ? 'accordion-icon rotate' </span>: 'accordion-icon';
268
276
  &nbsp;
269
- function <span class="fstat-no" title="function not covered" >toggleAccordion(</span>) {
277
+ <span class="fstat-no" title="function not covered" > function toggleAccordion() {</span>
270
278
  <span class="cstat-no" title="statement not covered" > setActiveState(setActive === '' ? 'active' : '');</span>
271
- }
279
+ <span class="cstat-no" title="statement not covered" > }</span>
272
280
  &nbsp;
273
- function <span class="fstat-no" title="function not covered" >openAccordion(</span>) {
281
+ <span class="fstat-no" title="function not covered" > function openAccordion() {</span>
274
282
  <span class="cstat-no" title="statement not covered" > setActiveState('active');</span>
275
- }
283
+ <span class="cstat-no" title="statement not covered" > }</span>
276
284
  &nbsp;
277
285
  function closeAccordion() {
278
286
  setActiveState('');
279
287
  }
280
288
  &nbsp;
281
289
  useEffect(() =&gt; {
282
- <span class="missing-if-branch" title="if path not taken" >I</span>if (props.isOpen) {
290
+ if (props.isOpen) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
283
291
  <span class="cstat-no" title="statement not covered" > openAccordion();</span>
284
292
  } else {
285
293
  closeAccordion();
@@ -289,7 +297,9 @@ const Accordion = (props) =&gt; {
289
297
  return (
290
298
  &lt;div className="accordion-section" data-testid="accordion"&gt;
291
299
  &lt;button
292
- className={`accordion ${setActive}`}
300
+ className={`accordion ${setActive} ${
301
+ setActive<span class="branch-0 cbranch-no" title="branch not covered" > &amp;&amp; props.isSticky<span class="branch-0 cbranch-no" title="branch not covered" > </span>? 'sticky' </span>: ''
302
+ }`}
293
303
  aria-label={props.title}
294
304
  aria-pressed={ariaPressed}
295
305
  aria-expanded={ariaPressed}
@@ -298,19 +308,19 @@ const Accordion = (props) =&gt; {
298
308
  &gt;
299
309
  &lt;div className="accordion-left-title"&gt;
300
310
  &lt;p className="accordion-title"&gt;{props.title}&lt;/p&gt;
301
- {props.subTitle &amp;&amp; (
302
- <span class="branch-1 cbranch-no" title="branch not covered" > &lt;p className="accordion-subtitle"&gt;{props.subTitle}&lt;/p&gt;</span>
311
+ {props.subTitle<span class="branch-0 cbranch-no" title="branch not covered" > &amp;&amp; (</span>
312
+ <span class="cstat-no" title="statement not covered" > &lt;p className="accordion-subtitle"&gt;{props.subTitle}&lt;/p&gt;</span>
303
313
  )}
304
314
  &lt;/div&gt;
305
- {props.centerItem &amp;&amp; (
306
- <span class="branch-1 cbranch-no" title="branch not covered" > &lt;div className="accordion-center"&gt;</span>
307
- &lt;p&gt;{props.centerItem}&lt;/p&gt;
308
- &lt;/div&gt;
315
+ {props.centerItem<span class="branch-0 cbranch-no" title="branch not covered" > &amp;&amp; (</span>
316
+ <span class="cstat-no" title="statement not covered" > &lt;div className="accordion-center"&gt;</span>
317
+ <span class="cstat-no" title="statement not covered" > &lt;p&gt;{props.centerItem}&lt;/p&gt;</span>
318
+ <span class="cstat-no" title="statement not covered" > &lt;/div&gt;</span>
309
319
  )}
310
- {props.rightItem &amp;&amp; (
311
- <span class="branch-1 cbranch-no" title="branch not covered" > &lt;div className="accordion-right"&gt;</span>
312
- &lt;p&gt;{props.rightItem}&lt;/p&gt;
313
- &lt;/div&gt;
320
+ {props.rightItem<span class="branch-0 cbranch-no" title="branch not covered" > &amp;&amp; (</span>
321
+ <span class="cstat-no" title="statement not covered" > &lt;div className="accordion-right"&gt;</span>
322
+ <span class="cstat-no" title="statement not covered" > &lt;p&gt;{props.rightItem}&lt;/p&gt;</span>
323
+ <span class="cstat-no" title="statement not covered" > &lt;/div&gt;</span>
314
324
  )}
315
325
  &lt;div className="chevron-container"&gt;
316
326
  &lt;Chevron className={rotate} /&gt;
@@ -334,11 +344,13 @@ Accordion.propTypes = {
334
344
  centerItem: PropTypes.string,
335
345
  rightItem: PropTypes.string,
336
346
  isOpen: PropTypes.bool,
347
+ isSticky: PropTypes.bool,
337
348
  };
338
349
  &nbsp;
339
350
  Accordion.defaultProps = {
340
351
  title: '',
341
352
  isOpen: false,
353
+ isSticky: false,
342
354
  };
343
355
  &nbsp;
344
356
  export default Accordion;
@@ -349,7 +361,7 @@ export default Accordion;
349
361
  <div class='footer quiet pad2 space-top1 center small'>
350
362
  Code coverage generated by
351
363
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
352
- at Fri Apr 29 2022 13:58:50 GMT-0400 (Eastern Daylight Time)
364
+ at 2023-07-14T20:29:47.209Z
353
365
  </div>
354
366
  <script src="../../prettify.js"></script>
355
367
  <script>
@@ -0,0 +1,116 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for components/Button</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> components/Button</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">47.77% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>43/90</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">100% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>0/0</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">0% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>0/3</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">47.77% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>43/90</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 low'></div>
65
+ <div class="pad1">
66
+ <table class="coverage-summary">
67
+ <thead>
68
+ <tr>
69
+ <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
70
+ <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
71
+ <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
72
+ <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
73
+ <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
74
+ <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
75
+ <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
76
+ <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
77
+ <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
78
+ <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
79
+ </tr>
80
+ </thead>
81
+ <tbody><tr>
82
+ <td class="file low" data-value="index.js"><a href="index.js.html">index.js</a></td>
83
+ <td data-value="47.77" class="pic low">
84
+ <div class="chart"><div class="cover-fill" style="width: 47%"></div><div class="cover-empty" style="width: 53%"></div></div>
85
+ </td>
86
+ <td data-value="47.77" class="pct low">47.77%</td>
87
+ <td data-value="90" class="abs low">43/90</td>
88
+ <td data-value="100" class="pct high">100%</td>
89
+ <td data-value="0" class="abs high">0/0</td>
90
+ <td data-value="0" class="pct low">0%</td>
91
+ <td data-value="3" class="abs low">0/3</td>
92
+ <td data-value="47.77" class="pct low">47.77%</td>
93
+ <td data-value="90" class="abs low">43/90</td>
94
+ </tr>
95
+
96
+ </tbody>
97
+ </table>
98
+ </div>
99
+ <div class='push'></div><!-- for sticky footer -->
100
+ </div><!-- /wrapper -->
101
+ <div class='footer quiet pad2 space-top1 center small'>
102
+ Code coverage generated by
103
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
+ at 2023-07-14T20:29:47.209Z
105
+ </div>
106
+ <script src="../../prettify.js"></script>
107
+ <script>
108
+ window.onload = function () {
109
+ prettyPrint();
110
+ };
111
+ </script>
112
+ <script src="../../sorter.js"></script>
113
+ <script src="../../block-navigation.js"></script>
114
+ </body>
115
+ </html>
116
+