qpp-style 9.13.4 → 9.14.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 (117) hide show
  1. package/README.md +37 -0
  2. package/components/DropdownButton/DropdownButton.stories.js +137 -0
  3. package/components/DropdownButton/index.js +148 -0
  4. package/components/Footer/Footer.stories.js +2 -2
  5. package/components/Footer/FooterUI.jsx +44 -48
  6. package/coverage/clover.xml +133 -114
  7. package/coverage/coverage-final.json +7 -7
  8. package/coverage/lcov-report/index.html +39 -40
  9. package/coverage/lcov-report/react/components/Accordion/index.html +2 -3
  10. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +2 -3
  11. package/coverage/lcov-report/react/components/Button/index.html +2 -3
  12. package/coverage/lcov-report/react/components/Button/index.js.html +2 -3
  13. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +2 -3
  14. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +2 -3
  15. package/coverage/lcov-report/react/components/Error/error.js.html +2 -3
  16. package/coverage/lcov-report/react/components/Error/index.html +2 -3
  17. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +50 -6
  18. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +2 -3
  19. package/coverage/lcov-report/react/components/Footer/SocialLinks.jsx.html +2 -3
  20. package/coverage/lcov-report/react/components/Footer/Subscribe.jsx.html +2 -3
  21. package/coverage/lcov-report/react/components/Footer/footer.js.html +2 -3
  22. package/coverage/lcov-report/react/components/Footer/index.html +2 -3
  23. package/coverage/lcov-report/react/components/Header/HeaderAccountMenu.jsx.html +2 -3
  24. package/coverage/lcov-report/react/components/Header/HeaderCancel.jsx.html +2 -3
  25. package/coverage/lcov-report/react/components/Header/HeaderContainer.jsx.html +2 -3
  26. package/coverage/lcov-report/react/components/Header/HeaderLogo.jsx.html +2 -3
  27. package/coverage/lcov-report/react/components/Header/HeaderMenuButton.js.html +2 -3
  28. package/coverage/lcov-report/react/components/Header/HeaderMenuItem.jsx.html +39 -13
  29. package/coverage/lcov-report/react/components/Header/HeaderMenuLink.js.html +2 -3
  30. package/coverage/lcov-report/react/components/Header/HeaderMenuSignOutButton.js.html +2 -3
  31. package/coverage/lcov-report/react/components/Header/HeaderMobileButton.js.html +2 -3
  32. package/coverage/lcov-report/react/components/Header/HeaderUI.jsx.html +6 -4
  33. package/coverage/lcov-report/react/components/Header/HelpIcon.jsx.html +2 -3
  34. package/coverage/lcov-report/react/components/Header/ImpersonatorBanner.jsx.html +77 -21
  35. package/coverage/lcov-report/react/components/Header/NavigationButtonIcon.jsx.html +2 -3
  36. package/coverage/lcov-report/react/components/Header/header.js.html +2 -3
  37. package/coverage/lcov-report/react/components/Header/hooks.js.html +2 -3
  38. package/coverage/lcov-report/react/components/Header/index.html +30 -31
  39. package/coverage/lcov-report/react/components/Header/utag-helpers.js.html +2 -3
  40. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +2 -3
  41. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +2 -3
  42. package/coverage/lcov-report/react/components/Infotip/index.html +2 -3
  43. package/coverage/lcov-report/react/components/Infotip/index.js.html +2 -3
  44. package/coverage/lcov-report/react/components/Modal/LegacyModal.jsx.html +2 -3
  45. package/coverage/lcov-report/react/components/Modal/Modal.jsx.html +2 -3
  46. package/coverage/lcov-report/react/components/Modal/index.html +2 -3
  47. package/coverage/lcov-report/react/components/Modal/index.jsx.html +2 -3
  48. package/coverage/lcov-report/react/components/NotificationBanner/index.html +2 -3
  49. package/coverage/lcov-report/react/components/NotificationBanner/index.js.html +2 -3
  50. package/coverage/lcov-report/react/components/SanitizedContent/index.html +2 -3
  51. package/coverage/lcov-report/react/components/SanitizedContent/index.jsx.html +2 -3
  52. package/coverage/lcov-report/react/components/SessionDialog/index.html +2 -3
  53. package/coverage/lcov-report/react/components/SessionDialog/sessionDialog.js.html +2 -3
  54. package/coverage/lcov-report/react/components/SessionDialogUI.jsx.html +2 -3
  55. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +2 -3
  56. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/index.html +2 -3
  57. package/coverage/lcov-report/react/components/SideNav/Chart/ScoreChart.jsx.html +2 -3
  58. package/coverage/lcov-report/react/components/SideNav/Chart/index.html +2 -3
  59. package/coverage/lcov-report/react/components/SideNav/Chart/index.js.html +2 -3
  60. package/coverage/lcov-report/react/components/SideNav/Content/LevelOneContent.jsx.html +109 -14
  61. package/coverage/lcov-report/react/components/SideNav/Content/LevelTwoContent.jsx.html +2 -3
  62. package/coverage/lcov-report/react/components/SideNav/Content/index.html +19 -20
  63. package/coverage/lcov-report/react/components/SideNav/Content/index.js.html +2 -3
  64. package/coverage/lcov-report/react/components/SideNav/Details/IndividualDetails.jsx.html +2 -3
  65. package/coverage/lcov-report/react/components/SideNav/Details/PracticeDetails.jsx.html +2 -3
  66. package/coverage/lcov-report/react/components/SideNav/Details/index.html +2 -3
  67. package/coverage/lcov-report/react/components/SideNav/Details/index.js.html +2 -3
  68. package/coverage/lcov-report/react/components/SideNav/Links/CmsSwitchLink.jsx.html +2 -3
  69. package/coverage/lcov-report/react/components/SideNav/Links/NavItemInline.jsx.html +2 -3
  70. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkContainer.jsx.html +2 -3
  71. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkDrawer.jsx.html +2 -3
  72. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkInline.jsx.html +2 -3
  73. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkToggle.jsx.html +2 -3
  74. package/coverage/lcov-report/react/components/SideNav/Links/index.html +2 -3
  75. package/coverage/lcov-report/react/components/SideNav/Links/index.js.html +2 -3
  76. package/coverage/lcov-report/react/components/SideNav/UI/SideNavUI.jsx.html +9 -4
  77. package/coverage/lcov-report/react/components/SideNav/UI/index.html +2 -3
  78. package/coverage/lcov-report/react/components/SideNav/UI/index.js.html +2 -3
  79. package/coverage/lcov-report/react/components/SideNav/helpers.js.html +2 -3
  80. package/coverage/lcov-report/react/components/SideNav/index.html +2 -3
  81. package/coverage/lcov-report/react/components/SideNav/index.js.html +2 -3
  82. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +2 -3
  83. package/coverage/lcov-report/react/components/Tooltip/index.html +2 -3
  84. package/coverage/lcov-report/react/components/Tooltip/index.js.html +2 -3
  85. package/coverage/lcov-report/react/components/Tooltip/position.js.html +2 -3
  86. package/coverage/lcov-report/react/components/hooks/index.html +2 -3
  87. package/coverage/lcov-report/react/components/hooks/useGetConfig.js.html +2 -3
  88. package/coverage/lcov-report/react/components/index.html +2 -3
  89. package/coverage/lcov-report/react/index.html +2 -3
  90. package/coverage/lcov-report/react/index.js.html +2 -3
  91. package/coverage/lcov-report/react/lib/Chevron.jsx.html +2 -3
  92. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +2 -3
  93. package/coverage/lcov-report/react/lib/index.html +2 -3
  94. package/coverage/lcov-report/react/lib/svg-definitions.svg.html +2 -3
  95. package/coverage/lcov-report/react/session/index.html +21 -22
  96. package/coverage/lcov-report/react/session/index.js.html +2 -3
  97. package/coverage/lcov-report/react/session/logout.js.html +75 -13
  98. package/coverage/lcov-report/react/session/refresh.js.html +2 -3
  99. package/coverage/lcov-report/react/session/ttl.js.html +2 -3
  100. package/coverage/lcov.info +298 -240
  101. package/dist/browser.js +1 -1
  102. package/dist/browser.js.LICENSE.txt +1 -1
  103. package/dist/browser.js.map +1 -1
  104. package/dist/index.js +1 -1
  105. package/dist/index.js.LICENSE.txt +1 -1
  106. package/dist/index.js.map +1 -1
  107. package/dist/react/index.js +1 -1
  108. package/dist/react/index.js.LICENSE.txt +10 -1
  109. package/dist/react/index.js.map +1 -1
  110. package/images/icons/svg/file-download.svg +1 -0
  111. package/package.json +2 -5
  112. package/styles/qppds/components/_button.scss +11 -2
  113. package/styles/qppds/components/_circular-loader.scss +47 -0
  114. package/styles/qppds/components/_dropdown-menu.scss +119 -0
  115. package/styles/qppds/components/_footer.scss +7 -0
  116. package/styles/qppds/components/index.scss +2 -0
  117. package/test-setup.js +0 -4
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">56.09% </span>
26
+ <span class="strong">57.77% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>23/41</span>
28
+ <span class='fraction'>26/45</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">26.66% </span>
33
+ <span class="strong">27.77% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>8/30</span>
35
+ <span class='fraction'>10/36</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">33.33% </span>
40
+ <span class="strong">38.46% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>4/12</span>
42
+ <span class='fraction'>5/13</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">55% </span>
47
+ <span class="strong">56.81% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>22/40</span>
49
+ <span class='fraction'>25/44</span>
50
50
  </div>
