@npm_leadtech/legal-lib-components 1.22.2 → 1.22.3
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.
- package/build/index.js +1 -1
- package/coverage/clover.xml +32 -860
- package/coverage/coverage-final.json +3 -65
- package/coverage/lcov-report/{src/components/molecules/TextInput/TextInputTooltip.js.html → TopBar.js.html} +63 -21
- package/coverage/lcov-report/atoms/Button/Button.js.html +559 -0
- package/coverage/lcov-report/atoms/Button/index.html +116 -0
- package/coverage/lcov-report/atoms/Message/Message.js.html +145 -0
- package/coverage/lcov-report/atoms/Message/index.html +116 -0
- package/coverage/lcov-report/base.css +0 -0
- package/coverage/lcov-report/block-navigation.js +0 -0
- package/coverage/lcov-report/favicon.png +0 -0
- package/coverage/lcov-report/images/componentsSvg/ArrowRight.js.html +2 -2
- package/coverage/lcov-report/images/componentsSvg/Done24px.js.html +1 -1
- package/coverage/lcov-report/images/componentsSvg/Edit24p.js.html +1 -1
- package/coverage/lcov-report/images/componentsSvg/EditText24px.js.html +1 -1
- package/coverage/lcov-report/images/componentsSvg/EmploymentIcon.js.html +1 -1
- package/coverage/lcov-report/images/componentsSvg/InfoError24pxOutlined.js.html +1 -1
- package/coverage/lcov-report/images/componentsSvg/LogoutSvg.js.html +1 -1
- package/coverage/lcov-report/images/componentsSvg/MenuCollapse24p.js.html +1 -1
- package/coverage/lcov-report/images/componentsSvg/NewRelease24p.js.html +1 -1
- package/coverage/lcov-report/images/componentsSvg/Time24px.js.html +1 -1
- package/coverage/lcov-report/images/componentsSvg/index.html +1 -1
- package/coverage/lcov-report/index.html +28 -688
- package/coverage/lcov-report/{src/components/molecules/TextInput/TextInput.js.html → molecules/PricingCard/PricingCard.js.html} +175 -145
- package/coverage/lcov-report/molecules/PricingCard/index.html +116 -0
- package/coverage/lcov-report/prettify.css +0 -0
- package/coverage/lcov-report/prettify.js +0 -0
- package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
- package/coverage/lcov-report/sorter.js +0 -0
- package/coverage/lcov-report/src/components/atoms/AddButton/AddButton.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/AddButton/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/BaseBox/BaseBox.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/BaseBox/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/BillCard/BillCard.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/BillCard/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/Button/Button.js.html +8 -8
- package/coverage/lcov-report/src/components/atoms/Button/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/CardPane/CardPane.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/CardPane/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/Checkbox/Checkbox.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/Checkbox/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/DatePickerCustom/DatePickerCustom.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/DatePickerCustom/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/Disclaimer/Disclaimer.js.html +19 -73
- package/coverage/lcov-report/src/components/atoms/Disclaimer/index.html +5 -5
- package/coverage/lcov-report/src/components/atoms/Divider/Divider.js.html +8 -20
- package/coverage/lcov-report/src/components/atoms/Divider/index.html +3 -3
- package/coverage/lcov-report/src/components/{molecules/TextInput/TextInputLabel.js.html → atoms/DocumentListMenuSection/DocumentListMenuSection.js.html} +27 -54
- package/coverage/lcov-report/src/components/atoms/{ButtonIcon → DocumentListMenuSection}/index.html +18 -18
- package/coverage/lcov-report/src/components/atoms/DocumentStatus/DocumentStatus.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/DocumentStatus/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/FormFaq/FormFaq.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/FormFaq/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/GoogleButton/GoogleButton.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/GoogleButton/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/IconImage/IconImage.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/IconImage/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/InfoBox/InfoBox.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/InfoBox/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/LogoText/LogoText.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/LogoText/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/MenuItems/MenuItems.js.html +2 -5
- package/coverage/lcov-report/src/components/atoms/MenuItems/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/MenuItems/index.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/Message/Message.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/Message/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/PaypalButton/PaypalButton.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/PaypalButton/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/ProgressBar/ProgressBar.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/ProgressBar/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/Radio/Radio.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/Radio/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/RemoveButton/RemoveButton.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/RemoveButton/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/RichTextInner/RichTextInner.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/RichTextInner/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/SearchSelect/SearchSelect.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/SearchSelect/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/SidemenuTab/SidemenuTab.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/SidemenuTab/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/Spinner/Spinner.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/Spinner/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/TestAB/TestAB.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/TestAB/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/TextArea/TextArea.js.html +49 -7
- package/coverage/lcov-report/src/components/atoms/TextArea/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/Toggle/Toggle.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/Toggle/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/Tooltip/Tooltip.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/Tooltip/index.html +1 -1
- package/coverage/lcov-report/src/components/atoms/TopBar/TopBar.js.html +1 -1
- package/coverage/lcov-report/src/components/atoms/TopBar/index.html +1 -1
- package/coverage/lcov-report/src/components/molecules/BaseBoxList/BaseBoxList.js.html +1 -1
- package/coverage/lcov-report/src/components/molecules/BaseBoxList/index.html +1 -1
- package/coverage/lcov-report/src/components/molecules/BottomFixedBar/BottomFixedBar.js.html +1 -1
- package/coverage/lcov-report/src/components/molecules/BottomFixedBar/index.html +1 -1
- package/coverage/lcov-report/src/components/molecules/BottomOverlay/BottomOverlay.js.html +1 -1
- package/coverage/lcov-report/src/components/molecules/BottomOverlay/index.html +1 -1
- package/coverage/lcov-report/src/components/molecules/BoxForm/BoxForm.js.html +19 -28
- package/coverage/lcov-report/src/components/molecules/BoxForm/index.html +5 -5
- package/coverage/lcov-report/src/components/molecules/ContactBox/ContactBox.js.html +1 -1
- package/coverage/lcov-report/src/components/molecules/ContactBox/index.html +1 -1
- package/coverage/lcov-report/src/components/molecules/Feedback/Feedback.js.html +1 -1
- package/coverage/lcov-report/src/components/molecules/Feedback/index.html +1 -1
- package/coverage/lcov-report/src/components/molecules/{TextInput/TextInputMessage.js.html → FormFaq/FormFaq.js.html} +27 -30
- package/coverage/lcov-report/src/components/{atoms/DialogMenuIcon → molecules/FormFaq}/index.html +23 -23
- package/coverage/lcov-report/src/components/molecules/MenuItemsSection/MenuItemsSection.js.html +1 -1
- package/coverage/lcov-report/src/components/molecules/MenuItemsSection/index.html +1 -1
- package/coverage/lcov-report/src/components/molecules/Pagination/PageStepControl.js.html +17 -32
- package/coverage/lcov-report/src/components/molecules/Pagination/PageSteps.js.html +19 -16
- package/coverage/lcov-report/src/components/molecules/Pagination/Pagination.js.html +17 -17
- package/coverage/lcov-report/src/components/molecules/Pagination/index.html +26 -26
- package/coverage/lcov-report/src/components/molecules/Pagination/pagination.config.js.html +1 -1
- package/coverage/lcov-report/src/components/molecules/PricingCard/PricingCard.js.html +29 -38
- package/coverage/lcov-report/src/components/molecules/PricingCard/index.html +5 -5
- package/coverage/lcov-report/src/components/molecules/Snackbar/Snackbar.js.html +1 -1
- package/coverage/lcov-report/src/components/molecules/Snackbar/index.html +1 -1
- package/coverage/lcov-report/src/components/molecules/TooltipMenu/TooltipMenu.js.html +1 -1
- package/coverage/lcov-report/src/components/molecules/TooltipMenu/index.html +1 -1
- package/coverage/lcov-report/src/components/organisms/MobileBottomBar/MobileBottomBar.js.html +1 -1
- package/coverage/lcov-report/src/components/organisms/MobileBottomBar/index.html +1 -1
- package/coverage/lcov-report/src/utils/envVariables.js.html +1 -1
- package/coverage/lcov-report/src/utils/index.html +1 -1
- package/coverage/lcov-report/src/utils/stringSlugify.js.html +1 -1
- package/coverage/lcov.info +54 -1775
- package/package.json +1 -1
- package/coverage/lcov-report/src/components/atoms/ButtonIcon/ButtonIcon.js.html +0 -301
- package/coverage/lcov-report/src/components/atoms/DialogMenuIcon/DialogMenuIcon.js.html +0 -286
- package/coverage/lcov-report/src/components/molecules/TextInput/Input.js.html +0 -259
- 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
|
|
6
|
+
<title>Code coverage report for molecules/PricingCard/PricingCard.js</title>
|
|
7
7
|
<meta charset="utf-8" />
|
|
8
|
-
<link rel="stylesheet" href="
|
|
9
|
-
<link rel="stylesheet" href="
|
|
10
|
-
<link rel="shortcut icon" type="image/x-icon" href="
|
|
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(
|
|
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="
|
|
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">
|
|
26
|
+
<span class="strong">84.21% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
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">
|
|
33
|
+
<span class="strong">93.93% </span>
|
|
34
34
|
<span class="quiet">Branches</span>
|
|
35
|
-
<span class='fraction'>
|
|
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">
|
|
40
|
+
<span class="strong">50% </span>
|
|
41
41
|
<span class="quiet">Functions</span>
|
|
42
|
-
<span class='fraction'>2/
|
|
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">
|
|
47
|
+
<span class="strong">84.21% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
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
|
|
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"> </span>
|
|
193
203
|
<span class="cline-any cline-neutral"> </span>
|
|
194
204
|
<span class="cline-any cline-neutral"> </span>
|
|
195
205
|
<span class="cline-any cline-neutral"> </span>
|
|
196
206
|
<span class="cline-any cline-neutral"> </span>
|
|
197
207
|
<span class="cline-any cline-neutral"> </span>
|
|
198
208
|
<span class="cline-any cline-neutral"> </span>
|
|
209
|
+
<span class="cline-any cline-yes">1x</span>
|
|
199
210
|
<span class="cline-any cline-neutral"> </span>
|
|
200
211
|
<span class="cline-any cline-neutral"> </span>
|
|
201
212
|
<span class="cline-any cline-neutral"> </span>
|
|
202
213
|
<span class="cline-any cline-neutral"> </span>
|
|
203
|
-
<span class="cline-any cline-yes">1x</span>
|
|
204
214
|
<span class="cline-any cline-neutral"> </span>
|
|
205
215
|
<span class="cline-any cline-neutral"> </span>
|
|
206
216
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -211,35 +221,46 @@
|
|
|
211
221
|
<span class="cline-any cline-neutral"> </span>
|
|
212
222
|
<span class="cline-any cline-neutral"> </span>
|
|
213
223
|
<span class="cline-any cline-neutral"> </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"> </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"> </span>
|
|
233
|
+
<span class="cline-any cline-yes">9x</span>
|
|
216
234
|
<span class="cline-any cline-neutral"> </span>
|
|
217
235
|
<span class="cline-any cline-neutral"> </span>
|
|
218
236
|
<span class="cline-any cline-neutral"> </span>
|
|
237
|
+
<span class="cline-any cline-yes">9x</span>
|
|
238
|
+
<span class="cline-any cline-no"> </span>
|
|
239
|
+
<span class="cline-any cline-no"> </span>
|
|
240
|
+
<span class="cline-any cline-no"> </span>
|
|
219
241
|
<span class="cline-any cline-neutral"> </span>
|
|
220
242
|
<span class="cline-any cline-neutral"> </span>
|
|
221
243
|
<span class="cline-any cline-neutral"> </span>
|
|
222
244
|
<span class="cline-any cline-neutral"> </span>
|
|
245
|
+
<span class="cline-any cline-yes">9x</span>
|
|
223
246
|
<span class="cline-any cline-neutral"> </span>
|
|
224
247
|
<span class="cline-any cline-neutral"> </span>
|
|
225
248
|
<span class="cline-any cline-neutral"> </span>
|
|
226
249
|
<span class="cline-any cline-neutral"> </span>
|
|
227
250
|
<span class="cline-any cline-neutral"> </span>
|
|
228
251
|
<span class="cline-any cline-neutral"> </span>
|
|
229
|
-
<span class="cline-any cline-yes">8x</span>
|
|
230
252
|
<span class="cline-any cline-neutral"> </span>
|
|
231
253
|
<span class="cline-any cline-neutral"> </span>
|
|
232
254
|
<span class="cline-any cline-neutral"> </span>
|
|
255
|
+
<span class="cline-any cline-yes">9x</span>
|
|
233
256
|
<span class="cline-any cline-neutral"> </span>
|
|
234
257
|
<span class="cline-any cline-neutral"> </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"> </span>
|
|
239
259
|
<span class="cline-any cline-neutral"> </span>
|
|
240
260
|
<span class="cline-any cline-neutral"> </span>
|
|
241
261
|
<span class="cline-any cline-neutral"> </span>
|
|
242
262
|
<span class="cline-any cline-neutral"> </span>
|
|
263
|
+
<span class="cline-any cline-yes">9x</span>
|
|
243
264
|
<span class="cline-any cline-neutral"> </span>
|
|
244
265
|
<span class="cline-any cline-neutral"> </span>
|
|
245
266
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -252,8 +273,8 @@
|
|
|
252
273
|
<span class="cline-any cline-neutral"> </span>
|
|
253
274
|
<span class="cline-any cline-neutral"> </span>
|
|
254
275
|
<span class="cline-any cline-neutral"> </span>
|
|
276
|
+
<span class="cline-any cline-yes">24x</span>
|
|
255
277
|
<span class="cline-any cline-neutral"> </span>
|
|
256
|
-
<span class="cline-any cline-yes">7x</span>
|
|
257
278
|
<span class="cline-any cline-neutral"> </span>
|
|
258
279
|
<span class="cline-any cline-neutral"> </span>
|
|
259
280
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -266,13 +287,13 @@
|
|
|
266
287
|
<span class="cline-any cline-neutral"> </span>
|
|
267
288
|
<span class="cline-any cline-neutral"> </span>
|
|
268
289
|
<span class="cline-any cline-neutral"> </span>
|
|
290
|
+
<span class="cline-any cline-yes">9x</span>
|
|
269
291
|
<span class="cline-any cline-neutral"> </span>
|
|
270
292
|
<span class="cline-any cline-neutral"> </span>
|
|
271
293
|
<span class="cline-any cline-neutral"> </span>
|
|
272
294
|
<span class="cline-any cline-neutral"> </span>
|
|
273
295
|
<span class="cline-any cline-neutral"> </span>
|
|
274
296
|
<span class="cline-any cline-neutral"> </span>
|
|
275
|
-
<span class="cline-any cline-yes">8x</span>
|
|
276
297
|
<span class="cline-any cline-neutral"> </span>
|
|
277
298
|
<span class="cline-any cline-neutral"> </span>
|
|
278
299
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -284,7 +305,6 @@
|
|
|
284
305
|
<span class="cline-any cline-neutral"> </span>
|
|
285
306
|
<span class="cline-any cline-neutral"> </span>
|
|
286
307
|
<span class="cline-any cline-neutral"> </span>
|
|
287
|
-
<span class="cline-any cline-yes">1x</span>
|
|
288
308
|
<span class="cline-any cline-neutral"> </span>
|
|
289
309
|
<span class="cline-any cline-neutral"> </span>
|
|
290
310
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -300,6 +320,7 @@
|
|
|
300
320
|
<span class="cline-any cline-neutral"> </span>
|
|
301
321
|
<span class="cline-any cline-neutral"> </span>
|
|
302
322
|
<span class="cline-any cline-neutral"> </span>
|
|
323
|
+
<span class="cline-any cline-yes">1x</span>
|
|
303
324
|
<span class="cline-any cline-neutral"> </span>
|
|
304
325
|
<span class="cline-any cline-neutral"> </span>
|
|
305
326
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -307,140 +328,149 @@
|
|
|
307
328
|
<span class="cline-any cline-neutral"> </span>
|
|
308
329
|
<span class="cline-any cline-neutral"> </span>
|
|
309
330
|
<span class="cline-any cline-neutral"> </span>
|
|
310
|
-
<span class="cline-any cline-yes">1x</span>
|
|
311
331
|
<span class="cline-any cline-neutral"> </span>
|
|
312
332
|
<span class="cline-any cline-neutral"> </span>
|
|
313
333
|
<span class="cline-any cline-neutral"> </span>
|
|
314
334
|
<span class="cline-any cline-neutral"> </span>
|
|
315
335
|
<span class="cline-any cline-neutral"> </span>
|
|
316
336
|
<span class="cline-any cline-neutral"> </span>
|
|
317
|
-
<span class="cline-any cline-
|
|
318
|
-
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
|
|
337
|
+
<span class="cline-any cline-neutral"> </span>
|
|
338
|
+
<span class="cline-any cline-neutral"> </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
|
+
|
|
319
342
|
import PropTypes from 'prop-types';
|
|
320
|
-
import
|
|
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
|
|
|
327
|
-
|
|
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
|
+
}) => {
|
|
360
|
+
if (!planName || (onChangeRadio && !subscriptionId) || (!featuresList?.length && !children)) {
|
|
361
|
+
return null;
|
|
362
|
+
}
|
|
363
|
+
const isSelectableCard = !!onChangeRadio;
|
|
364
|
+
const selectableCardClass = isSelectableCard ? '--selectable' : '';
|
|
365
|
+
const selectedCardClass = isSelectableCard && 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
|
+
|
|
369
|
+
const style = {
|
|
370
|
+
order: order ?? 0,
|
|
371
|
+
};
|
|
328
372
|
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
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
|
-
) => {
|
|
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> => {
|
|
374
|
+
<span class="cstat-no" title="statement not covered" > setCardState(<span class="fstat-no" title="function not covered" >(p</span>revState) => {</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
|
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
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
|
-
/>
|
|
380
|
-
);
|
|
381
|
-
}
|
|
382
|
-
return (
|
|
383
|
-
<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
|
-
/>
|
|
398
|
-
);
|
|
399
|
-
};
|
|
380
|
+
const renderMoreMobileButton = (
|
|
381
|
+
<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
|
+
/>
|
|
388
|
+
);
|
|
400
389
|
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
<
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
</div>
|
|
409
|
-
);
|
|
410
|
-
}
|
|
411
|
-
);
|
|
390
|
+
const renderHeaderContent = (
|
|
391
|
+
<div className='pricing-card__header'>
|
|
392
|
+
<h5 className={`sans-serif --big pricing-card__header__text`}>
|
|
393
|
+
<strong>{planName}</strong>
|
|
394
|
+
</h5>
|
|
395
|
+
</div>
|
|
396
|
+
);
|
|
412
397
|
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
}
|
|
398
|
+
const renderBodyContent = (
|
|
399
|
+
<div className='pricing-card__body'>
|
|
400
|
+
{price && (
|
|
401
|
+
<div className={`sans-serif pricing-card__body__price`}>
|
|
402
|
+
<strong>{price}</strong>
|
|
403
|
+
<span>{currency}</span>
|
|
404
|
+
{underPricingText && <div className={`pricing-card__body__text`}>{underPricingText}</div>}
|
|
405
|
+
</div>
|
|
406
|
+
)}
|
|
407
|
+
{featuresList?.length && (
|
|
408
|
+
<div className={`pricing-card__body__features-list ${expandedContentClass}`}>
|
|
409
|
+
<hr />
|
|
410
|
+
<ul>
|
|
411
|
+
{featuresList.map((feature, index) => (
|
|
412
|
+
<li key={'feature-item-' + index} className='pricing-card__body__features-list__item'>
|
|
413
|
+
{feature}
|
|
414
|
+
</li>
|
|
415
|
+
))}
|
|
416
|
+
</ul>
|
|
417
|
+
</div>
|
|
418
|
+
)}
|
|
419
|
+
{children}
|
|
420
|
+
{isSelectableCard && renderMoreMobileButton}
|
|
421
|
+
{cardButton}
|
|
422
|
+
{message && <Message {...message} />}
|
|
423
|
+
</div>
|
|
424
|
+
);
|
|
435
425
|
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
426
|
+
return (
|
|
427
|
+
<li style={style} className={`pricing-card grid__column ${selectableCardClass} ${selectedCardClass}`}>
|
|
428
|
+
<div className={`pricing-card__wrapper`}>
|
|
429
|
+
{isSelectableCard ? (
|
|
430
|
+
<label className='pricing-card__radio-label'>
|
|
431
|
+
<input
|
|
432
|
+
className='radio-input'
|
|
433
|
+
type='radio'
|
|
434
|
+
value={subscriptionId}
|
|
435
|
+
onChange={onChangeRadio}
|
|
436
|
+
name='pricing'
|
|
437
|
+
checked={isChecked}
|
|
438
|
+
/>
|
|
439
|
+
<span className='radiobtn' data-qa={planName}></span>
|
|
440
|
+
{renderHeaderContent}
|
|
441
|
+
{renderBodyContent}
|
|
442
|
+
</label>
|
|
443
|
+
) : (
|
|
444
|
+
<>
|
|
445
|
+
{renderHeaderContent}
|
|
446
|
+
{renderBodyContent}
|
|
447
|
+
</>
|
|
448
|
+
)}
|
|
449
|
+
</div>
|
|
450
|
+
{disclaimer && (
|
|
451
|
+
<div className='pricing-card__disclaimer'>
|
|
452
|
+
<small>{disclaimer}</small>
|
|
453
|
+
</div>
|
|
454
|
+
)}
|
|
455
|
+
</li>
|
|
456
|
+
);
|
|
441
457
|
};
|
|
442
458
|
|
|
443
|
-
|
|
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
|
</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
|
|
481
|
+
at Mon May 09 2022 17:07:58 GMT+0200 (GMT+02:00)
|
|
452
482
|
</div>
|
|
453
|
-
<script src="
|
|
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="
|
|
460
|
-
<script src="
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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>
|