@npm_leadtech/legal-lib-components 1.22.2 → 1.22.4

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 (130) hide show
  1. package/build/index.js +1 -1
  2. package/coverage/clover.xml +32 -860
  3. package/coverage/coverage-final.json +3 -65
  4. package/coverage/lcov-report/{src/components/molecules/TextInput/TextInputTooltip.js.html → TopBar.js.html} +63 -21
  5. package/coverage/lcov-report/atoms/Button/Button.js.html +559 -0
  6. package/coverage/lcov-report/atoms/Button/index.html +116 -0
  7. package/coverage/lcov-report/atoms/Message/Message.js.html +145 -0
  8. package/coverage/lcov-report/atoms/Message/index.html +116 -0
  9. package/coverage/lcov-report/base.css +0 -0
  10. package/coverage/lcov-report/block-navigation.js +0 -0
  11. package/coverage/lcov-report/favicon.png +0 -0
  12. package/coverage/lcov-report/images/componentsSvg/ArrowRight.js.html +2 -2
  13. package/coverage/lcov-report/images/componentsSvg/Done24px.js.html +1 -1
  14. package/coverage/lcov-report/images/componentsSvg/Edit24p.js.html +1 -1
  15. package/coverage/lcov-report/images/componentsSvg/EditText24px.js.html +1 -1
  16. package/coverage/lcov-report/images/componentsSvg/EmploymentIcon.js.html +1 -1
  17. package/coverage/lcov-report/images/componentsSvg/InfoError24pxOutlined.js.html +1 -1
  18. package/coverage/lcov-report/images/componentsSvg/LogoutSvg.js.html +1 -1
  19. package/coverage/lcov-report/images/componentsSvg/MenuCollapse24p.js.html +1 -1
  20. package/coverage/lcov-report/images/componentsSvg/NewRelease24p.js.html +1 -1
  21. package/coverage/lcov-report/images/componentsSvg/Time24px.js.html +1 -1
  22. package/coverage/lcov-report/images/componentsSvg/index.html +1 -1
  23. package/coverage/lcov-report/index.html +28 -688
  24. package/coverage/lcov-report/{src/components/molecules/TextInput/TextInput.js.html → molecules/PricingCard/PricingCard.js.html} +175 -145
  25. package/coverage/lcov-report/molecules/PricingCard/index.html +116 -0
  26. package/coverage/lcov-report/prettify.css +0 -0
  27. package/coverage/lcov-report/prettify.js +0 -0
  28. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  29. package/coverage/lcov-report/sorter.js +0 -0
  30. package/coverage/lcov-report/src/components/atoms/AddButton/AddButton.js.html +1 -1
  31. package/coverage/lcov-report/src/components/atoms/AddButton/index.html +1 -1
  32. package/coverage/lcov-report/src/components/atoms/BaseBox/BaseBox.js.html +1 -1
  33. package/coverage/lcov-report/src/components/atoms/BaseBox/index.html +1 -1
  34. package/coverage/lcov-report/src/components/atoms/BillCard/BillCard.js.html +1 -1
  35. package/coverage/lcov-report/src/components/atoms/BillCard/index.html +1 -1
  36. package/coverage/lcov-report/src/components/atoms/Button/Button.js.html +8 -8
  37. package/coverage/lcov-report/src/components/atoms/Button/index.html +1 -1
  38. package/coverage/lcov-report/src/components/atoms/CardPane/CardPane.js.html +1 -1
  39. package/coverage/lcov-report/src/components/atoms/CardPane/index.html +1 -1
  40. package/coverage/lcov-report/src/components/atoms/Checkbox/Checkbox.js.html +1 -1
  41. package/coverage/lcov-report/src/components/atoms/Checkbox/index.html +1 -1
  42. package/coverage/lcov-report/src/components/atoms/DatePickerCustom/DatePickerCustom.js.html +1 -1
  43. package/coverage/lcov-report/src/components/atoms/DatePickerCustom/index.html +1 -1
  44. package/coverage/lcov-report/src/components/atoms/Disclaimer/Disclaimer.js.html +19 -73
  45. package/coverage/lcov-report/src/components/atoms/Disclaimer/index.html +5 -5
  46. package/coverage/lcov-report/src/components/atoms/Divider/Divider.js.html +8 -20
  47. package/coverage/lcov-report/src/components/atoms/Divider/index.html +3 -3
  48. package/coverage/lcov-report/src/components/{molecules/TextInput/TextInputLabel.js.html → atoms/DocumentListMenuSection/DocumentListMenuSection.js.html} +27 -54
  49. package/coverage/lcov-report/src/components/atoms/{ButtonIcon → DocumentListMenuSection}/index.html +18 -18
  50. package/coverage/lcov-report/src/components/atoms/DocumentStatus/DocumentStatus.js.html +1 -1
  51. package/coverage/lcov-report/src/components/atoms/DocumentStatus/index.html +1 -1
  52. package/coverage/lcov-report/src/components/atoms/FormFaq/FormFaq.js.html +1 -1
  53. package/coverage/lcov-report/src/components/atoms/FormFaq/index.html +1 -1
  54. package/coverage/lcov-report/src/components/atoms/GoogleButton/GoogleButton.js.html +1 -1
  55. package/coverage/lcov-report/src/components/atoms/GoogleButton/index.html +1 -1
  56. package/coverage/lcov-report/src/components/atoms/IconImage/IconImage.js.html +1 -1
  57. package/coverage/lcov-report/src/components/atoms/IconImage/index.html +1 -1
  58. package/coverage/lcov-report/src/components/atoms/InfoBox/InfoBox.js.html +1 -1
  59. package/coverage/lcov-report/src/components/atoms/InfoBox/index.html +1 -1
  60. package/coverage/lcov-report/src/components/atoms/LogoText/LogoText.js.html +1 -1
  61. package/coverage/lcov-report/src/components/atoms/LogoText/index.html +1 -1
  62. package/coverage/lcov-report/src/components/atoms/MenuItems/MenuItems.js.html +2 -5
  63. package/coverage/lcov-report/src/components/atoms/MenuItems/index.html +1 -1
  64. package/coverage/lcov-report/src/components/atoms/MenuItems/index.js.html +1 -1
  65. package/coverage/lcov-report/src/components/atoms/Message/Message.js.html +1 -1
  66. package/coverage/lcov-report/src/components/atoms/Message/index.html +1 -1
  67. package/coverage/lcov-report/src/components/atoms/PaypalButton/PaypalButton.js.html +1 -1
  68. package/coverage/lcov-report/src/components/atoms/PaypalButton/index.html +1 -1
  69. package/coverage/lcov-report/src/components/atoms/ProgressBar/ProgressBar.js.html +1 -1
  70. package/coverage/lcov-report/src/components/atoms/ProgressBar/index.html +1 -1
  71. package/coverage/lcov-report/src/components/atoms/Radio/Radio.js.html +1 -1
  72. package/coverage/lcov-report/src/components/atoms/Radio/index.html +1 -1
  73. package/coverage/lcov-report/src/components/atoms/RemoveButton/RemoveButton.js.html +1 -1
  74. package/coverage/lcov-report/src/components/atoms/RemoveButton/index.html +1 -1
  75. package/coverage/lcov-report/src/components/atoms/RichTextInner/RichTextInner.js.html +1 -1
  76. package/coverage/lcov-report/src/components/atoms/RichTextInner/index.html +1 -1
  77. package/coverage/lcov-report/src/components/atoms/SearchSelect/SearchSelect.js.html +1 -1
  78. package/coverage/lcov-report/src/components/atoms/SearchSelect/index.html +1 -1
  79. package/coverage/lcov-report/src/components/atoms/SidemenuTab/SidemenuTab.js.html +1 -1
  80. package/coverage/lcov-report/src/components/atoms/SidemenuTab/index.html +1 -1
  81. package/coverage/lcov-report/src/components/atoms/Spinner/Spinner.js.html +1 -1
  82. package/coverage/lcov-report/src/components/atoms/Spinner/index.html +1 -1
  83. package/coverage/lcov-report/src/components/atoms/TestAB/TestAB.js.html +1 -1
  84. package/coverage/lcov-report/src/components/atoms/TestAB/index.html +1 -1
  85. package/coverage/lcov-report/src/components/atoms/TextArea/TextArea.js.html +49 -7
  86. package/coverage/lcov-report/src/components/atoms/TextArea/index.html +1 -1
  87. package/coverage/lcov-report/src/components/atoms/Toggle/Toggle.js.html +1 -1
  88. package/coverage/lcov-report/src/components/atoms/Toggle/index.html +1 -1
  89. package/coverage/lcov-report/src/components/atoms/Tooltip/Tooltip.js.html +1 -1
  90. package/coverage/lcov-report/src/components/atoms/Tooltip/index.html +1 -1
  91. package/coverage/lcov-report/src/components/atoms/TopBar/TopBar.js.html +1 -1
  92. package/coverage/lcov-report/src/components/atoms/TopBar/index.html +1 -1
  93. package/coverage/lcov-report/src/components/molecules/BaseBoxList/BaseBoxList.js.html +1 -1
  94. package/coverage/lcov-report/src/components/molecules/BaseBoxList/index.html +1 -1
  95. package/coverage/lcov-report/src/components/molecules/BottomFixedBar/BottomFixedBar.js.html +1 -1
  96. package/coverage/lcov-report/src/components/molecules/BottomFixedBar/index.html +1 -1
  97. package/coverage/lcov-report/src/components/molecules/BottomOverlay/BottomOverlay.js.html +1 -1
  98. package/coverage/lcov-report/src/components/molecules/BottomOverlay/index.html +1 -1
  99. package/coverage/lcov-report/src/components/molecules/BoxForm/BoxForm.js.html +19 -28
  100. package/coverage/lcov-report/src/components/molecules/BoxForm/index.html +5 -5
  101. package/coverage/lcov-report/src/components/molecules/ContactBox/ContactBox.js.html +1 -1
  102. package/coverage/lcov-report/src/components/molecules/ContactBox/index.html +1 -1
  103. package/coverage/lcov-report/src/components/molecules/Feedback/Feedback.js.html +1 -1
  104. package/coverage/lcov-report/src/components/molecules/Feedback/index.html +1 -1
  105. package/coverage/lcov-report/src/components/molecules/{TextInput/TextInputMessage.js.html → FormFaq/FormFaq.js.html} +27 -30
  106. package/coverage/lcov-report/src/components/{atoms/DialogMenuIcon → molecules/FormFaq}/index.html +23 -23
  107. package/coverage/lcov-report/src/components/molecules/MenuItemsSection/MenuItemsSection.js.html +1 -1
  108. package/coverage/lcov-report/src/components/molecules/MenuItemsSection/index.html +1 -1
  109. package/coverage/lcov-report/src/components/molecules/Pagination/PageStepControl.js.html +17 -32
  110. package/coverage/lcov-report/src/components/molecules/Pagination/PageSteps.js.html +19 -16
  111. package/coverage/lcov-report/src/components/molecules/Pagination/Pagination.js.html +17 -17
  112. package/coverage/lcov-report/src/components/molecules/Pagination/index.html +26 -26
  113. package/coverage/lcov-report/src/components/molecules/Pagination/pagination.config.js.html +1 -1
  114. package/coverage/lcov-report/src/components/molecules/PricingCard/PricingCard.js.html +29 -38
  115. package/coverage/lcov-report/src/components/molecules/PricingCard/index.html +5 -5
  116. package/coverage/lcov-report/src/components/molecules/Snackbar/Snackbar.js.html +1 -1
  117. package/coverage/lcov-report/src/components/molecules/Snackbar/index.html +1 -1
  118. package/coverage/lcov-report/src/components/molecules/TooltipMenu/TooltipMenu.js.html +1 -1
  119. package/coverage/lcov-report/src/components/molecules/TooltipMenu/index.html +1 -1
  120. package/coverage/lcov-report/src/components/organisms/MobileBottomBar/MobileBottomBar.js.html +1 -1
  121. package/coverage/lcov-report/src/components/organisms/MobileBottomBar/index.html +1 -1
  122. package/coverage/lcov-report/src/utils/envVariables.js.html +1 -1
  123. package/coverage/lcov-report/src/utils/index.html +1 -1
  124. package/coverage/lcov-report/src/utils/stringSlugify.js.html +1 -1
  125. package/coverage/lcov.info +54 -1775
  126. package/package.json +1 -1
  127. package/coverage/lcov-report/src/components/atoms/ButtonIcon/ButtonIcon.js.html +0 -301
  128. package/coverage/lcov-report/src/components/atoms/DialogMenuIcon/DialogMenuIcon.js.html +0 -286
  129. package/coverage/lcov-report/src/components/molecules/TextInput/Input.js.html +0 -259
  130. package/coverage/lcov-report/src/components/molecules/TextInput/index.html +0 -176
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for src/components/molecules/TextInput/TextInput.js</title>
6
+ <title>Code coverage report for molecules/PricingCard/PricingCard.js</title>
7
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" />
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
11
  <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <style type='text/css'>
