@npm_leadtech/legal-lib-components 1.22.0 → 1.22.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 (119) hide show
  1. package/build/index.js +1 -1
  2. package/coverage/clover.xml +637 -135
  3. package/coverage/coverage-final.json +65 -30
  4. package/coverage/lcov-report/images/componentsSvg/ArrowRight.js.html +229 -0
  5. package/coverage/lcov-report/images/componentsSvg/Done24px.js.html +1 -1
  6. package/coverage/lcov-report/images/componentsSvg/Edit24p.js.html +187 -0
  7. package/coverage/lcov-report/images/componentsSvg/EditText24px.js.html +187 -0
  8. package/coverage/lcov-report/images/componentsSvg/EmploymentIcon.js.html +163 -0
  9. package/coverage/lcov-report/images/componentsSvg/InfoError24pxOutlined.js.html +1 -1
  10. package/coverage/lcov-report/images/componentsSvg/LogoutSvg.js.html +169 -0
  11. package/coverage/lcov-report/images/componentsSvg/MenuCollapse24p.js.html +217 -0
  12. package/coverage/lcov-report/images/componentsSvg/NewRelease24p.js.html +1 -1
  13. package/coverage/lcov-report/images/componentsSvg/Time24px.js.html +1 -1
  14. package/coverage/lcov-report/images/componentsSvg/index.html +94 -4
  15. package/coverage/lcov-report/index.html +346 -46
  16. package/coverage/lcov-report/src/components/atoms/AddButton/AddButton.js.html +1 -1
  17. package/coverage/lcov-report/src/components/atoms/AddButton/index.html +1 -1
  18. package/coverage/lcov-report/src/components/atoms/BaseBox/BaseBox.js.html +175 -0
  19. package/coverage/lcov-report/src/components/atoms/BaseBox/index.html +116 -0
  20. package/coverage/lcov-report/src/components/atoms/BillCard/BillCard.js.html +1 -1
  21. package/coverage/lcov-report/src/components/atoms/BillCard/index.html +1 -1
  22. package/coverage/lcov-report/src/components/atoms/Button/Button.js.html +29 -20
  23. package/coverage/lcov-report/src/components/atoms/Button/index.html +5 -5
  24. package/coverage/lcov-report/src/components/atoms/ButtonIcon/ButtonIcon.js.html +301 -0
  25. package/coverage/lcov-report/src/components/atoms/ButtonIcon/index.html +116 -0
  26. package/coverage/lcov-report/src/components/atoms/CardPane/CardPane.js.html +1 -1
  27. package/coverage/lcov-report/src/components/atoms/CardPane/index.html +1 -1
  28. package/coverage/lcov-report/src/components/atoms/Checkbox/Checkbox.js.html +1 -1
  29. package/coverage/lcov-report/src/components/atoms/Checkbox/index.html +1 -1
  30. package/coverage/lcov-report/src/components/atoms/DatePickerCustom/DatePickerCustom.js.html +34 -7
  31. package/coverage/lcov-report/src/components/atoms/DatePickerCustom/index.html +1 -1
  32. package/coverage/lcov-report/src/components/atoms/DialogMenuIcon/DialogMenuIcon.js.html +286 -0
  33. package/coverage/lcov-report/src/components/atoms/DialogMenuIcon/index.html +116 -0
  34. package/coverage/lcov-report/src/components/atoms/Disclaimer/Disclaimer.js.html +73 -19
  35. package/coverage/lcov-report/src/components/atoms/Disclaimer/index.html +5 -5
  36. package/coverage/lcov-report/src/components/atoms/Divider/Divider.js.html +148 -0
  37. package/coverage/lcov-report/src/components/atoms/Divider/index.html +116 -0
  38. package/coverage/lcov-report/src/components/atoms/DocumentStatus/DocumentStatus.js.html +1 -1
  39. package/coverage/lcov-report/src/components/atoms/DocumentStatus/index.html +1 -1
  40. package/coverage/lcov-report/src/components/atoms/FormFaq/FormFaq.js.html +20 -113
  41. package/coverage/lcov-report/src/components/atoms/FormFaq/index.html +21 -21
  42. package/coverage/lcov-report/src/components/atoms/GoogleButton/GoogleButton.js.html +151 -0
  43. package/coverage/lcov-report/src/components/atoms/GoogleButton/index.html +116 -0
  44. package/coverage/lcov-report/src/components/atoms/IconImage/IconImage.js.html +1 -1
  45. package/coverage/lcov-report/src/components/atoms/IconImage/index.html +1 -1
  46. package/coverage/lcov-report/src/components/atoms/InfoBox/InfoBox.js.html +1 -1
  47. package/coverage/lcov-report/src/components/atoms/InfoBox/index.html +1 -1
  48. package/coverage/lcov-report/src/components/atoms/LogoText/LogoText.js.html +2 -2
  49. package/coverage/lcov-report/src/components/atoms/LogoText/index.html +1 -1
  50. package/coverage/lcov-report/src/components/atoms/MenuItems/MenuItems.js.html +259 -0
  51. package/coverage/lcov-report/src/components/atoms/MenuItems/index.html +131 -0
  52. package/coverage/lcov-report/src/components/atoms/MenuItems/index.js.html +88 -0
  53. package/coverage/lcov-report/src/components/atoms/Message/Message.js.html +20 -8
  54. package/coverage/lcov-report/src/components/atoms/Message/index.html +7 -7
  55. package/coverage/lcov-report/src/components/atoms/PaypalButton/PaypalButton.js.html +1 -1
  56. package/coverage/lcov-report/src/components/atoms/PaypalButton/index.html +1 -1
  57. package/coverage/lcov-report/src/components/atoms/ProgressBar/ProgressBar.js.html +1 -1
  58. package/coverage/lcov-report/src/components/atoms/ProgressBar/index.html +1 -1
  59. package/coverage/lcov-report/src/components/atoms/Radio/Radio.js.html +1 -1
  60. package/coverage/lcov-report/src/components/atoms/Radio/index.html +1 -1
  61. package/coverage/lcov-report/src/components/atoms/RemoveButton/RemoveButton.js.html +1 -1
  62. package/coverage/lcov-report/src/components/atoms/RemoveButton/index.html +1 -1
  63. package/coverage/lcov-report/src/components/atoms/RichTextInner/RichTextInner.js.html +13 -10
  64. package/coverage/lcov-report/src/components/atoms/RichTextInner/index.html +5 -5
  65. package/coverage/lcov-report/src/components/atoms/SearchSelect/SearchSelect.js.html +1 -1
  66. package/coverage/lcov-report/src/components/atoms/SearchSelect/index.html +1 -1
  67. package/coverage/lcov-report/src/components/atoms/SidemenuTab/SidemenuTab.js.html +64 -22
  68. package/coverage/lcov-report/src/components/atoms/SidemenuTab/index.html +9 -9
  69. package/coverage/lcov-report/src/components/atoms/Spinner/Spinner.js.html +1 -1
  70. package/coverage/lcov-report/src/components/atoms/Spinner/index.html +1 -1
  71. package/coverage/lcov-report/src/components/atoms/TestAB/TestAB.js.html +1 -1
  72. package/coverage/lcov-report/src/components/atoms/TestAB/index.html +1 -1
  73. package/coverage/lcov-report/src/components/atoms/TextArea/TextArea.js.html +7 -49
  74. package/coverage/lcov-report/src/components/atoms/TextArea/index.html +1 -1
  75. package/coverage/lcov-report/src/components/atoms/Toggle/Toggle.js.html +1 -1
  76. package/coverage/lcov-report/src/components/atoms/Toggle/index.html +1 -1
  77. package/coverage/lcov-report/src/components/atoms/Tooltip/Tooltip.js.html +286 -0
  78. package/coverage/lcov-report/src/components/atoms/Tooltip/index.html +116 -0
  79. package/coverage/lcov-report/src/components/atoms/TopBar/TopBar.js.html +166 -0
  80. package/coverage/lcov-report/src/components/atoms/TopBar/index.html +116 -0
  81. package/coverage/lcov-report/src/components/molecules/BaseBoxList/BaseBoxList.js.html +157 -0
  82. package/coverage/lcov-report/src/components/molecules/BaseBoxList/index.html +116 -0
  83. package/coverage/lcov-report/src/components/molecules/BottomFixedBar/BottomFixedBar.js.html +163 -0
  84. package/coverage/lcov-report/src/components/molecules/BottomFixedBar/index.html +116 -0
  85. package/coverage/lcov-report/src/components/molecules/BottomOverlay/BottomOverlay.js.html +292 -0
  86. package/coverage/lcov-report/src/components/molecules/BottomOverlay/index.html +116 -0
  87. package/coverage/lcov-report/src/components/molecules/BoxForm/BoxForm.js.html +33 -60
  88. package/coverage/lcov-report/src/components/molecules/BoxForm/index.html +15 -15
  89. package/coverage/lcov-report/src/components/molecules/ContactBox/ContactBox.js.html +241 -0
  90. package/coverage/lcov-report/src/components/molecules/ContactBox/index.html +116 -0
  91. package/coverage/lcov-report/src/components/molecules/Feedback/Feedback.js.html +424 -0
  92. package/coverage/lcov-report/src/components/molecules/Feedback/index.html +116 -0
  93. package/coverage/lcov-report/src/components/molecules/MenuItemsSection/MenuItemsSection.js.html +169 -0
  94. package/coverage/lcov-report/src/components/molecules/MenuItemsSection/index.html +116 -0
  95. package/coverage/lcov-report/src/components/molecules/Pagination/PageStepControl.js.html +193 -0
  96. package/coverage/lcov-report/src/components/molecules/Pagination/PageSteps.js.html +301 -0
  97. package/coverage/lcov-report/src/components/molecules/Pagination/Pagination.js.html +232 -0
  98. package/coverage/lcov-report/src/components/molecules/Pagination/index.html +161 -0
  99. package/coverage/lcov-report/src/components/molecules/Pagination/pagination.config.js.html +103 -0
  100. package/coverage/lcov-report/src/components/molecules/PricingCard/PricingCard.js.html +493 -0
  101. package/coverage/lcov-report/src/components/molecules/PricingCard/index.html +116 -0
  102. package/coverage/lcov-report/src/components/molecules/Snackbar/Snackbar.js.html +382 -0
  103. package/coverage/lcov-report/src/components/molecules/Snackbar/index.html +116 -0
  104. package/coverage/lcov-report/src/components/molecules/TextInput/Input.js.html +259 -0
  105. package/coverage/lcov-report/src/components/molecules/TextInput/TextInput.js.html +463 -0
  106. package/coverage/lcov-report/src/components/molecules/TextInput/TextInputLabel.js.html +196 -0
  107. package/coverage/lcov-report/src/components/molecules/TextInput/TextInputMessage.js.html +163 -0
  108. package/coverage/lcov-report/src/components/molecules/TextInput/TextInputTooltip.js.html +124 -0
  109. package/coverage/lcov-report/src/components/molecules/TextInput/index.html +176 -0
  110. package/coverage/lcov-report/src/components/molecules/TooltipMenu/TooltipMenu.js.html +175 -0
  111. package/coverage/lcov-report/src/components/molecules/TooltipMenu/index.html +116 -0
  112. package/coverage/lcov-report/src/components/organisms/MobileBottomBar/MobileBottomBar.js.html +196 -0
  113. package/coverage/lcov-report/src/components/organisms/MobileBottomBar/index.html +116 -0
  114. package/coverage/lcov-report/src/utils/envVariables.js.html +1 -1
  115. package/coverage/lcov-report/src/utils/index.html +19 -4
  116. package/coverage/lcov-report/src/utils/stringSlugify.js.html +94 -0
  117. package/coverage/lcov.info +1316 -222
  118. package/package.json +1 -1
  119. package/yarn-error.log +0 -13121