51
51
 
52
52
 
@@ -286,7 +286,16 @@
286
286
  <a name='L221'></a><a href='#L221'>221</a>
287
287
  <a name='L222'></a><a href='#L222'>222</a>
288
288
  <a name='L223'></a><a href='#L223'>223</a>
289
- <a name='L224'></a><a href='#L224'>224</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
289
+ <a name='L224'></a><a href='#L224'>224</a>
290
+ <a name='L225'></a><a href='#L225'>225</a>
291
+ <a name='L226'></a><a href='#L226'>226</a>
292
+ <a name='L227'></a><a href='#L227'>227</a>
293
+ <a name='L228'></a><a href='#L228'>228</a>
294
+ <a name='L229'></a><a href='#L229'>229</a>
295
+ <a name='L230'></a><a href='#L230'>230</a>
296
+ <a name='L231'></a><a href='#L231'>231</a>
297
+ <a name='L232'></a><a href='#L232'>232</a>
298
+ <a name='L233'></a><a href='#L233'>233</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
290
299
  <span class="cline-any cline-neutral">&nbsp;</span>
291
300
  <span class="cline-any cline-neutral">&nbsp;</span>
292
301
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -328,6 +337,7 @@
328
337
  <span class="cline-any cline-neutral">&nbsp;</span>