13
13
  .coverage-summary .sorter {
14
- background-image: url(../../../../sort-arrow-sprite.png);
14
+ background-image: url(../../sort-arrow-sprite.png);
15
15
  }
16
16
  </style>
17
17
  </head>
@@ -19,34 +19,34 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../../../index.html">All files</a> / <a href="index.html">src/components/molecules/TextInput</a> TextInput.js</h1>
22
+ <h1><a href="../../index.html">All files</a> / <a href="index.html">molecules/PricingCard</a> PricingCard.js</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
26
+ <span class="strong">84.21% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>10/10</span>
28
+ <span class='fraction'>16/19</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
33
+ <span class="strong">93.93% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>4/4</span>
35
+ <span class='fraction'>31/33</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
40
+ <span class="strong">50% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>2/2</span>
42
+ <span class='fraction'>2/4</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
47
+ <span class="strong">84.21% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>10/10</span>
49
+ <span class='fraction'>16/19</span>
50
50
  </div>
51
51
 
52
52
 
@@ -189,18 +189,28 @@
189
189
  <a name='L124'></a><a href='#L124'>124</a>
190
190
  <a name='L125'></a><a href='#L125'>125</a>
191
191
  <a name='L126'></a><a href='#L126'>126</a>
192
- <a name='L127'></a><a href='#L127'>127</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
192
+ <a name='L127'></a><a href='#L127'>127</a>
193
+ <a name='L128'></a><a href='#L128'>128</a>
194
+ <a name='L129'></a><a href='#L129'>129</a>
195
+ <a name='L130'></a><a href='#L130'>130</a>
196
+ <a name='L131'></a><a href='#L131'>131</a>
197
+ <a name='L132'></a><a href='#L132'>132</a>
198
+ <a name='L133'></a><a href='#L133'>133</a>
199
+ <a name='L134'></a><a href='#L134'>134</a>
200
+ <a name='L135'></a><a href='#L135'>135</a>
201
+ <a name='L136'></a><a href='#L136'>136</a>
202
+ <a name='L137'></a><a href='#L137'>137</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
193
203
  <span class="cline-any cline-neutral">&nbsp;</span>