@@ -23,16 +23,16 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">81.81% </span>
26
+ <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>9/11</span>
28
+ <span class='fraction'>7/7</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">87.5% </span>
33
+ <span class="strong">90.9% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>7/8</span>
35
+ <span class='fraction'>10/11</span>
36
36
  </div>
37
37
 
38
38
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">81.81% </span>
47
+ <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>9/11</span>
49
+ <span class='fraction'>7/7</span>
50
50
  </div>
51
51
 
52
52
 
@@ -119,47 +119,28 @@
119
119
  <a name='L54'></a><a href='#L54'>54</a>
120
120
  <a name='L55'></a><a href='#L55'>55</a>
121
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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
122
+ <a name='L57'></a><a href='#L57'>57</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
132
123
  <span class="cline-any cline-neutral">&nbsp;</span>
133
124
  <span class="cline-any cline-neutral">&nbsp;</span>
134
125
  <span class="cline-any cline-neutral">&nbsp;</span>
135
126
  <span class="cline-any cline-neutral">&nbsp;</span>
136
127
  <span class="cline-any cline-yes">1x</span>
137
- <span class="cline-any cline-yes">4x</span>
128
+ <span class="cline-any cline-yes">5x</span>
138
129
  <span class="cline-any cline-neutral">&nbsp;</span>
