qpp-style 9.18.1 → 9.18.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 (194) hide show
  1. package/components/NotificationBanner/CollapsedView.js +29 -22
  2. package/components/SideNav/Links/NavLinkDrawer.jsx +1 -1
  3. package/coverage/clover.xml +78 -79
  4. package/coverage/coverage-final.json +73 -73
  5. package/coverage/lcov-report/index.html +10 -10
  6. package/coverage/lcov-report/react/components/Accordion/index.html +1 -1
  7. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +1 -1
  8. package/coverage/lcov-report/react/components/Button/index.html +1 -1
  9. package/coverage/lcov-report/react/components/Button/index.js.html +1 -1
  10. package/coverage/lcov-report/react/components/Dropdown/index.html +1 -1
  11. package/coverage/lcov-report/react/components/Dropdown/index.js.html +1 -1
  12. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +1 -1
  13. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +1 -1
  14. package/coverage/lcov-report/react/components/Error/error.js.html +1 -1
  15. package/coverage/lcov-report/react/components/Error/index.html +1 -1
  16. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +2 -2
  17. package/coverage/lcov-report/react/components/Footer/SocialLinks.jsx.html +1 -1
  18. package/coverage/lcov-report/react/components/Footer/Subscribe.jsx.html +1 -1
  19. package/coverage/lcov-report/react/components/Footer/footer.js.html +1 -1
  20. package/coverage/lcov-report/react/components/Footer/index.html +1 -1
  21. package/coverage/lcov-report/react/components/GovBanner/index.html +1 -1
  22. package/coverage/lcov-report/react/components/GovBanner/index.js.html +1 -1
  23. package/coverage/lcov-report/react/components/Header/HeaderAccountMenu.jsx.html +1 -1
  24. package/coverage/lcov-report/react/components/Header/HeaderCancel.jsx.html +1 -1
  25. package/coverage/lcov-report/react/components/Header/HeaderContainer.jsx.html +1 -1
  26. package/coverage/lcov-report/react/components/Header/HeaderLogo.jsx.html +1 -1
  27. package/coverage/lcov-report/react/components/Header/HeaderMenuButton.js.html +1 -1
  28. package/coverage/lcov-report/react/components/Header/HeaderMenuItem.jsx.html +1 -1
  29. package/coverage/lcov-report/react/components/Header/HeaderMenuLink.js.html +1 -1
  30. package/coverage/lcov-report/react/components/Header/HeaderMenuSignOutButton.js.html +1 -1
  31. package/coverage/lcov-report/react/components/Header/HeaderMobileButton.js.html +1 -1
  32. package/coverage/lcov-report/react/components/Header/HeaderUI.jsx.html +1 -1
  33. package/coverage/lcov-report/react/components/Header/HelpIcon.jsx.html +1 -1
  34. package/coverage/lcov-report/react/components/Header/ImpersonatorBanner.jsx.html +1 -1
  35. package/coverage/lcov-report/react/components/Header/NavigationButtonIcon.jsx.html +1 -1
  36. package/coverage/lcov-report/react/components/Header/header.js.html +1 -1
  37. package/coverage/lcov-report/react/components/Header/hooks.js.html +1 -1
  38. package/coverage/lcov-report/react/components/Header/index.html +1 -1
  39. package/coverage/lcov-report/react/components/Header/utag-helpers.js.html +1 -1
  40. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +1 -1
  41. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +1 -1
  42. package/coverage/lcov-report/react/components/Infotip/index.html +1 -1
  43. package/coverage/lcov-report/react/components/Infotip/index.js.html +1 -1
  44. package/coverage/lcov-report/react/components/Modal/LegacyModal.jsx.html +1 -1
  45. package/coverage/lcov-report/react/components/Modal/Modal.jsx.html +1 -1
  46. package/coverage/lcov-report/react/components/Modal/index.html +1 -1
  47. package/coverage/lcov-report/react/components/Modal/index.jsx.html +1 -1
  48. package/coverage/lcov-report/react/components/NotificationBanner/CollapsedView.js.html +10 -10
  49. package/coverage/lcov-report/react/components/NotificationBanner/ExpandedView.js.html +1 -1
  50. package/coverage/lcov-report/react/components/NotificationBanner/index.html +11 -11
  51. package/coverage/lcov-report/react/components/NotificationBanner/index.js.html +1 -1
  52. package/coverage/lcov-report/react/components/SanitizedContent/index.html +1 -1
  53. package/coverage/lcov-report/react/components/SanitizedContent/index.jsx.html +1 -1
  54. package/coverage/lcov-report/react/components/SessionDialog/index.html +1 -1
  55. package/coverage/lcov-report/react/components/SessionDialog/sessionDialog.js.html +1 -1
  56. package/coverage/lcov-report/react/components/SessionDialogUI.jsx.html +1 -1
  57. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +1 -1
  58. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/index.html +1 -1
  59. package/coverage/lcov-report/react/components/SideNav/Chart/ScoreChart.jsx.html +1 -1
  60. package/coverage/lcov-report/react/components/SideNav/Chart/index.html +1 -1
  61. package/coverage/lcov-report/react/components/SideNav/Chart/index.js.html +1 -1
  62. package/coverage/lcov-report/react/components/SideNav/Content/LevelOneContent.jsx.html +1 -1
  63. package/coverage/lcov-report/react/components/SideNav/Content/LevelTwoContent.jsx.html +1 -1
  64. package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/index.html +1 -1
  65. package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/index.js.html +1 -1
  66. package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/utils.js.html +1 -1
  67. package/coverage/lcov-report/react/components/SideNav/Content/index.html +1 -1
  68. package/coverage/lcov-report/react/components/SideNav/Content/index.js.html +1 -1
  69. package/coverage/lcov-report/react/components/SideNav/Details/IndividualDetails.jsx.html +1 -1
  70. package/coverage/lcov-report/react/components/SideNav/Details/PracticeDetails.jsx.html +1 -1
  71. package/coverage/lcov-report/react/components/SideNav/Details/index.html +1 -1
  72. package/coverage/lcov-report/react/components/SideNav/Details/index.js.html +1 -1
  73. package/coverage/lcov-report/react/components/SideNav/Links/CmsSwitchLink.jsx.html +1 -1
  74. package/coverage/lcov-report/react/components/SideNav/Links/NavItemInline.jsx.html +1 -1
  75. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkContainer.jsx.html +1 -1
  76. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkDrawer.jsx.html +1 -1
  77. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkInline.jsx.html +1 -1
  78. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkToggle.jsx.html +1 -1
  79. package/coverage/lcov-report/react/components/SideNav/Links/index.html +1 -1
  80. package/coverage/lcov-report/react/components/SideNav/Links/index.js.html +1 -1
  81. package/coverage/lcov-report/react/components/SideNav/UI/SideNavUI.jsx.html +1 -1
  82. package/coverage/lcov-report/react/components/SideNav/UI/index.html +1 -1
  83. package/coverage/lcov-report/react/components/SideNav/UI/index.js.html +1 -1
  84. package/coverage/lcov-report/react/components/SideNav/helpers.js.html +1 -1
  85. package/coverage/lcov-report/react/components/SideNav/index.html +1 -1
  86. package/coverage/lcov-report/react/components/SideNav/index.js.html +1 -1
  87. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +1 -1
  88. package/coverage/lcov-report/react/components/Tooltip/index.html +1 -1
  89. package/coverage/lcov-report/react/components/Tooltip/index.js.html +1 -1
  90. package/coverage/lcov-report/react/components/Tooltip/position.js.html +1 -1
  91. package/coverage/lcov-report/react/components/hooks/index.html +1 -1
  92. package/coverage/lcov-report/react/components/hooks/useGetConfig.js.html +1 -1
  93. package/coverage/lcov-report/react/components/index.html +1 -1
  94. package/coverage/lcov-report/react/index.html +1 -1
  95. package/coverage/lcov-report/react/index.js.html +1 -1
  96. package/coverage/lcov-report/react/lib/Chevron.jsx.html +1 -1
  97. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +1 -1
  98. package/coverage/lcov-report/react/lib/index.html +1 -1
  99. package/coverage/lcov-report/react/lib/svg-definitions.svg.html +1 -1
  100. package/coverage/lcov-report/react/session/index.html +1 -1
  101. package/coverage/lcov-report/react/session/index.js.html +1 -1
  102. package/coverage/lcov-report/react/session/logout.js.html +1 -1
  103. package/coverage/lcov-report/react/session/refresh.js.html +1 -1
  104. package/coverage/lcov-report/react/session/ttl.js.html +1 -1
  105. package/coverage/lcov.info +2 -3
  106. package/dist/browser.js +1 -1
  107. package/dist/browser.js.map +1 -1
  108. package/dist/index.js +1 -1
  109. package/dist/index.js.map +1 -1
  110. package/dist/react/index.js +1 -1
  111. package/dist/react/index.js.map +1 -1
  112. package/package.json +13 -15
  113. package/styles/qppds/base/_typography.scss +12 -0
  114. package/styles/qppds/components/_checkbox.scss +199 -0
  115. package/styles/qppds/components/_radio-button.scss +184 -0
  116. package/styles/qppds/components/index.scss +2 -0
  117. package/styles/qppds/settings/variables/_layout.scss +5 -3
  118. package/styles/qppds/utilities/_list-style.scss +18 -0
  119. package/styles/qppds/utilities/index.scss +1 -0
  120. package/coverage/lcov-report/components/Accordion/index.html +0 -116
  121. package/coverage/lcov-report/components/Accordion/index.jsx.html +0 -364
  122. package/coverage/lcov-report/components/Error/Collapsible.jsx.html +0 -349
  123. package/coverage/lcov-report/components/Error/ErrorUI.jsx.html +0 -178
  124. package/coverage/lcov-report/components/Error/index.html +0 -131
  125. package/coverage/lcov-report/components/Footer/FooterUI.jsx.html +0 -880
  126. package/coverage/lcov-report/components/Footer/LegacyFooterUI.jsx.html +0 -667
  127. package/coverage/lcov-report/components/Footer/SocialLinks.jsx.html +0 -265
  128. package/coverage/lcov-report/components/Footer/Subscribe.jsx.html +0 -187
  129. package/coverage/lcov-report/components/Footer/index.html +0 -161
  130. package/coverage/lcov-report/components/Infotip/Infotip.jsx.html +0 -310
  131. package/coverage/lcov-report/components/Infotip/InfotipIcon.jsx.html +0 -208
  132. package/coverage/lcov-report/components/Infotip/index.html +0 -146
  133. package/coverage/lcov-report/components/Infotip/index.js.html +0 -94
  134. package/coverage/lcov-report/components/Modal/LegacyModal.jsx.html +0 -301
  135. package/coverage/lcov-report/components/Modal/Modal.jsx.html +0 -505
  136. package/coverage/lcov-report/components/Modal/index.html +0 -146
  137. package/coverage/lcov-report/components/Modal/index.jsx.html +0 -151
  138. package/coverage/lcov-report/components/SanitizedContent/index.html +0 -116
  139. package/coverage/lcov-report/components/SanitizedContent/index.jsx.html +0 -685
  140. package/coverage/lcov-report/components/SessionDialogUI.jsx.html +0 -868
  141. package/coverage/lcov-report/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +0 -166
  142. package/coverage/lcov-report/components/SideNav/AnimationGroup/index.html +0 -116
  143. package/coverage/lcov-report/components/SideNav/Chart/ScoreChart.jsx.html +0 -889
  144. package/coverage/lcov-report/components/SideNav/Chart/index.html +0 -131
  145. package/coverage/lcov-report/components/SideNav/Chart/index.js.html +0 -94
  146. package/coverage/lcov-report/components/SideNav/Content/LevelOneContent.jsx.html +0 -709
  147. package/coverage/lcov-report/components/SideNav/Content/LevelTwoContent.jsx.html +0 -733
  148. package/coverage/lcov-report/components/SideNav/Content/index.html +0 -146
  149. package/coverage/lcov-report/components/SideNav/Content/index.js.html +0 -97
  150. package/coverage/lcov-report/components/SideNav/Details/IndividualDetails.jsx.html +0 -139
  151. package/coverage/lcov-report/components/SideNav/Details/PracticeDetails.jsx.html +0 -220
  152. package/coverage/lcov-report/components/SideNav/Details/index.html +0 -146
  153. package/coverage/lcov-report/components/SideNav/Details/index.js.html +0 -97
  154. package/coverage/lcov-report/components/SideNav/Links/CmsSwitchLink.jsx.html +0 -208
  155. package/coverage/lcov-report/components/SideNav/Links/NavItemInline.jsx.html +0 -247
  156. package/coverage/lcov-report/components/SideNav/Links/NavLinkContainer.jsx.html +0 -199
  157. package/coverage/lcov-report/components/SideNav/Links/NavLinkDrawer.jsx.html +0 -832
  158. package/coverage/lcov-report/components/SideNav/Links/NavLinkInline.jsx.html +0 -406
  159. package/coverage/lcov-report/components/SideNav/Links/NavLinkToggle.jsx.html +0 -187
  160. package/coverage/lcov-report/components/SideNav/Links/index.html +0 -206
  161. package/coverage/lcov-report/components/SideNav/Links/index.js.html +0 -124
  162. package/coverage/lcov-report/components/SideNav/UI/SideNavUI.jsx.html +0 -1084
  163. package/coverage/lcov-report/components/SideNav/UI/index.html +0 -131
  164. package/coverage/lcov-report/components/SideNav/UI/index.js.html +0 -94
  165. package/coverage/lcov-report/components/SideNav/helpers.js.html +0 -238
  166. package/coverage/lcov-report/components/SideNav/index.html +0 -116
  167. package/coverage/lcov-report/components/Tooltip/Tooltip.jsx.html +0 -349
  168. package/coverage/lcov-report/components/Tooltip/index.html +0 -146
  169. package/coverage/lcov-report/components/Tooltip/index.js.html +0 -94
  170. package/coverage/lcov-report/components/Tooltip/position.js.html +0 -289
  171. package/coverage/lcov-report/components/hooks/index.html +0 -116
  172. package/coverage/lcov-report/components/hooks/useGetConfig.js.html +0 -307
  173. package/coverage/lcov-report/components/index.html +0 -116
  174. package/coverage/lcov-report/lib/Chevron.jsx.html +0 -181
  175. package/coverage/lcov-report/lib/SvgComponents.jsx.html +0 -1702
  176. package/coverage/lcov-report/lib/index.html +0 -146
  177. package/coverage/lcov-report/lib/svg-definitions.svg.html +0 -460
  178. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +0 -667
  179. package/coverage/lcov-report/session/index.html +0 -161
  180. package/coverage/lcov-report/session/index.js.html +0 -100
  181. package/coverage/lcov-report/session/logout.js.html +0 -298
  182. package/coverage/lcov-report/session/refresh.js.html +0 -232
  183. package/coverage/lcov-report/session/ttl.js.html +0 -196
  184. package/styles/components/_footer.scss +0 -593
  185. package/styles/components/_header.scss +0 -890
  186. package/styles/components/_sidebar.scss +0 -8
  187. package/styles/components/sidebar/_animations.scss +0 -38
  188. package/styles/components/sidebar/_cms.scss +0 -61
  189. package/styles/components/sidebar/_details.scss +0 -58
  190. package/styles/components/sidebar/_links.scss +0 -415
  191. package/styles/components/sidebar/_sidebar-animation.scss +0 -121
  192. package/styles/components/sidebar/_sidebar-tooltip.scss +0 -33
  193. package/styles/components/sidebar/_sidebar.scss +0 -141
  194. package/styles/components/sidebar/project-specific/_wi.scss +0 -42