194
204
  <span class="cline-any cline-neutral">&nbsp;</span>
195
205
  <span class="cline-any cline-neutral">&nbsp;</span>
196
206
  <span class="cline-any cline-neutral">&nbsp;</span>
197
207
  <span class="cline-any cline-neutral">&nbsp;</span>
198
208
  <span class="cline-any cline-neutral">&nbsp;</span>
209
+ <span class="cline-any cline-yes">1x</span>
199
210
  <span class="cline-any cline-neutral">&nbsp;</span>
200
211
  <span class="cline-any cline-neutral">&nbsp;</span>
201
212
  <span class="cline-any cline-neutral">&nbsp;</span>
202
213
  <span class="cline-any cline-neutral">&nbsp;</span>
203
- <span class="cline-any cline-yes">1x</span>
204
214
  <span class="cline-any cline-neutral">&nbsp;</span>
205
215
  <span class="cline-any cline-neutral">&nbsp;</span>
206
216
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -211,35 +221,46 @@
211
221
  <span class="cline-any cline-neutral">&nbsp;</span>
212
222
  <span class="cline-any cline-neutral">&nbsp;</span>
213
223
  <span class="cline-any cline-neutral">&nbsp;</span>
224
+ <span class="cline-any cline-yes">14x</span>
225
+ <span class="cline-any cline-yes">5x</span>
214
226
  <span class="cline-any cline-neutral">&nbsp;</span>