139
- <span class="cline-any cline-yes">4x</span>
130
+ <span class="cline-any cline-yes">5x</span>
140
131
  <span class="cline-any cline-yes">3x</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>
144
- <span class="cline-any cline-neutral">&nbsp;</span>
145
- <span class="cline-any cline-neutral">&nbsp;</span>
146
- <span class="cline-any cline-neutral">&nbsp;</span>
147
132
  <span class="cline-any cline-yes">3x</span>
148
- <span class="cline-any cline-no">&nbsp;</span>
149
- <span class="cline-any cline-no">&nbsp;</span>
150
133
  <span class="cline-any cline-neutral">&nbsp;</span>
151
- <span class="cline-any cline-yes">3x</span>
152
134
  <span class="cline-any cline-neutral">&nbsp;</span>
153
135
  <span class="cline-any cline-neutral">&nbsp;</span>
154
- <span class="cline-any cline-yes">1x</span>
155
136
  <span class="cline-any cline-neutral">&nbsp;</span>
156
137
  <span class="cline-any cline-neutral">&nbsp;</span>
157
138
  <span class="cline-any cline-neutral">&nbsp;</span>
158
139
  <span class="cline-any cline-neutral">&nbsp;</span>
159
140
  <span class="cline-any cline-neutral">&nbsp;</span>