@@ -1,349 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for components/Tooltip/Tooltip.jsx</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/Tooltip</a> Tooltip.jsx</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>16/16</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'>7/7</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>2/2</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>16/16</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 high'></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></td><td class="line-coverage quiet"><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-neutral">&nbsp;</span>
161
- <span class="cline-any cline-neutral">&nbsp;</span>
162
- <span class="cline-any cline-yes">3x</span>
163
- <span class="cline-any cline-yes">3x</span>
164
- <span class="cline-any cline-neutral">&nbsp;</span>
165
- <span class="cline-any cline-neutral">&nbsp;</span>
166
- <span class="cline-any cline-neutral">&nbsp;</span>
167
- <span class="cline-any cline-neutral">&nbsp;</span>
168
- <span class="cline-any cline-neutral">&nbsp;</span>
169
- <span class="cline-any cline-neutral">&nbsp;</span>
170
- <span class="cline-any cline-neutral">&nbsp;</span>
171
- <span class="cline-any cline-neutral">&nbsp;</span>
172
- <span class="cline-any cline-yes">3x</span>
173
- <span class="cline-any cline-yes">41x</span>
174
- <span class="cline-any cline-yes">41x</span>
175
- <span class="cline-any cline-yes">41x</span>
176
- <span class="cline-any cline-yes">41x</span>
177
- <span class="cline-any cline-neutral">&nbsp;</span>
178
- <span class="cline-any cline-yes">41x</span>
179
- <span class="cline-any cline-neutral">&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-yes">38x</span>
184
- <span class="cline-any cline-yes">3x</span>
185
- <span class="cline-any cline-yes">3x</span>
186
- <span class="cline-any cline-yes">3x</span>
187
- <span class="cline-any cline-neutral">&nbsp;</span>
188
- <span class="cline-any cline-neutral">&nbsp;</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-yes">3x</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-yes">41x</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-yes">3x</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-yes">3x</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></td><td class="text"><pre class="prettyprint lang-js">import React, { cloneElement, useLayoutEffect, useRef } from 'react';
243
- import PropTypes from 'prop-types';
244
- import positionTip, { positionTriangle } from './position';
245
- import { useTooltip, TooltipPopup } from '@reach/tooltip';
246
- import Portal from '@reach/portal';
247
- &nbsp;
248
- // TODO: investigate ways to allow more styling via css? the triangle
249
- // positioning effect issue may need to be resolved to allow for this.
250
- const TEXT_COLOR = '#FFF';
251
- const BACKGROUND_COLOR = '#333';
252
- &nbsp;
253
- /**
254
- * Generic styled tooltip component.
255
- * Corresponding styles: /styles/components/_tooltip.scss
256
- *
257
- * Extends implementation from @reach/tooltip:
258
- * https://reacttraining.com/reach-ui/tooltip
259
- */
260
- const Tooltip = ({ children, label, ariaLabel, DEBUG_STYLE }) =&gt; {
261
- const [trigger, tooltip] = useTooltip({ DEBUG_STYLE });
262
- const { isVisible, triggerRect } = tooltip;
263
- const tooltipPopupRef = useRef();
264
- const triangleRef = useRef();
265
- &nbsp;
266
- useLayoutEffect(() =&gt; {
267
- // For some reason, the forwardRef for the tooltipPopup points to an undefined
268
- // dom element when we first render the portal containing the triangle. Using
269
- // an effect here will ensure that the ref is available when applying styles.
270
- // TODO: investigate and make issue for @reach-ui/tooltip?
271
- if (isVisible &amp;&amp; tooltipPopupRef.current &amp;&amp; triggerRect) {
272
- const tooltipRect = tooltipPopupRef.current.getBoundingClientRect();
273
- const positionCssText = positionTriangle(triggerRect, tooltipRect);
274
- const cssText = `
275
- position: absolute;
276
- width: 0;
277
- height: 0;
278
- ${positionCssText}
279
- border-top-color: ${BACKGROUND_COLOR};
280
- border-bottom-color: ${BACKGROUND_COLOR};
281
- z-index: 1;
282
- `;
283
- triangleRef.current.style.cssText = cssText;
284
- }
285
- });
286
- &nbsp;
287
- return (
288
- &lt;&gt;
289
- {cloneElement(children, trigger)}
290
- &lt;TooltipPopup
291
- {...tooltip}
292
- label={label}
293
- ariaLabel={ariaLabel}
294
- style={{
295
- background: BACKGROUND_COLOR,
296
- color: TEXT_COLOR,
297
- }}
298
- ref={tooltipPopupRef}
299
- position={positionTip}
300
- /&gt;
301
- {isVisible &amp;&amp; (
302
- &lt;Portal&gt;
303
- &lt;div
304
- ref={triangleRef}
305
- style={{
306
- position: 'absolute',
307
- width: 0,
308
- height: 0,
309
- }}
310
- /&gt;
311
- &lt;/Portal&gt;
312
- )}
313
- &lt;/&gt;
314
- );
315
- };
316
- &nbsp;
317
- Tooltip.propTypes = {
318
- children: PropTypes.node.isRequired,
319
- label: PropTypes.node.isRequired,
320
- ariaLabel: PropTypes.string,
321
- DEBUG_STYLE: PropTypes.bool,
322
- };
323
- &nbsp;
324
- Tooltip.defaultProps = {
325
- ariaLabel: undefined,
326
- DEBUG_STYLE: undefined,
327
- };
328
- &nbsp;
329
- export default Tooltip;
330
- &nbsp;</pre></td></tr></table></pre>
331
-
332
- <div class='push'></div><!-- for sticky footer -->
333
- </div><!-- /wrapper -->
334
- <div class='footer quiet pad2 space-top1 center small'>
335
- Code coverage generated by
336
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
337
- at Fri Apr 29 2022 13:58:50 GMT-0400 (Eastern Daylight Time)
338
- </div>
339
- <script src="../../prettify.js"></script>
340
- <script>
341
- window.onload = function () {
342
- prettyPrint();
343
- };
344
- </script>
345
- <script src="../../sorter.js"></script>
346
- <script src="../../block-navigation.js"></script>
347
- </body>
348
- </html>
349
-
@@ -1,146 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for components/Tooltip</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/Tooltip</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>37/37</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'>19/19</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>5/5</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>37/37</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 high'></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 high" data-value="Tooltip.jsx"><a href="Tooltip.jsx.html">Tooltip.jsx</a></td>
83
- <td data-value="100" class="pic high">
84
- <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
85
- </td>
86
- <td data-value="100" class="pct high">100%</td>
87
- <td data-value="16" class="abs high">16/16</td>
88
- <td data-value="100" class="pct high">100%</td>
89
- <td data-value="7" class="abs high">7/7</td>
90
- <td data-value="100" class="pct high">100%</td>
91
- <td data-value="2" class="abs high">2/2</td>
92
- <td data-value="100" class="pct high">100%</td>
93
- <td data-value="16" class="abs high">16/16</td>
94
- </tr>
95
-
96
- <tr>
97
- <td class="file empty" data-value="index.js"><a href="index.js.html">index.js</a></td>
98
- <td data-value="0" class="pic empty">
99
- <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
100
- </td>
101
- <td data-value="0" class="pct empty">0%</td>
102
- <td data-value="0" class="abs empty">0/0</td>
103
- <td data-value="0" class="pct empty">0%</td>
104
- <td data-value="0" class="abs empty">0/0</td>
105
- <td data-value="0" class="pct empty">0%</td>
106
- <td data-value="0" class="abs empty">0/0</td>
107
- <td data-value="0" class="pct empty">0%</td>
108
- <td data-value="0" class="abs empty">0/0</td>
109
- </tr>
110
-
111
- <tr>
112
- <td class="file high" data-value="position.js"><a href="position.js.html">position.js</a></td>
113
- <td data-value="100" class="pic high">
114
- <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
115
- </td>
116
- <td data-value="100" class="pct high">100%</td>
117
- <td data-value="21" class="abs high">21/21</td>
118
- <td data-value="100" class="pct high">100%</td>
119
- <td data-value="12" class="abs high">12/12</td>
120
- <td data-value="100" class="pct high">100%</td>
121
- <td data-value="3" class="abs high">3/3</td>
122
- <td data-value="100" class="pct high">100%</td>
123
- <td data-value="21" class="abs high">21/21</td>
124
- </tr>
125
-
126
- </tbody>
127
- </table>
128
- </div>
129
- <div class='push'></div><!-- for sticky footer -->
130
- </div><!-- /wrapper -->
131
- <div class='footer quiet pad2 space-top1 center small'>
132
- Code coverage generated by
133
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
134
- at Fri Apr 29 2022 13:58:50 GMT-0400 (Eastern Daylight Time)
135
- </div>
136
- <script src="../../prettify.js"></script>
137
- <script>
138
- window.onload = function () {
139
- prettyPrint();
140
- };
141
- </script>
142
- <script src="../../sorter.js"></script>
143
- <script src="../../block-navigation.js"></script>
144
- </body>
145
- </html>
146
-
@@ -1,94 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for components/Tooltip/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/Tooltip</a> index.js</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">0% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>0/0</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">0% </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/0</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">0% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>0/0</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
- <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
70
- <span class="cline-any cline-neutral">&nbsp;</span>
71
- <span class="cline-any cline-neutral">&nbsp;</span>
72
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import Tooltip from './Tooltip';
73
- &nbsp;
74
- export default Tooltip;
75
- &nbsp;</pre></td></tr></table></pre>
76
-
77
- <div class='push'></div><!-- for sticky footer -->
78
- </div><!-- /wrapper -->
79
- <div class='footer quiet pad2 space-top1 center small'>
80
- Code coverage generated by
81
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
82
- at Fri Apr 29 2022 13:58:50 GMT-0400 (Eastern Daylight Time)
83
- </div>
84
- <script src="../../prettify.js"></script>
85
- <script>
86
- window.onload = function () {
87
- prettyPrint();
88
- };
89
- </script>
90
- <script src="../../sorter.js"></script>
91
- <script src="../../block-navigation.js"></script>
92
- </body>
93
- </html>
94
-