329
338
  <span class="cline-any cline-neutral">&nbsp;</span>
330
339
  <span class="cline-any cline-neutral">&nbsp;</span>
340
+ <span class="cline-any cline-neutral">&nbsp;</span>
331
341
  <span class="cline-any cline-yes">4x</span>
332
342
  <span class="cline-any cline-yes">4x</span>
333
343
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -365,12 +375,19 @@
365
375
  <span class="cline-any cline-no">&nbsp;</span>
366
376
  <span class="cline-any cline-neutral">&nbsp;</span>
367
377
  <span class="cline-any cline-no">&nbsp;</span>
378
+ <span class="cline-any cline-no">&nbsp;</span>
368
379
  <span class="cline-any cline-neutral">&nbsp;</span>
369
380
  <span class="cline-any cline-yes">2x</span>
370
381
  <span class="cline-any cline-yes">2x</span>
371
382
  <span class="cline-any cline-neutral">&nbsp;</span>
372
383
  <span class="cline-any cline-neutral">&nbsp;</span>
373
384
  <span class="cline-any cline-yes">4x</span>
385
+ <span class="cline-any cline-yes">2x</span>
386
+ <span class="cline-any cline-yes">2x</span>
387
+ <span class="cline-any cline-neutral">&nbsp;</span>
388
+ <span class="cline-any cline-neutral">&nbsp;</span>
389
+ <span class="cline-any cline-neutral">&nbsp;</span>
390
+ <span class="cline-any cline-yes">4x</span>
374
391
  <span class="cline-any cline-neutral">&nbsp;</span>
375
392
  <span class="cline-any cline-neutral">&nbsp;</span>
376
393
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -501,6 +518,7 @@
501
518
  <span class="cline-any cline-neutral">&nbsp;</span>
502
519
  <span class="cline-any cline-neutral">&nbsp;</span>
503
520
  <span class="cline-any cline-neutral">&nbsp;</span>
521
+ <span class="cline-any cline-neutral">&nbsp;</span>
504
522
  <span class="cline-any cline-yes">2x</span>
505
523
  <span class="cline-any cline-neutral">&nbsp;</span>
