@madie/madie-design-system 1.2.6 → 1.2.8

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 (120) hide show
  1. package/components/AutoComplete/AutoComplete.jsx +2 -2
  2. package/components/DateField/DateField.jsx +4 -4
  3. package/components/DateTimeField/DateTimeField.jsx +11 -6
  4. package/components/DateTimeField/DateTimeField.stories.jsx +2 -2
  5. package/components/MadieDialog/MadieDialog.stories.js +113 -0
  6. package/components/MadieDialog/index.jsx +39 -6
  7. package/components/MadieTooltip/MadieTooltip.stories.js +28 -0
  8. package/components/MadieTooltip/index.jsx +48 -0
  9. package/components/MadieTooltipIcon/MadieTooltipIcon.stories.js +23 -0
  10. package/components/MadieTooltipIcon/index.jsx +31 -0
  11. package/components/Popover/index.js +3 -2
  12. package/components/ReadOnlyTextField/index.jsx +48 -4
  13. package/components/Search/index.js +1 -1
  14. package/components/TextArea/index.jsx +1 -1
  15. package/components/TextField/TextField.stories.js +20 -0
  16. package/components/TextField/index.jsx +78 -42
  17. package/components/index.js +4 -0
  18. package/coverage/clover.xml +53 -0
  19. package/coverage/coverage-final.json +6 -0
  20. package/coverage/lcov-report/InputLabel/index.html +116 -0
  21. package/coverage/lcov-report/InputLabel/index.jsx.html +244 -0
  22. package/coverage/lcov-report/MadieTooltip/index.html +131 -0
  23. package/coverage/lcov-report/MadieTooltip/index.jsx.html +229 -0
  24. package/coverage/lcov-report/MadieTooltip/index.scss.html +274 -0
  25. package/coverage/lcov-report/MadieTooltipIcon/index.html +116 -0
  26. package/coverage/lcov-report/MadieTooltipIcon/index.jsx.html +178 -0
  27. package/coverage/lcov-report/TextField/index.html +116 -0
  28. package/coverage/lcov-report/TextField/index.jsx.html +556 -0
  29. package/coverage/lcov-report/base.css +224 -0
  30. package/coverage/lcov-report/block-navigation.js +87 -0
  31. package/coverage/lcov-report/favicon.png +0 -0
  32. package/coverage/lcov-report/index.html +161 -0
  33. package/coverage/lcov-report/prettify.css +1 -0
  34. package/coverage/lcov-report/prettify.js +2 -0
  35. package/coverage/lcov-report/react/components/Accordion/index.html +116 -0
  36. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +370 -0
  37. package/coverage/lcov-report/react/components/Button/index.html +116 -0
  38. package/coverage/lcov-report/react/components/Button/index.js.html +385 -0
  39. package/coverage/lcov-report/react/components/DateField/DateField.jsx.html +355 -0
  40. package/coverage/lcov-report/react/components/DateField/index.html +116 -0
  41. package/coverage/lcov-report/react/components/DateTimeField/DateTimeField.jsx.html +340 -0
  42. package/coverage/lcov-report/react/components/DateTimeField/index.html +116 -0
  43. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +364 -0
  44. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +178 -0
  45. package/coverage/lcov-report/react/components/Error/error.js.html +163 -0
  46. package/coverage/lcov-report/react/components/Error/index.html +146 -0
  47. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +496 -0
  48. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +697 -0
  49. package/coverage/lcov-report/react/components/Footer/footer.js.html +175 -0
  50. package/coverage/lcov-report/react/components/Footer/index.html +146 -0
  51. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +310 -0
  52. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +208 -0
  53. package/coverage/lcov-report/react/components/Infotip/index.html +146 -0
  54. package/coverage/lcov-report/react/components/Infotip/index.js.html +94 -0
  55. package/coverage/lcov-report/react/components/InputLabel/index.html +116 -0
  56. package/coverage/lcov-report/react/components/InputLabel/index.jsx.html +244 -0
  57. package/coverage/lcov-report/react/components/MadieAlert/index.html +116 -0
  58. package/coverage/lcov-report/react/components/MadieAlert/index.jsx.html +304 -0
  59. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.html +116 -0
  60. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.jsx.html +247 -0
  61. package/coverage/lcov-report/react/components/MadieDialog/index.html +116 -0
  62. package/coverage/lcov-report/react/components/MadieDialog/index.jsx.html +955 -0
  63. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.html +116 -0
  64. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.jsx.html +232 -0
  65. package/coverage/lcov-report/react/components/MadieSpinner/index.html +116 -0
  66. package/coverage/lcov-report/react/components/MadieSpinner/index.jsx.html +190 -0
  67. package/coverage/lcov-report/react/components/MadieTooltip/index.html +131 -0
  68. package/coverage/lcov-report/react/components/MadieTooltip/index.jsx.html +235 -0
  69. package/coverage/lcov-report/react/components/MadieTooltip/index.scss.html +274 -0
  70. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.html +116 -0
  71. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.jsx.html +178 -0
  72. package/coverage/lcov-report/react/components/Pagination/index.html +116 -0
  73. package/coverage/lcov-report/react/components/Pagination/index.jsx.html +736 -0
  74. package/coverage/lcov-report/react/components/Popover/index.html +116 -0
  75. package/coverage/lcov-report/react/components/Popover/index.js.html +478 -0
  76. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.html +116 -0
  77. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.jsx.html +514 -0
  78. package/coverage/lcov-report/react/components/Select/index.html +116 -0
  79. package/coverage/lcov-report/react/components/Select/index.jsx.html +646 -0
  80. package/coverage/lcov-report/react/components/Tabs/Tab.js.html +325 -0
  81. package/coverage/lcov-report/react/components/Tabs/index.html +131 -0
  82. package/coverage/lcov-report/react/components/Tabs/index.js.html +370 -0
  83. package/coverage/lcov-report/react/components/TextArea/index.html +116 -0
  84. package/coverage/lcov-report/react/components/TextArea/index.jsx.html +436 -0
  85. package/coverage/lcov-report/react/components/TextField/index.html +116 -0
  86. package/coverage/lcov-report/react/components/TextField/index.jsx.html +556 -0
  87. package/coverage/lcov-report/react/components/Toast/index.html +116 -0
  88. package/coverage/lcov-report/react/components/Toast/index.jsx.html +436 -0
  89. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +349 -0
  90. package/coverage/lcov-report/react/components/Tooltip/index.html +146 -0
  91. package/coverage/lcov-report/react/components/Tooltip/index.js.html +94 -0
  92. package/coverage/lcov-report/react/components/Tooltip/position.js.html +313 -0
  93. package/coverage/lcov-report/react/index.html +116 -0
  94. package/coverage/lcov-report/react/index.js.html +133 -0
  95. package/coverage/lcov-report/react/lib/Chevron.jsx.html +181 -0
  96. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +1777 -0
  97. package/coverage/lcov-report/react/lib/index.html +131 -0
  98. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  99. package/coverage/lcov-report/sorter.js +196 -0
  100. package/coverage/lcov.info +113 -0
  101. package/dist/browser.js +1 -1
  102. package/dist/index.js +1 -1
  103. package/dist/react/index.js +11 -11
  104. package/dist/react/index.js.map +1 -1
  105. package/jest/mediaFileTransformer.js +7 -7
  106. package/package.json +2 -2
  107. package/storybook-static/875.f84e25ca.iframe.bundle.js +103 -0
  108. package/storybook-static/{173.0b985e58.iframe.bundle.js.map → 875.f84e25ca.iframe.bundle.js.map} +1 -1
  109. package/storybook-static/iframe.html +1 -1
  110. package/storybook-static/main.e57b4407.iframe.bundle.js +1 -0
  111. package/storybook-static/project.json +1 -1
  112. package/styles/_qpp-style.scss +1 -0
  113. package/styles/components/_madie-tooltip.scss +63 -0
  114. package/styles/qppds/components/_madie-tooltip.scss +63 -0
  115. package/styles/qppds/components/index.scss +1 -0
  116. package/styles/qppds/settings/variables/_color.scss +2 -0
  117. package/test/components/TextField.test.js +55 -1
  118. package/storybook-static/173.0b985e58.iframe.bundle.js +0 -103
  119. package/storybook-static/main.714d9ab1.iframe.bundle.js +0 -1
  120. /package/storybook-static/{173.0b985e58.iframe.bundle.js.LICENSE.txt → 875.f84e25ca.iframe.bundle.js.LICENSE.txt} +0 -0