227
+ <span class="cline-any cline-yes">9x</span>
228
+ <span class="cline-any cline-yes">9x</span>
229
+ <span class="cline-any cline-yes">9x</span>
230
+ <span class="cline-any cline-yes">9x</span>
231
+ <span class="cline-any cline-yes">9x</span>
215
232
  <span class="cline-any cline-neutral">&nbsp;</span>
233
+ <span class="cline-any cline-yes">9x</span>
216
234
  <span class="cline-any cline-neutral">&nbsp;</span>
217
235
  <span class="cline-any cline-neutral">&nbsp;</span>
218
236
  <span class="cline-any cline-neutral">&nbsp;</span>
237
+ <span class="cline-any cline-yes">9x</span>
238
+ <span class="cline-any cline-no">&nbsp;</span>
239
+ <span class="cline-any cline-no">&nbsp;</span>
240
+ <span class="cline-any cline-no">&nbsp;</span>
219
241
  <span class="cline-any cline-neutral">&nbsp;</span>
220
242
  <span class="cline-any cline-neutral">&nbsp;</span>
221
243
  <span class="cline-any cline-neutral">&nbsp;</span>
222
244
  <span class="cline-any cline-neutral">&nbsp;</span>
245
+ <span class="cline-any cline-yes">9x</span>
223
246
  <span class="cline-any cline-neutral">&nbsp;</span>
224
247
  <span class="cline-any cline-neutral">&nbsp;</span>
225
248
  <span class="cline-any cline-neutral">&nbsp;</span>