141
+ <span class="cline-any cline-yes">5x</span>
160
142
  <span class="cline-any cline-neutral">&nbsp;</span>
161
143
  <span class="cline-any cline-neutral">&nbsp;</span>
162
- <span class="cline-any cline-yes">4x</span>
163
144
  <span class="cline-any cline-neutral">&nbsp;</span>
164
145
  <span class="cline-any cline-neutral">&nbsp;</span>
165
146
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -193,51 +174,42 @@
193
174
  <span class="cline-any cline-neutral">&nbsp;</span>
194
175
  <span class="cline-any cline-neutral">&nbsp;</span>
195
176
  <span class="cline-any cline-neutral">&nbsp;</span>
177
+ <span class="cline-any cline-neutral">&nbsp;</span>
196
178
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
197
179
  import PropTypes from 'prop-types';
198
- import './box-form.scss';
180
+ import './BoxForm.scss';
199
181
  import { Button } from '../../atoms/Button/Button';
200
182
  &nbsp;
201
- export const BoxForm = ({ title, body, footer, closeInsideModal, closeModalAndReloadPage }) =&gt; {
202
- let buttonProps = {};
183
+ export const BoxForm = ({ title, body, footer, closeInsideModal, closeModalAndReloadPage, hideHeader = false }) =&gt; {
184
+ let buttonProps = { secondary: true, size: 'S', label: '', dataQa: '' };
203
185
  &nbsp;
204
186
  if (footer) {
187
+ const { text, dataQa, onClick, link } = footer.button;
205
188
  buttonProps = {
206
189
  secondary: true,
207
190
  size: 'S',
208
- label: footer.button.text,
209
- dataQa: footer.button.dataQa,
210
- };
211
- &nbsp;
212
- <span class="missing-if-branch" title="if path not taken" >I</span>if (footer.button.onClick) {
213
- <span class="cstat-no" title="statement not covered" > buttonProps.onClick = footer.button.onClick;</span>
214
- <span class="cstat-no" title="statement not covered" > buttonProps.noLink = true;</span>
215
- } else {
216
- buttonProps.link = footer.button.link;
217
- }
218
- } else {
219
- buttonProps = {
220
- secondary: true,
221
- size: 'S',
222
- label: '',
223
- dataQa: '',
191
+ label: text,
192
+ dataQa: dataQa,
193
+ ...(onClick ? <span class="branch-0 cbranch-no" title="branch not covered" >{ onClick: onClick, noLink: true } </span>: { link: link }),
224
194
  };
225
195
  }
226
196
  &nbsp;
227
197
  return (
228
198
  &lt;div className='box--form'&gt;
229
- &lt;div className='box--form__header'&gt;
230
- {closeInsideModal ? (
231
- &lt;&gt;
199
+ {!hideHeader &amp;&amp; (
200
+ &lt;div className='box--form__header'&gt;
201
+ {closeInsideModal ? (
202
+ &lt;&gt;
203
+ &lt;h3 className='box--form__title sans-serif --big'&gt;{title}&lt;/h3&gt;
204
+ &lt;div className='box--form__close' onClick={closeModalAndReloadPage}&gt;
205
+ &amp;times;
206
+ &lt;/div&gt;
207
+ &lt;/&gt;
208
+ ) : (
232
209
  &lt;h3 className='box--form__title sans-serif --big'&gt;{title}&lt;/h3&gt;
233
- &lt;div className='box--form__close' onClick={closeModalAndReloadPage}&gt;
234
- &amp;times;
235
- &lt;/div&gt;
236
- &lt;/&gt;
237
- ) : (
238
- &lt;h3 className='box--form__title sans-serif --big'&gt;{title}&lt;/h3&gt;
239
- )}
240
- &lt;/div&gt;
210
+ )}
211
+ &lt;/div&gt;
212
+ )}
241
213
  &lt;div className='box--form__main'&gt;
242
214
  &lt;div className='box--form__body'&gt;{body}&lt;/div&gt;
243
215
  {footer &amp;&amp; (
@@ -257,6 +229,7 @@ BoxForm.propTypes = {
257
229
  footer: PropTypes.object,
258
230
  closeInsideModal: PropTypes.bool,
259
231
  closeModalAndReloadPage: PropTypes.func,
232
+ hideHeader: PropTypes.bool,
260
233
  };
261
234
  &nbsp;</pre></td></tr></table></pre>
262
235
 
@@ -265,7 +238,7 @@ BoxForm.propTypes = {
265
238
  <div class='footer quiet pad2 space-top1 center small'>
266
239
  Code coverage generated by
267
240
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
268
- at Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
241
+ at Tue May 24 2022 10:10:21 GMT+0200 (GMT+02:00)
269
242
  </div>
270
243
  <script src="../../../../prettify.js"></script>
271
244
  <script>
@@ -23,16 +23,16 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">81.81% </span>
26
+ <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>9/11</span>
28
+ <span class='fraction'>7/7</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">87.5% </span>
33
+ <span class="strong">90.9% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>7/8</span>
35
+ <span class='fraction'>10/11</span>
36
36
  </div>
37
37
 
38
38
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">81.81% </span>
47
+ <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>9/11</span>
49
+ <span class='fraction'>7/7</span>
50
50
  </div>
51
51
 
52
52
 
@@ -80,17 +80,17 @@
80
80
  </thead>
81
81
  <tbody><tr>
82
82
  <td class="file high" data-value="BoxForm.js"><a href="BoxForm.js.html">BoxForm.js</a></td>
83
- <td data-value="81.81" class="pic high">
84
- <div class="chart"><div class="cover-fill" style="width: 81%"></div><div class="cover-empty" style="width: 19%"></div></div>
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
85
  </td>
86
- <td data-value="81.81" class="pct high">81.81%</td>
87
- <td data-value="11" class="abs high">9/11</td>
88
- <td data-value="87.5" class="pct high">87.5%</td>
89
- <td data-value="8" class="abs high">7/8</td>
86
+ <td data-value="100" class="pct high">100%</td>
87
+ <td data-value="7" class="abs high">7/7</td>
88
+ <td data-value="90.9" class="pct high">90.9%</td>
89
+ <td data-value="11" class="abs high">10/11</td>
90
90
  <td data-value="100" class="pct high">100%</td>
91
91
  <td data-value="1" class="abs high">1/1</td>
92
- <td data-value="81.81" class="pct high">81.81%</td>
93
- <td data-value="11" class="abs high">9/11</td>
92
+ <td data-value="100" class="pct high">100%</td>
93
+ <td data-value="7" class="abs high">7/7</td>
94
94
  </tr>
95
95
 
96
96
  </tbody>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
104
- at Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
104
+ at Tue May 24 2022 10:10:21 GMT+0200 (GMT+02:00)
105
105
  </div>
106
106
  <script src="../../../../prettify.js"></script>
107
107
  <script>
@@ -0,0 +1,241 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for src/components/molecules/ContactBox/ContactBox.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">src/components/molecules/ContactBox</a> ContactBox.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'>10/10</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'>6/6</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'>10/10</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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
119
+ <span class="cline-any cline-neutral">&nbsp;</span>
120
+ <span class="cline-any cline-neutral">&nbsp;</span>
121
+ <span class="cline-any cline-neutral">&nbsp;</span>
122
+ <span class="cline-any cline-neutral">&nbsp;</span>
123
+ <span class="cline-any cline-neutral">&nbsp;</span>
124
+ <span class="cline-any cline-neutral">&nbsp;</span>
125
+ <span class="cline-any cline-yes">1x</span>
126
+ <span class="cline-any cline-yes">6x</span>
127
+ <span class="cline-any cline-yes">3x</span>
128
+ <span class="cline-any cline-neutral">&nbsp;</span>
129
+ <span class="cline-any cline-neutral">&nbsp;</span>
130
+ <span class="cline-any cline-yes">3x</span>
131
+ <span class="cline-any cline-neutral">&nbsp;</span>
132
+ <span class="cline-any cline-neutral">&nbsp;</span>
133
+ <span class="cline-any cline-neutral">&nbsp;</span>
134
+ <span class="cline-any cline-neutral">&nbsp;</span>
135
+ <span class="cline-any cline-yes">3x</span>
136
+ <span class="cline-any cline-yes">3x</span>
137
+ <span class="cline-any cline-yes">2x</span>
138
+ <span class="cline-any cline-neutral">&nbsp;</span>
139
+ <span class="cline-any cline-yes">1x</span>
140
+ <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>
144
+ <span class="cline-any cline-neutral">&nbsp;</span>
145
+ <span class="cline-any cline-neutral">&nbsp;</span>
146
+ <span class="cline-any cline-neutral">&nbsp;</span>
147
+ <span class="cline-any cline-neutral">&nbsp;</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-yes">3x</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-neutral">&nbsp;</span>
161
+ <span class="cline-any cline-yes">1x</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>
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></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
171
+ import PropTypes from 'prop-types';
172
+ import { Button } from '../../atoms/Button/Button';
173
+ import classNames from 'classnames';
174
+ &nbsp;
175
+ import './ContactBox.scss';
176
+ &nbsp;
177
+ export const ContactBox = ({ phone, schedule, mobile, mobileGtmTag, dataQa, darkMode, givenClass }) =&gt; {
178
+ if (!phone || !schedule) {
179
+ return null;
180
+ }
181
+ &nbsp;
182
+ const classnames = classNames(`contact-box ${givenClass}`, {
183
+ 'contact-box--mobile': mobile,
184
+ 'contact-box--dark-mode': darkMode,
185
+ });
186
+ &nbsp;
187
+ const renderPhone = () =&gt; {
188
+ if (!mobile) {
189
+ return &lt;span className='contact-box__phone'&gt;{phone}&lt;/span&gt;;
190
+ }
191
+ return (
192
+ &lt;Button
193
+ primary
194
+ centered
195
+ fluid
196
+ isExternal
197
+ label={phone}
198
+ link={`tel:${phone}`}
199
+ gtmTag={mobileGtmTag}
200
+ dataQa={dataQa}
201
+ /&gt;
202
+ );
203
+ };
204
+ &nbsp;
205
+ return (
206
+ &lt;div className={classnames}&gt;
207
+ {renderPhone()}
208
+ &lt;p className='contact-box__schedule'&gt;{schedule}&lt;/p&gt;
209
+ &lt;/div&gt;
210
+ );
211
+ };
212
+ &nbsp;
213
+ ContactBox.propTypes = {
214
+ phone: PropTypes.string,
215
+ schedule: PropTypes.string,
216
+ dataQa: PropTypes.string,
217
+ mobileGtmTag: PropTypes.string,
218
+ givenClass: PropTypes.string,
219
+ mobile: PropTypes.bool,
220
+ darkMode: PropTypes.bool,
221
+ };
222
+ &nbsp;</pre></td></tr></table></pre>
223
+
224
+ <div class='push'></div><!-- for sticky footer -->
225
+ </div><!-- /wrapper -->
226
+ <div class='footer quiet pad2 space-top1 center small'>
227
+ Code coverage generated by
228
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
229
+ at Tue May 24 2022 10:10:21 GMT+0200 (GMT+02:00)
230
+ </div>
231
+ <script src="../../../../prettify.js"></script>
232
+ <script>
233
+ window.onload = function () {
234
+ prettyPrint();
235
+ };
236
+ </script>
237
+ <script src="../../../../sorter.js"></script>
238
+ <script src="../../../../block-navigation.js"></script>
239
+ </body>
240
+ </html>
241
+
@@ -0,0 +1,116 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for src/components/molecules/ContactBox</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> src/components/molecules/ContactBox</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'>10/10</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'>6/6</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'>10/10</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="ContactBox.js"><a href="ContactBox.js.html">ContactBox.js</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="10" class="abs high">10/10</td>
88
+ <td data-value="100" class="pct high">100%</td>
89
+ <td data-value="6" class="abs high">6/6</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="10" class="abs high">10/10</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">istanbul</a>
104
+ at Tue May 24 2022 10:10:21 GMT+0200 (GMT+02:00)
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
+