package/coverage/lcov-report/react/components/Tooltip/position.js.html ADDED
@@ -0,0 +1,313 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for react/components/Tooltip/position.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">react/components/Tooltip</a> position.js</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'>21/21</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'>12/12</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'>3/3</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'>21/21</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></td><td class="line-coverage quiet"><span class="cline-any cline-yes">4x</span>
143
+ <span class="cline-any cline-yes">4x</span>
144
+ <span class="cline-any cline-yes">4x</span>
145
+ <span class="cline-any cline-neutral">&nbsp;</span>
146
+ <span class="cline-any cline-yes">4x</span>
147
+ <span class="cline-any cline-yes">10x</span>
148
+ <span class="cline-any cline-neutral">&nbsp;</span>
149
+ <span class="cline-any cline-neutral">&nbsp;</span>
150
+ <span class="cline-any cline-neutral">&nbsp;</span>
151
+ <span class="cline-any cline-neutral">&nbsp;</span>
152
+ <span class="cline-any cline-neutral">&nbsp;</span>
153
+ <span class="cline-any cline-neutral">&nbsp;</span>
154
+ <span class="cline-any cline-yes">10x</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">4x</span>
161
+ <span class="cline-any cline-yes">6x</span>
162
+ <span class="cline-any cline-yes">1x</span>
163
+ <span class="cline-any cline-neutral">&nbsp;</span>
164
+ <span class="cline-any cline-neutral">&nbsp;</span>
165
+ <span class="cline-any cline-yes">5x</span>
166
+ <span class="cline-any cline-yes">5x</span>
167
+ <span class="cline-any cline-yes">5x</span>
168
+ <span class="cline-any cline-neutral">&nbsp;</span>
169
+ <span class="cline-any cline-yes">5x</span>
170
+ <span class="cline-any cline-neutral">&nbsp;</span>
171
+ <span class="cline-any cline-yes">5x</span>
172
+ <span class="cline-any cline-neutral">&nbsp;</span>
173
+ <span class="cline-any cline-yes">5x</span>
174
+ <span class="cline-any cline-neutral">&nbsp;</span>
175
+ <span class="cline-any cline-neutral">&nbsp;</span>
176
+ <span class="cline-any cline-neutral">&nbsp;</span>
177
+ <span class="cline-any cline-neutral">&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
+ <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-neutral">&nbsp;</span>
185
+ <span class="cline-any cline-neutral">&nbsp;</span>
186
+ <span class="cline-any cline-neutral">&nbsp;</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-neutral">&nbsp;</span>
196
+ <span class="cline-any cline-neutral">&nbsp;</span>
197
+ <span class="cline-any cline-yes">4x</span>
198
+ <span class="cline-any cline-yes">5x</span>
199
+ <span class="cline-any cline-yes">5x</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-yes">5x</span>
205
+ <span class="cline-any cline-neutral">&nbsp;</span>
206
+ <span class="cline-any cline-yes">5x</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-yes">5x</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></td><td class="text"><pre class="prettyprint lang-js">const OFFSET = 12; // modified from reach-ui/tooltip OFFSET value
219
+ const TRIANGLE_SCALE_X = 6;
220
+ const TRIANGLE_SCALE_Y = 8;
221
+ &nbsp;
222
+ const isDirectionUp = (triggerRect, tooltipRect) =&gt; {
223
+ const collisions = {
224
+ top: triggerRect.top - tooltipRect.height &lt; 0,
225
+ bottom:
226
+ window.innerHeight &lt;
227
+ triggerRect.bottom + tooltipRect.height + OFFSET,
228
+ };
229
+ &nbsp;
230
+ return !collisions.top || collisions.bottom;
231
+ };
232
+ &nbsp;
233
+ // modified from @reach/tooltip default positioning function
234
+ // positions Tooltip relative to trigger
235
+ // https://github.com/reach/reach-ui/blob/master/packages/tooltip/src/index.tsx#L532
236
+ const positionTip = (triggerRect, tooltipRect) =&gt; {
237
+ if (!triggerRect || !tooltipRect) {
238
+ return {};
239
+ }
240
+ &nbsp;
241
+ const triggerCenter = triggerRect.left + triggerRect.width / 2;
242
+ const left = triggerCenter - tooltipRect.width / 2;
243
+ const maxLeft = window.innerWidth - tooltipRect.width - 2;
244
+ const centerLeft =
245
+ Math.min(Math.max(2, left), maxLeft) + window.pageXOffset;
246
+ &nbsp;
247
+ const directionUp = isDirectionUp(triggerRect, tooltipRect);
248
+ &nbsp;
249
+ return {
250
+ left: `${centerLeft}px`,
251
+ top: directionUp
252
+ ? `${
253
+ triggerRect.top -
254
+ OFFSET -
255
+ tooltipRect.height +
256
+ window.pageYOffset
257
+ }px`
258
+ : `${
259
+ triggerRect.top +
260
+ OFFSET +
261
+ triggerRect.height +
262
+ window.pageYOffset
263
+ }px`,
264
+ };
265
+ };
266
+ &nbsp;
267
+ export default positionTip;
268
+ &nbsp;
269
+ // position triangle relative to tooltip position
270
+ // TODO: figure out a better way to render these updates from within react
271
+ // rendering. This method causes an additional repaint after the Tooltip
272
+ // has been rendered. may require changes to @reach/tooltip.
273
+ export const positionTriangle = (triggerRect, tooltipRect) =&gt; {
274
+ const directionUp = isDirectionUp(triggerRect, tooltipRect);
275
+ const triangleTop = directionUp
276
+ ? triggerRect.top + window.pageYOffset - OFFSET
277
+ : triggerRect.bottom + window.pageYOffset + OFFSET - TRIANGLE_SCALE_Y;
278
+ &nbsp;
279
+ const triangleLeft =
280
+ triggerRect.left - TRIANGLE_SCALE_X + triggerRect.width / 2;
281
+ &nbsp;
282
+ const triangleBorder = directionUp
283
+ ? `border-top: ${TRIANGLE_SCALE_Y}px solid;`
284
+ : `border-bottom: ${TRIANGLE_SCALE_Y}px solid;`;
285
+ &nbsp;
286
+ return `
287
+ border-left: ${TRIANGLE_SCALE_X}px solid transparent;
288
+ border-right: ${TRIANGLE_SCALE_X}px solid transparent;
289
+ left: ${triangleLeft}px;
290
+ top: ${triangleTop}px;
291
+ ${triangleBorder}
292
+ `;
293
+ };
294
+ &nbsp;</pre></td></tr></table></pre>
295
+
296
+ <div class='push'></div><!-- for sticky footer -->
297
+ </div><!-- /wrapper -->
298
+ <div class='footer quiet pad2 space-top1 center small'>
299
+ Code coverage generated by
300
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
301
+ at 2024-01-24T17:04:45.593Z
302
+ </div>
303
+ <script src="../../../prettify.js"></script>
304
+ <script>
305
+ window.onload = function () {
306
+ prettyPrint();
307
+ };
308
+ </script>
309
+ <script src="../../../sorter.js"></script>
310
+ <script src="../../../block-navigation.js"></script>
311
+ </body>
312
+ </html>
313
+
package/coverage/lcov-report/react/index.html ADDED
@@ -0,0 +1,116 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for react</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> react</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">33.33% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>1/3</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/2</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">33.33% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>1/3</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="33.33" class="pic low">
84
+ <div class="chart"><div class="cover-fill" style="width: 33%"></div><div class="cover-empty" style="width: 67%"></div></div>
85
+ </td>
86
+ <td data-value="33.33" class="pct low">33.33%</td>
87
+ <td data-value="3" class="abs low">1/3</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="2" class="abs low">0/2</td>
92
+ <td data-value="33.33" class="pct low">33.33%</td>
93
+ <td data-value="3" class="abs low">1/3</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 2024-01-24T17:04:45.593Z
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
+
package/coverage/lcov-report/react/index.js.html ADDED
@@ -0,0 +1,133 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for react/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">react</a> index.js</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">33.33% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>1/3</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/2</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">33.33% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>1/3</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>
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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
83
+ <span class="cline-any cline-neutral">&nbsp;</span>
84
+ <span class="cline-any cline-neutral">&nbsp;</span>
85
+ <span class="cline-any cline-neutral">&nbsp;</span>
86
+ <span class="cline-any cline-neutral">&nbsp;</span>
87
+ <span class="cline-any cline-yes">1x</span>
88
+ <span class="cline-any cline-neutral">&nbsp;</span>
89
+ <span class="cline-any cline-no">&nbsp;</span>
90
+ <span class="cline-any cline-neutral">&nbsp;</span>
91
+ <span class="cline-any cline-neutral">&nbsp;</span>
92
+ <span class="cline-any cline-neutral">&nbsp;</span>
93
+ <span class="cline-any cline-no">&nbsp;</span>
94
+ <span class="cline-any cline-neutral">&nbsp;</span>
95
+ <span class="cline-any cline-neutral">&nbsp;</span>
96
+ <span class="cline-any cline-neutral">&nbsp;</span>
97
+ <span class="cline-any cline-neutral">&nbsp;</span>
98
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import ErrorPage from "./components/Error/error";
99
+ import Footer from "./components/Footer/footer";
100
+ &nbsp;
101
+ import "what-input";
102
+ &nbsp;
103
+ const QppStyleComponents = {
104
+ <span class="fstat-no" title="function not covered" > er</span>rorPage(options) {
105
+ <span class="cstat-no" title="statement not covered" > return new ErrorPage(options);</span>
106
+ },
107
+ &nbsp;
108
+ <span class="fstat-no" title="function not covered" > fo</span>oter(options) {
109
+ <span class="cstat-no" title="statement not covered" > return new Footer(options);</span>
110
+ },
111
+ };
112
+ &nbsp;
113
+ export default QppStyleComponents;
114
+ &nbsp;</pre></td></tr></table></pre>
115
+
116
+ <div class='push'></div><!-- for sticky footer -->
117
+ </div><!-- /wrapper -->
118
+ <div class='footer quiet pad2 space-top1 center small'>
119
+ Code coverage generated by
120
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
121
+ at 2024-01-24T17:04:45.593Z
122
+ </div>
123
+ <script src="../prettify.js"></script>
124
+ <script>
125
+ window.onload = function () {
126
+ prettyPrint();
127
+ };
128
+ </script>
129
+ <script src="../sorter.js"></script>
130
+ <script src="../block-navigation.js"></script>
131
+ </body>
132
+ </html>
133
+