226
249
  <span class="cline-any cline-neutral">&nbsp;</span>
227
250
  <span class="cline-any cline-neutral">&nbsp;</span>
228
251
  <span class="cline-any cline-neutral">&nbsp;</span>
229
- <span class="cline-any cline-yes">8x</span>
230
252
  <span class="cline-any cline-neutral">&nbsp;</span>
231
253
  <span class="cline-any cline-neutral">&nbsp;</span>
232
254
  <span class="cline-any cline-neutral">&nbsp;</span>
255
+ <span class="cline-any cline-yes">9x</span>
233
256
  <span class="cline-any cline-neutral">&nbsp;</span>
234
257
  <span class="cline-any cline-neutral">&nbsp;</span>
235
- <span class="cline-any cline-yes">8x</span>
236
- <span class="cline-any cline-yes">8x</span>
237
- <span class="cline-any cline-yes">1x</span>
238
258
  <span class="cline-any cline-neutral">&nbsp;</span>
239
259
  <span class="cline-any cline-neutral">&nbsp;</span>
240
260
  <span class="cline-any cline-neutral">&nbsp;</span>
241
261
  <span class="cline-any cline-neutral">&nbsp;</span>
242
262
  <span class="cline-any cline-neutral">&nbsp;</span>
263
+ <span class="cline-any cline-yes">9x</span>
243
264
  <span class="cline-any cline-neutral">&nbsp;</span>
244
265
  <span class="cline-any cline-neutral">&nbsp;</span>
245
266
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -252,8 +273,8 @@
252
273
  <span class="cline-any cline-neutral">&nbsp;</span>
253
274
  <span class="cline-any cline-neutral">&nbsp;</span>
254
275
  <span class="cline-any cline-neutral">&nbsp;</span>
276
+ <span class="cline-any cline-yes">24x</span>
255
277
  <span class="cline-any cline-neutral">&nbsp;</span>
256
- <span class="cline-any cline-yes">7x</span>
257
278
  <span class="cline-any cline-neutral">&nbsp;</span>
258
279
  <span class="cline-any cline-neutral">&nbsp;</span>
259
280
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -266,13 +287,13 @@
266
287
  <span class="cline-any cline-neutral">&nbsp;</span>
267
288
  <span class="cline-any cline-neutral">&nbsp;</span>
268
289
  <span class="cline-any cline-neutral">&nbsp;</span>
290
+ <span class="cline-any cline-yes">9x</span>
269
291
  <span class="cline-any cline-neutral">&nbsp;</span>
270
292
  <span class="cline-any cline-neutral">&nbsp;</span>
271
293
  <span class="cline-any cline-neutral">&nbsp;</span>
272
294
  <span class="cline-any cline-neutral">&nbsp;</span>
273
295
  <span class="cline-any cline-neutral">&nbsp;</span>
274
296
  <span class="cline-any cline-neutral">&nbsp;</span>
275
- <span class="cline-any cline-yes">8x</span>
276
297
  <span class="cline-any cline-neutral">&nbsp;</span>
277
298
  <span class="cline-any cline-neutral">&nbsp;</span>
278
299
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -284,7 +305,6 @@
284
305
  <span class="cline-any cline-neutral">&nbsp;</span>
285
306
  <span class="cline-any cline-neutral">&nbsp;</span>
286
307
  <span class="cline-any cline-neutral">&nbsp;</span>
287
- <span class="cline-any cline-yes">1x</span>
288
308
  <span class="cline-any cline-neutral">&nbsp;</span>
289
309
  <span class="cline-any cline-neutral">&nbsp;</span>
290
310
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -300,6 +320,7 @@
300
320
  <span class="cline-any cline-neutral">&nbsp;</span>
301
321
  <span class="cline-any cline-neutral">&nbsp;</span>
302
322
  <span class="cline-any cline-neutral">&nbsp;</span>
323
+ <span class="cline-any cline-yes">1x</span>
303
324
  <span class="cline-any cline-neutral">&nbsp;</span>
304
325
  <span class="cline-any cline-neutral">&nbsp;</span>
305
326
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -307,140 +328,149 @@
307
328
  <span class="cline-any cline-neutral">&nbsp;</span>
308
329
  <span class="cline-any cline-neutral">&nbsp;</span>
309
330
  <span class="cline-any cline-neutral">&nbsp;</span>
310
- <span class="cline-any cline-yes">1x</span>
311
331
  <span class="cline-any cline-neutral">&nbsp;</span>
312
332
  <span class="cline-any cline-neutral">&nbsp;</span>