506
524
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -544,6 +562,7 @@ const excludedClickOutClasses = [
544
562
  &nbsp;
545
563
  const HeaderMenuItem = ({
546
564
  handleClick,
565
+ isMobileMenuExpanded,
547
566
  columns,
548
567
  menuName,
549
568
  rows,
@@ -587,11 +606,18 @@ const HeaderMenuItem = ({
587
606
  ) {
588
607
  <span class="cstat-no" title="statement not covered" > return;</span>
589
608
  }
609
+ <span class="cstat-no" title="statement not covered" > setOpenMobileSubMenu('')</span>
590
610
  <span class="cstat-no" title="statement not covered" > closeMenus();</span>
591
611
  };
592
612
  document.addEventListener('mousedown', listener);
593
613
  return () =&gt; document.removeEventListener('mousedown', listener);
594
614
  }, [menuRef]);
615
+ &nbsp;
616
+ useEffect(() =&gt; {
617
+ if (!isMobileMenuExpanded || <span class="branch-1 cbranch-no" title="branch not covered" >!isOpen)</span>{
618
+ setOpenMobileSubMenu('')
619
+ }
620
+ }, [isMobileMenuExpanded, isOpen])
595
621
  &nbsp;
596
622
  return (
597
623
  &lt;li
@@ -673,7 +699,7 @@ const HeaderMenuItem = ({
673
699
  &gt;
674
700
  &lt;Accordion
675
701
  title={c.heading}
676
- isOpen={openMobileSubMenu === c.heading}
702
+ isOpen={isMobileMenuExpanded &amp;&amp; openMobileSubMenu === c.heading}
677
703
  &gt;
678
704
  &lt;ul&gt;
679
705
  {c.items.map(<span class="fstat-no" title="function not covered" >(i</span>tem) =&gt; {
@@ -723,6 +749,7 @@ HeaderMenuItem.propTypes = {
723
749
  subtitle: PropTypes.string.isRequired,
724
750
  className: PropTypes.string,
725
751
  handleClick: PropTypes.func.isRequired,
752
+ isMobileMenuExpanded: PropTypes.bool.isRequired,
726
753
  };
727
754
  HeaderMenuItem.defaultProps = {
728
755
  menuName: '',
@@ -738,10 +765,9 @@ export default HeaderMenuItem;
738
765
  </div><!-- /wrapper -->
739
766
  <div class='footer quiet pad2 space-top1 center small'>
740
767
  Code coverage generated by
741
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
742
- at Wed Dec 22 2021 09:46:07 GMT-0800 (Pacific Standard Time)
768
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
769
+ at Wed Mar 02 2022 13:43:24 GMT-0800 (Pacific Standard Time)
743
770
  </div>
744
- </div>
745
771
  <script src="../../../prettify.js"></script>
746
772
  <script>
747
773
  window.onload = function () {
@@ -219,10 +219,9 @@ export default HeaderMenuLink;
219
219
  </div><!-- /wrapper -->
220
220
  <div class='footer quiet pad2 space-top1 center small'>
221
221
  Code coverage generated by
222
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
223
- at Wed Dec 22 2021 09:46:07 GMT-0800 (Pacific Standard Time)
222
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
223
+ at Wed Mar 02 2022 13:43:24 GMT-0800 (Pacific Standard Time)
224
224
  </div>
225
- </div>
226
225
  <script src="../../../prettify.js"></script>
227
226
  <script>
228
227
  window.onload = function () {
@@ -255,10 +255,9 @@ export default HeaderMenuSignOutButton;
255
255
  </div><!-- /wrapper -->
256
256
  <div class='footer quiet pad2 space-top1 center small'>
257
257
  Code coverage generated by
258
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
259
- at Wed Dec 22 2021 09:46:07 GMT-0800 (Pacific Standard Time)
258
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
259
+ at Wed Mar 02 2022 13:43:24 GMT-0800 (Pacific Standard Time)
260
260
  </div>
261
- </div>
262
261
  <script src="../../../prettify.js"></script>
263
262
  <script>
264
263
  window.onload = function () {
@@ -180,10 +180,9 @@ export default HeaderMobileButton;
180
180
  </div><!-- /wrapper -->
181
181
  <div class='footer quiet pad2 space-top1 center small'>
182
182
  Code coverage generated by
183
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
184
- at Wed Dec 22 2021 09:46:07 GMT-0800 (Pacific Standard Time)
183
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
184
+ at Wed Mar 02 2022 13:43:24 GMT-0800 (Pacific Standard Time)
185
185
  </div>
186
- </div>
187
186
  <script src="../../../prettify.js"></script>
188
187
  <script>
189
188
  window.onload = function () {
@@ -229,7 +229,8 @@
229
229
  <a name='L164'></a><a href='#L164'>164</a>
230
230
  <a name='L165'></a><a href='#L165'>165</a>
231
231
  <a name='L166'></a><a href='#L166'>166</a>
232
- <a name='L167'></a><a href='#L167'>167</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
232
+ <a name='L167'></a><a href='#L167'>167</a>
233
+ <a name='L168'></a><a href='#L168'>168</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
233
234
  <span class="cline-any cline-neutral">&nbsp;</span>
234
235
  <span class="cline-any cline-neutral">&nbsp;</span>
235
236
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -347,6 +348,7 @@
347
348
  <span class="cline-any cline-neutral">&nbsp;</span>
348
349
  <span class="cline-any cline-neutral">&nbsp;</span>
349
350
  <span class="cline-any cline-neutral">&nbsp;</span>
351
+ <span class="cline-any cline-neutral">&nbsp;</span>
350
352
  <span class="cline-any cline-no">&nbsp;</span>
351
353
  <span class="cline-any cline-neutral">&nbsp;</span>
352
354
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -508,6 +510,7 @@ const HeaderUI = ({
508
510
  handleClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
509
511
  <span class="cstat-no" title="statement not covered" > setIsMobileMenuExpanded(!isMobileMenuExpanded);</span>
510
512
  }}
513
+ isMobileMenuExpanded={isMobileMenuExpanded}
511
514
  key={header.name}
512
515
  {...header}
513
516
  /&gt;
@@ -567,10 +570,9 @@ export default HeaderUI;
567
570
  </div><!-- /wrapper -->
568
571
  <div class='footer quiet pad2 space-top1 center small'>
569
572
  Code coverage generated by
570
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
571
- at Wed Dec 22 2021 09:46:07 GMT-0800 (Pacific Standard Time)
573
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
574
+ at Wed Mar 02 2022 13:43:24 GMT-0800 (Pacific Standard Time)
572
575
  </div>
573
- </div>
574
576
  <script src="../../../prettify.js"></script>
575
577
  <script>
576
578
  window.onload = function () {
@@ -165,10 +165,9 @@ export default HelpIcon;
165
165
  </div><!-- /wrapper -->
166
166
  <div class='footer quiet pad2 space-top1 center small'>
167
167
  Code coverage generated by
168
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
169
- at Wed Dec 22 2021 09:46:07 GMT-0800 (Pacific Standard Time)
168
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
169
+ at Wed Mar 02 2022 13:43:24 GMT-0800 (Pacific Standard Time)
170
170
  </div>
171
- </div>
172
171
  <script src="../../../prettify.js"></script>
173
172
  <script>
174
173
  window.onload = function () {
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">55.55% </span>
26
+ <span class="strong">50% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>5/9</span>
28
+ <span class='fraction'>6/12</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">60% </span>
33
+ <span class="strong">66.66% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>3/5</span>
35
+ <span class='fraction'>4/6</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">33.33% </span>
40
+ <span class="strong">25% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>1/3</span>
42
+ <span class='fraction'>1/4</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">55.55% </span>
47
+ <span class="strong">54.54% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>5/9</span>
49
+ <span class='fraction'>6/11</span>
50
50
  </div>
51
51
 
52
52
 
@@ -118,7 +118,29 @@
118
118
  <a name='L53'></a><a href='#L53'>53</a>
119
119
  <a name='L54'></a><a href='#L54'>54</a>
120
120
  <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
141
+ <span class="cline-any cline-neutral">&nbsp;</span>
142
+ <span class="cline-any cline-neutral">&nbsp;</span>
143
+ <span class="cline-any cline-neutral">&nbsp;</span>
122
144
  <span class="cline-any cline-neutral">&nbsp;</span>
123
145
  <span class="cline-any cline-neutral">&nbsp;</span>
124
146
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -128,6 +150,18 @@
128
150
  <span class="cline-any cline-neutral">&nbsp;</span>
129
151
  <span class="cline-any cline-yes">2x</span>
130
152
  <span class="cline-any cline-neutral">&nbsp;</span>
153
+ <span class="cline-any cline-neutral">&nbsp;</span>
154
+ <span class="cline-any cline-neutral">&nbsp;</span>
155
+ <span class="cline-any cline-neutral">&nbsp;</span>
156
+ <span class="cline-any cline-neutral">&nbsp;</span>
157
+ <span class="cline-any cline-neutral">&nbsp;</span>
158
+ <span class="cline-any cline-neutral">&nbsp;</span>
159
+ <span class="cline-any cline-neutral">&nbsp;</span>
160
+ <span class="cline-any cline-yes">2x</span>
161
+ <span class="cline-any cline-neutral">&nbsp;</span>
162
+ <span class="cline-any cline-neutral">&nbsp;</span>
163
+ <span class="cline-any cline-neutral">&nbsp;</span>
164
+ <span class="cline-any cline-neutral">&nbsp;</span>
131
165
  <span class="cline-any cline-yes">2x</span>
132
166
  <span class="cline-any cline-neutral">&nbsp;</span>
133
167
  <span class="cline-any cline-yes">2x</span>
@@ -143,6 +177,11 @@
143
177
  <span class="cline-any cline-yes">2x</span>
144
178
  <span class="cline-any cline-no">&nbsp;</span>
145
179
  <span class="cline-any cline-no">&nbsp;</span>
180
+ <span class="cline-any cline-neutral">&nbsp;</span>
181
+ <span class="cline-any cline-neutral">&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-no">&nbsp;</span>
146
185
  <span class="cline-any cline-no">&nbsp;</span>
147
186
  <span class="cline-any cline-neutral">&nbsp;</span>
148
187
  <span class="cline-any cline-no">&nbsp;</span>
@@ -172,18 +211,32 @@
172
211
  <span class="cline-any cline-neutral">&nbsp;</span>
173
212
  <span class="cline-any cline-neutral">&nbsp;</span>
174
213
  <span class="cline-any cline-neutral">&nbsp;</span>
175
- <span class="cline-any cline-neutral">&nbsp;</span>
176
214
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
177
215
  import cookie from 'cookie';
178
216
  import axios from 'axios';
179
217
  import CloseIcon from '@material-ui/icons/Close';
180
218
  &nbsp;
181
219
  import { TextButton } from '../Button';
182
- import { deleteImpersonatedUser } from '../../session/logout';
220
+ import {
221
+ deleteImpersonatedUser,
222
+ revertQppHasAuthsCookie,
223
+ } from '../../session/logout';
224
+ &nbsp;
225
+ const getViewType = <span class="fstat-no" title="function not covered" >(v</span>iewType) =&gt; (<span class="cstat-no" title="statement not covered" >{</span>
226
+ username: 'HARP ID',
227
+ npi: 'NPI',
228
+ tin: 'TIN',
229
+ apm_id: 'APM Entity',
230
+ cms_id: 'Registry',
231
+ vg_id: 'Virtual Group',
232
+ }[viewType]);
183
233
  &nbsp;
184
234
  const ImpersonatorBanner = () =&gt; {
185
- const { qpp_auth_token: token = null, qpp_impersonated_user: user = null } =
186
- cookie.parse(document.cookie);
235
+ const {
236
+ qpp_auth_token: token = null,
237
+ qpp_impersonated_user: user = null,
238
+ qpp_impersonated_type: viewType = null,
239
+ } = cookie.parse(document.cookie);
187
240
  &nbsp;
188
241
  const className = [
189
242
  'qpp-u-display--flex',
@@ -197,11 +250,16 @@ const ImpersonatorBanner = () =&gt; {
197
250
  &nbsp;
198
251
  const onClick = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
199
252
  const fn = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
200
- <span class="cstat-no" title="statement not covered" > deleteImpersonatedUser({ qpp_impersonated_user: user });</span>
253
+ <span class="cstat-no" title="statement not covered" > deleteImpersonatedUser({</span>
254
+ qpp_impersonated_user: user,
255
+ qpp_impersonated_type: viewType,
256
+ });
257
+ // Set qpp_has_authorizations cookie back to impersonator's value
258
+ <span class="cstat-no" title="statement not covered" > revertQppHasAuthsCookie();</span>
201
259
  <span class="cstat-no" title="statement not covered" > window.location.reload();</span>
202
260
  };
203
261
  <span class="cstat-no" title="statement not covered" > return axios</span>
204
- .delete('/api/auth/users/impersonate', {
262
+ .delete('/api/auth/helpdesk/view', {
205
263
  headers: {
206
264
  Accept: 'application/vnd.qpp.cms.gov.v1+json',
207
265
  Authorization: `Bearer ${token}`,
@@ -215,11 +273,10 @@ const ImpersonatorBanner = () =&gt; {
215
273
  <span class="branch-1 cbranch-no" title="branch not covered" > user </span>&amp;&amp; (
216
274
  <span class="branch-2 cbranch-no" title="branch not covered" > &lt;div className={className}&gt;</span>
217
275
  &lt;div&gt;
218
- VIEW ONLY | You are currently impersonating HARP user:{' '}
219
- &lt;strong&gt;{user}&lt;/strong&gt;
276
+ VIEW ONLY | You are currently viewing {getViewType(viewType)}: &lt;strong&gt;{user}&lt;/strong&gt;
220
277
  &lt;/div&gt;
221
278
  &lt;TextButton onClick={onClick} className="qpp-u-color--gray-80"&gt;
222
- Exit Impersonation Mode
279
+ Exit View Mode
223
280
  &lt;CloseIcon /&gt;
224
281
  &lt;/TextButton&gt;
225
282
  &lt;/div&gt;
@@ -234,10 +291,9 @@ export default ImpersonatorBanner;
234
291
  </div><!-- /wrapper -->
235
292
  <div class='footer quiet pad2 space-top1 center small'>
236
293
  Code coverage generated by
237
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
238
- at Wed Dec 22 2021 09:46:07 GMT-0800 (Pacific Standard Time)
294
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
295
+ at Wed Mar 02 2022 13:43:24 GMT-0800 (Pacific Standard Time)
239
296
  </div>
240
- </div>
241
297
  <script src="../../../prettify.js"></script>
242
298
  <script>
243
299
  window.onload = function () {
@@ -150,10 +150,9 @@ export default NavigationButtonIcon;
150
150
  </div><!-- /wrapper -->
151
151
  <div class='footer quiet pad2 space-top1 center small'>
152
152
  Code coverage generated by
153
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
154
- at Wed Dec 22 2021 09:46:07 GMT-0800 (Pacific Standard Time)
153
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
154
+ at Wed Mar 02 2022 13:43:24 GMT-0800 (Pacific Standard Time)
155
155
  </div>
156
- </div>
157
156
  <script src="../../../prettify.js"></script>
158
157
  <script>
159
158
  window.onload = function () {
@@ -189,10 +189,9 @@ export default class Header {
189
189
  </div><!-- /wrapper -->
190
190
  <div class='footer quiet pad2 space-top1 center small'>
191
191
  Code coverage generated by
192
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
193
- at Wed Dec 22 2021 09:46:07 GMT-0800 (Pacific Standard Time)
192
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
193
+ at Wed Mar 02 2022 13:43:24 GMT-0800 (Pacific Standard Time)
194
194
  </div>
195
- </div>
196
195
  <script src="../../../prettify.js"></script>
197
196
  <script>
198
197
  window.onload = function () {
@@ -225,10 +225,9 @@ export const useHeaderState = () =&gt; {
225
225
  </div><!-- /wrapper -->
226
226
  <div class='footer quiet pad2 space-top1 center small'>
227
227
  Code coverage generated by
228
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
229
- at Wed Dec 22 2021 09:46:07 GMT-0800 (Pacific Standard Time)
228
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
229
+ at Wed Mar 02 2022 13:43:24 GMT-0800 (Pacific Standard Time)
230
230
  </div>
231
- </div>
232
231
  <script src="../../../prettify.js"></script>
233
232
  <script>
234
233
  window.onload = function () {
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">52.84% </span>
26
+ <span class="strong">53% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>102/193</span>
28
+ <span class='fraction'>106/200</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">35.35% </span>
33
+ <span class="strong">35.84% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>35/99</span>
35
+ <span class='fraction'>38/106</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">33.33% </span>
40
+ <span class="strong">33.87% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>20/60</span>
42
+ <span class='fraction'>21/62</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">53.76% </span>
47
+ <span class="strong">54.16% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>100/186</span>
49
+ <span class='fraction'>104/192</span>
50
50
  </div>
51
51
 
52
52
 
@@ -155,17 +155,17 @@
155
155
 
156
156
  <tr>
157
157
  <td class="file medium" data-value="HeaderMenuItem.jsx"><a href="HeaderMenuItem.jsx.html">HeaderMenuItem.jsx</a></td>
158
- <td data-value="56.09" class="pic medium">
159
- <div class="chart"><div class="cover-fill" style="width: 56%"></div><div class="cover-empty" style="width: 44%"></div></div>
158
+ <td data-value="57.77" class="pic medium">
159
+ <div class="chart"><div class="cover-fill" style="width: 57%"></div><div class="cover-empty" style="width: 43%"></div></div>
160
160
  </td>
161
- <td data-value="56.09" class="pct medium">56.09%</td>
162
- <td data-value="41" class="abs medium">23/41</td>
163
- <td data-value="26.66" class="pct low">26.66%</td>
164
- <td data-value="30" class="abs low">8/30</td>
165
- <td data-value="33.33" class="pct low">33.33%</td>
166
- <td data-value="12" class="abs low">4/12</td>
167
- <td data-value="55" class="pct medium">55%</td>
168
- <td data-value="40" class="abs medium">22/40</td>
161
+ <td data-value="57.77" class="pct medium">57.77%</td>
162
+ <td data-value="45" class="abs medium">26/45</td>
163
+ <td data-value="27.77" class="pct low">27.77%</td>
164
+ <td data-value="36" class="abs low">10/36</td>
165
+ <td data-value="38.46" class="pct low">38.46%</td>
166
+ <td data-value="13" class="abs low">5/13</td>
167
+ <td data-value="56.81" class="pct medium">56.81%</td>
168
+ <td data-value="44" class="abs medium">25/44</td>
169
169
  </tr>
170
170
 
171
171
  <tr>
@@ -245,17 +245,17 @@
245
245
 
246
246
  <tr>
247
247
  <td class="file medium" data-value="ImpersonatorBanner.jsx"><a href="ImpersonatorBanner.jsx.html">ImpersonatorBanner.jsx</a></td>
248
- <td data-value="55.55" class="pic medium">
249
- <div class="chart"><div class="cover-fill" style="width: 55%"></div><div class="cover-empty" style="width: 45%"></div></div>
248
+ <td data-value="50" class="pic medium">
249
+ <div class="chart"><div class="cover-fill" style="width: 50%"></div><div class="cover-empty" style="width: 50%"></div></div>
250
250
  </td>
251
- <td data-value="55.55" class="pct medium">55.55%</td>
252
- <td data-value="9" class="abs medium">5/9</td>
253
- <td data-value="60" class="pct medium">60%</td>
254
- <td data-value="5" class="abs medium">3/5</td>
255
- <td data-value="33.33" class="pct low">33.33%</td>
256
- <td data-value="3" class="abs low">1/3</td>
257
- <td data-value="55.55" class="pct medium">55.55%</td>
258
- <td data-value="9" class="abs medium">5/9</td>
251
+ <td data-value="50" class="pct medium">50%</td>
252
+ <td data-value="12" class="abs medium">6/12</td>
253
+ <td data-value="66.66" class="pct medium">66.66%</td>
254
+ <td data-value="6" class="abs medium">4/6</td>
255
+ <td data-value="25" class="pct low">25%</td>
256
+ <td data-value="4" class="abs low">1/4</td>
257
+ <td data-value="54.54" class="pct medium">54.54%</td>
258
+ <td data-value="11" class="abs medium">6/11</td>
259
259
  </tr>
260
260
 
261
261
  <tr>
@@ -325,10 +325,9 @@
325
325
  </div><!-- /wrapper -->
326
326
  <div class='footer quiet pad2 space-top1 center small'>
327
327
  Code coverage generated by
328
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
329
- at Wed Dec 22 2021 09:46:07 GMT-0800 (Pacific Standard Time)
328
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
329
+ at Wed Mar 02 2022 13:43:24 GMT-0800 (Pacific Standard Time)
330
330
  </div>
331
- </div>
332
331
  <script src="../../../prettify.js"></script>
333
332
  <script>
334
333
  window.onload = function () {
@@ -96,10 +96,9 @@
96
96
  </div><!-- /wrapper -->
97
97
  <div class='footer quiet pad2 space-top1 center small'>
98
98
  Code coverage generated by
99
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
100
- at Wed Dec 22 2021 09:46:07 GMT-0800 (Pacific Standard Time)
99
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
100
+ at Wed Mar 02 2022 13:43:24 GMT-0800 (Pacific Standard Time)
101
101
  </div>
102
- </div>
103
102
  <script src="../../../prettify.js"></script>
104
103
  <script>
105
104
  window.onload = function () {
@@ -294,10 +294,9 @@ export default Infotip;
294
294
  </div><!-- /wrapper -->
295
295
  <div class='footer quiet pad2 space-top1 center small'>
296
296
  Code coverage generated by
297
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
298
- at Wed Dec 22 2021 09:46:07 GMT-0800 (Pacific Standard Time)
297
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
298
+ at Wed Mar 02 2022 13:43:24 GMT-0800 (Pacific Standard Time)
299
299
  </div>
300
- </div>
301
300
  <script src="../../../prettify.js"></script>
302
301
  <script>
303
302
  window.onload = function () {
@@ -192,10 +192,9 @@ InfotipIcon.defaultProps = {
192
192
  </div><!-- /wrapper -->
193
193
  <div class='footer quiet pad2 space-top1 center small'>
194
194
  Code coverage generated by
195
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
196
- at Wed Dec 22 2021 09:46:07 GMT-0800 (Pacific Standard Time)
195
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
196
+ at Wed Mar 02 2022 13:43:24 GMT-0800 (Pacific Standard Time)
197
197
  </div>
198
- </div>
199
198
  <script src="../../../prettify.js"></script>
200
199
  <script>
201
200
  window.onload = function () {