313
333
  <span class="cline-any cline-neutral">&nbsp;</span>
314
334
  <span class="cline-any cline-neutral">&nbsp;</span>
315
335
  <span class="cline-any cline-neutral">&nbsp;</span>
316
336
  <span class="cline-any cline-neutral">&nbsp;</span>
317
- <span class="cline-any cline-yes">1x</span>
318
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
337
+ <span class="cline-any cline-neutral">&nbsp;</span>
338
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useState } from 'react';
339
+ import { Button } from '../../atoms/Button/Button';
340
+ import { Message } from '../../atoms/Message/Message';
341
+ &nbsp;
319
342
  import PropTypes from 'prop-types';
320
- import classNames from 'classnames';
321
- import NumberFormat from 'react-number-format';
322
- import { Input } from './Input';
323
- import { TextInputMessage } from './TextInputMessage';
324
- import { TextInputLabel } from './TextInputLabel';
325
- import { TextInputTooltip } from './TextInputTooltip';
343
+ import './PricingCard.scss';
326
344
  &nbsp;
327
- import './textInput.scss';
345
+ export const PricingCard = ({
346
+ order,
347
+ subscriptionId,
348
+ onChangeRadio,
349
+ isChecked,
350
+ planName,
351
+ price,
352
+ currency,
353
+ underPricingText,
354
+ featuresList,
355
+ children,
356
+ disclaimer,
357
+ message,
358
+ cardButton,
359
+ }) =&gt; {
360
+ if (!planName || (onChangeRadio &amp;&amp; !subscriptionId) || (!featuresList?.length &amp;&amp; !children)) {
361
+ return null;
362
+ }
363
+ const isSelectableCard = !!onChangeRadio;
364
+ const selectableCardClass = isSelectableCard ? '--selectable' : '';
365
+ const selectedCardClass = isSelectableCard &amp;&amp; isChecked ? '--selected' : '';
366
+ const [cardState, setCardState] = useState({ expanded: false });
367
+ const expandedContentClass = cardState.expanded ? <span class="branch-0 cbranch-no" title="branch not covered" >'--expanded' </span>: '';
368
+ &nbsp;
369
+ const style = {
370
+ order: order ?? 0,
371
+ };
328
372
  &nbsp;
329
- export const TextInput = React.forwardRef(
330
- (
331
- {
332
- label,
333
- value,
334
- validate,
335
- isValidGroup,
336
- mask,
337
- format,
338
- name,
339
- placeholder,
340
- onChange,
341
- onClick,
342
- onBlur,
343
- disabled,
344
- type,
345
- maxLength,
346
- errorMessage,
347
- notes,
348
- dialogMenuTip,
349
- tooltip,
350
- givenClass,
351
- children,
352
- },
353
- ref
354
- ) =&gt; {
355
- const classnames = classNames('e-text', {
356
- [givenClass]: givenClass,
357
- 'e-text--is-invalid': !validate,
358
- 'e-text--group-invalid': !isValidGroup,
373
+ const toggleCardContent = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
374
+ <span class="cstat-no" title="statement not covered" > setCardState(<span class="fstat-no" title="function not covered" >(p</span>revState) =&gt; {</span>
375
+ <span class="cstat-no" title="statement not covered" > prevState = { expanded: !prevState.expanded };</span>
376
+ <span class="cstat-no" title="statement not covered" > return { ...prevState };</span>
359
377
  });
378
+ };
360
379
  &nbsp;
361
- const renderInput = () =&gt; {
362
- if (format) {
363
- return (
364
- &lt;NumberFormat
365
- name={name}
366
- id={name}
367
- placeholder={placeholder}
368
- className='e-text-input'
369
- mask={mask}
370
- format={format}
371
- onChange={onChange}
372
- onClick={onClick}
373
- maskChar={null}
374
- value={value}
375
- data-qa={name}
376
- disabled={disabled}
377
- maxLength={maxLength}
378
- onBlur={onBlur}
379
- /&gt;
380
- );
381
- }
382
- return (
383
- &lt;Input
384
- name={name}
385
- id={name}
386
- type={type}
387
- placeholder={placeholder}
388
- className='e-text-input'
389
- onChange={onChange}
390
- onClick={onClick}
391
- value={value}
392
- data-qa={name}
393
- disabled={disabled}
394
- maxLength={maxLength}
395
- onBlur={onBlur}
396
- ref={ref}
397
- /&gt;
398
- );
399
- };
380
+ const renderMoreMobileButton = (
381
+ &lt;Button
382
+ givenClass='see-more-button'
383
+ tertiary
384
+ label={cardState.expanded ? <span class="branch-0 cbranch-no" title="branch not covered" >'See less' </span>: 'See more'}
385
+ noLink
386
+ onClick={toggleCardContent}
387
+ /&gt;
388
+ );
400
389
  &nbsp;
401
- return (
402
- &lt;div className={classnames}&gt;
403
- {children &amp;&amp; &lt;div className='e-text__children'&gt;{children}&lt;/div&gt;}
404
- &lt;TextInputTooltip tooltip={tooltip} /&gt;
405
- &lt;TextInputMessage errorMessage={errorMessage} validate={validate} /&gt;
406
- {renderInput()}
407
- &lt;TextInputLabel label={label} htmlFor={name} notes={notes} dialogMenuTip={dialogMenuTip} /&gt;
408
- &lt;/div&gt;
409
- );
410
- }
411
- );
390
+ const renderHeaderContent = (
391
+ &lt;div className='pricing-card__header'&gt;
392
+ &lt;h5 className={`sans-serif --big pricing-card__header__text`}&gt;
393
+ &lt;strong&gt;{planName}&lt;/strong&gt;
394
+ &lt;/h5&gt;
395
+ &lt;/div&gt;
396
+ );
412
397
  &nbsp;
413
- TextInput.propTypes = {
414
- label: PropTypes.string,
415
- name: PropTypes.string,
416
- placeholder: PropTypes.string,
417
- errorMessage: PropTypes.string,
418
- givenClass: PropTypes.string,
419
- tooltip: PropTypes.string,
420
- dialogMenuTip: PropTypes.string,
421
- mask: PropTypes.string,
422
- format: PropTypes.string,
423
- notes: PropTypes.string,
424
- maxLength: PropTypes.any,
425
- value: PropTypes.any,
426
- type: PropTypes.oneOf(['password', 'text']),
427
- validate: PropTypes.bool,
428
- isValidGroup: PropTypes.bool,
429
- disabled: PropTypes.bool,
430
- onChange: PropTypes.func,
431
- onClick: PropTypes.func,
432
- onBlur: PropTypes.func,
433
- children: PropTypes.node,
434
- };
398
+ const renderBodyContent = (
399
+ &lt;div className='pricing-card__body'&gt;
400
+ {price &amp;&amp; (
401
+ &lt;div className={`sans-serif pricing-card__body__price`}&gt;
402
+ &lt;strong&gt;{price}&lt;/strong&gt;
403
+ &lt;span&gt;{currency}&lt;/span&gt;
404
+ {underPricingText &amp;&amp; &lt;div className={`pricing-card__body__text`}&gt;{underPricingText}&lt;/div&gt;}
405
+ &lt;/div&gt;
406
+ )}
407
+ {featuresList?.length &amp;&amp; (
408
+ &lt;div className={`pricing-card__body__features-list ${expandedContentClass}`}&gt;
409
+ &lt;hr /&gt;
410
+ &lt;ul&gt;
411
+ {featuresList.map((feature, index) =&gt; (
412
+ &lt;li key={'feature-item-' + index} className='pricing-card__body__features-list__item'&gt;
413
+ {feature}
414
+ &lt;/li&gt;
415
+ ))}
416
+ &lt;/ul&gt;
417
+ &lt;/div&gt;
418
+ )}
419
+ {children}
420
+ {isSelectableCard &amp;&amp; renderMoreMobileButton}
421
+ {cardButton}
422
+ {message &amp;&amp; &lt;Message {...message} /&gt;}
423
+ &lt;/div&gt;
424
+ );
435
425
  &nbsp;
436
- TextInput.defaultProps = {
437
- type: 'text',
438
- isValidGroup: true,
439
- validate: true,
440
- mask: ' ',
426
+ return (
427
+ &lt;li style={style} className={`pricing-card grid__column ${selectableCardClass} ${selectedCardClass}`}&gt;
428
+ &lt;div className={`pricing-card__wrapper`}&gt;
429
+ {isSelectableCard ? (
430
+ &lt;label className='pricing-card__radio-label'&gt;
431
+ &lt;input
432
+ className='radio-input'
433
+ type='radio'
434
+ value={subscriptionId}
435
+ onChange={onChangeRadio}
436
+ name='pricing'
437
+ checked={isChecked}
438
+ /&gt;
439
+ &lt;span className='radiobtn' data-qa={planName}&gt;&lt;/span&gt;
440
+ {renderHeaderContent}
441
+ {renderBodyContent}
442
+ &lt;/label&gt;
443
+ ) : (
444
+ &lt;&gt;
445
+ {renderHeaderContent}
446
+ {renderBodyContent}
447
+ &lt;/&gt;
448
+ )}
449
+ &lt;/div&gt;
450
+ {disclaimer &amp;&amp; (
451
+ &lt;div className='pricing-card__disclaimer'&gt;
452
+ &lt;small&gt;{disclaimer}&lt;/small&gt;
453
+ &lt;/div&gt;
454
+ )}
455
+ &lt;/li&gt;
456
+ );
441
457
  };
442
458
  &nbsp;
443
- TextInput.displayName = 'TextInput';
459
+ PricingCard.propTypes = {
460
+ order: PropTypes.number,
461
+ subscriptionId: PropTypes.string,
462
+ onChangeRadio: PropTypes.func,
463
+ isChecked: PropTypes.bool,
464
+ planName: PropTypes.string,
465
+ price: PropTypes.string,
466
+ currency: PropTypes.string,
467
+ underPricingText: PropTypes.string,
468
+ featuresList: PropTypes.array,
469
+ children: PropTypes.node,
470
+ disclaimer: PropTypes.string,
471
+ message: PropTypes.object,
472
+ cardButton: PropTypes.object,
473
+ };
444
474
  &nbsp;</pre></td></tr></table></pre>
445
475
 
446
476
  <div class='push'></div><!-- for sticky footer -->
@@ -448,16 +478,16 @@ TextInput.displayName = 'TextInput';
448
478
  <div class='footer quiet pad2 space-top1 center small'>
449
479
  Code coverage generated by
450
480
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
451
- at Tue May 24 2022 10:10:21 GMT+0200 (GMT+02:00)
481
+ at Mon May 09 2022 17:07:58 GMT+0200 (GMT+02:00)
452
482
  </div>
453
- <script src="../../../../prettify.js"></script>
483
+ <script src="../../prettify.js"></script>
454
484
  <script>
455
485
  window.onload = function () {
456
486
  prettyPrint();
457
487
  };
458
488
  </script>
459
- <script src="../../../../sorter.js"></script>
460
- <script src="../../../../block-navigation.js"></script>
489
+ <script src="../../sorter.js"></script>
490
+ <script src="../../block-navigation.js"></script>
461
491
  </body>
462
492
  </html>
463
493
 
@@ -0,0 +1,116 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for molecules/PricingCard</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> molecules/PricingCard</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">84.21% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>16/19</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">93.93% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>31/33</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">50% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>2/4</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">84.21% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>16/19</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="PricingCard.js"><a href="PricingCard.js.html">PricingCard.js</a></td>
83
+ <td data-value="84.21" class="pic high">
84
+ <div class="chart"><div class="cover-fill" style="width: 84%"></div><div class="cover-empty" style="width: 16%"></div></div>
85
+ </td>
86
+ <td data-value="84.21" class="pct high">84.21%</td>
87
+ <td data-value="19" class="abs high">16/19</td>
88
+ <td data-value="93.93" class="pct high">93.93%</td>
89
+ <td data-value="33" class="abs high">31/33</td>
90
+ <td data-value="50" class="pct medium">50%</td>
91
+ <td data-value="4" class="abs medium">2/4</td>
92
+ <td data-value="84.21" class="pct high">84.21%</td>
93
+ <td data-value="19" class="abs high">16/19</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 Mon May 09 2022 17:07:58 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
+
File without changes
File without changes
File without changes
File without changes
@@ -214,7 +214,7 @@ AddButton.propTypes = {
214
214
  <div class='footer quiet pad2 space-top1 center small'>
215
215
  Code coverage generated by
216
216
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
217
- at Tue May 24 2022 10:10:21 GMT+0200 (GMT+02:00)
217
+ at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
218
218
  </div>
219
219
  <script src="../../../../prettify.js"></script>
220
220
  <script>
@@ -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 Tue May 24 2022 10:10:21 GMT+0200 (GMT+02:00)
104
+ at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
105
105
  </div>
106
106
  <script src="../../../../prettify.js"></script>
107
107
  <script>
@@ -160,7 +160,7 @@ BaseBox.defaultProps = {
160
160
  <div class='footer quiet pad2 space-top1 center small'>
161
161
  Code coverage generated by
162
162
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
163
- at Tue May 24 2022 10:10:21 GMT+0200 (GMT+02:00)
163
+ at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
164
164
  </div>
165
165
  <script src="../../../../prettify.js"></script>
166
166
  <script>
@@ -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 Tue May 24 2022 10:10:21 GMT+0200 (GMT+02:00)
104
+ at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
105
105
  </div>
106
106
  <script src="../../../../prettify.js"></script>
107
107
  <script>