@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
package/coverage/lcov-report/src/components/{atoms/DialogMenuIcon → molecules/FormFaq}/index.html
RENAMED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<html lang="en">
|
|
4
4
|
|
|
5
5
|
<head>
|
|
6
|
-
<title>Code coverage report for src/components/
|
|
6
|
+
<title>Code coverage report for src/components/molecules/FormFaq</title>
|
|
7
7
|
<meta charset="utf-8" />
|
|
8
8
|
<link rel="stylesheet" href="../../../../prettify.css" />
|
|
9
9
|
<link rel="stylesheet" href="../../../../base.css" />
|
|
@@ -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> src/components/
|
|
22
|
+
<h1><a href="../../../../index.html">All files</a> src/components/molecules/FormFaq</h1>
|
|
23
23
|
<div class='clearfix'>
|
|
24
24
|
|
|
25
25
|
<div class='fl pad1y space-right2'>
|
|
26
|
-
<span class="strong">
|
|
26
|
+
<span class="strong">100% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
28
|
+
<span class='fraction'>5/5</span>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
<div class='fl pad1y space-right2'>
|
|
33
|
-
<span class="strong">
|
|
33
|
+
<span class="strong">100% </span>
|
|
34
34
|
<span class="quiet">Branches</span>
|
|
35
|
-
<span class='fraction'>
|
|
35
|
+
<span class='fraction'>4/4</span>
|
|
36
36
|
</div>
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
<div class='fl pad1y space-right2'>
|
|
40
|
-
<span class="strong">
|
|
40
|
+
<span class="strong">100% </span>
|
|
41
41
|
<span class="quiet">Functions</span>
|
|
42
|
-
<span class='fraction'>
|
|
42
|
+
<span class='fraction'>1/1</span>
|
|
43
43
|
</div>
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
|
-
<span class="strong">
|
|
47
|
+
<span class="strong">100% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
49
|
+
<span class='fraction'>5/5</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
</div>
|
|
62
62
|
</template>
|
|
63
63
|
</div>
|
|
64
|
-
<div class='status-line
|
|
64
|
+
<div class='status-line high'></div>
|
|
65
65
|
<div class="pad1">
|
|
66
66
|
<table class="coverage-summary">
|
|
67
67
|
<thead>
|
|
@@ -79,18 +79,18 @@
|
|
|
79
79
|
</tr>
|
|
80
80
|
</thead>
|
|
81
81
|
<tbody><tr>
|
|
82
|
-
<td class="file
|
|
83
|
-
<td data-value="
|
|
84
|
-
<div class="chart"><div class="cover-fill" style="width:
|
|
82
|
+
<td class="file high" data-value="FormFaq.js"><a href="FormFaq.js.html">FormFaq.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
85
|
</td>
|
|
86
|
-
<td data-value="
|
|
87
|
-
<td data-value="
|
|
88
|
-
<td data-value="
|
|
89
|
-
<td data-value="
|
|
90
|
-
<td data-value="
|
|
91
|
-
<td data-value="
|
|
92
|
-
<td data-value="
|
|
93
|
-
<td data-value="
|
|
86
|
+
<td data-value="100" class="pct high">100%</td>
|
|
87
|
+
<td data-value="5" class="abs high">5/5</td>
|
|
88
|
+
<td data-value="100" class="pct high">100%</td>
|
|
89
|
+
<td data-value="4" class="abs high">4/4</td>
|
|
90
|
+
<td data-value="100" class="pct high">100%</td>
|
|
91
|
+
<td data-value="1" class="abs high">1/1</td>
|
|
92
|
+
<td data-value="100" class="pct high">100%</td>
|
|
93
|
+
<td data-value="5" class="abs high">5/5</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
|
|
104
|
+
at Mon Mar 21 2022 13:51:33 GMT+0100 (GMT+01:00)
|
|
105
105
|
</div>
|
|
106
106
|
<script src="../../../../prettify.js"></script>
|
|
107
107
|
<script>
|
package/coverage/lcov-report/src/components/molecules/MenuItemsSection/MenuItemsSection.js.html
CHANGED
|
@@ -154,7 +154,7 @@ MenuItemsSection.propTypes = {
|
|
|
154
154
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
155
155
|
Code coverage generated by
|
|
156
156
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
|
|
157
|
-
at
|
|
157
|
+
at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
|
|
158
158
|
</div>
|
|
159
159
|
<script src="../../../../prettify.js"></script>
|
|
160
160
|
<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>
|
|
@@ -25,14 +25,14 @@
|
|
|
25
25
|
<div class='fl pad1y space-right2'>
|
|
26
26
|
<span class="strong">100% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
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">
|
|
33
|
+
<span class="strong">100% </span>
|
|
34
34
|
<span class="quiet">Branches</span>
|
|
35
|
-
<span class='fraction'>7/
|
|
35
|
+
<span class='fraction'>7/7</span>
|
|
36
36
|
</div>
|
|
37
37
|
|
|
38
38
|
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
47
|
<span class="strong">100% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
49
|
+
<span class='fraction'>7/7</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -94,35 +94,25 @@
|
|
|
94
94
|
<a name='L29'></a><a href='#L29'>29</a>
|
|
95
95
|
<a name='L30'></a><a href='#L30'>30</a>
|
|
96
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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
|
103
|
-
<span class="cline-any cline-neutral"> </span>
|
|
97
|
+
<a name='L32'></a><a href='#L32'>32</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
|
104
98
|
<span class="cline-any cline-neutral"> </span>
|
|
105
99
|
<span class="cline-any cline-neutral"> </span>
|
|
106
100
|
<span class="cline-any cline-neutral"> </span>
|
|
107
101
|
<span class="cline-any cline-neutral"> </span>
|
|
108
102
|
<span class="cline-any cline-yes">2x</span>
|
|
109
103
|
<span class="cline-any cline-yes">14x</span>
|
|
110
|
-
<span class="cline-any cline-yes">1x</span>
|
|
111
|
-
<span class="cline-any cline-neutral"> </span>
|
|
112
|
-
<span class="cline-any cline-neutral"> </span>
|
|
113
104
|
<span class="cline-any cline-neutral"> </span>
|
|
114
|
-
<span class="cline-any cline-yes">13x</span>
|
|
115
105
|
<span class="cline-any cline-neutral"> </span>
|
|
116
|
-
<span class="cline-any cline-yes">13x</span>
|
|
117
|
-
<span class="cline-any cline-yes">3x</span>
|
|
118
106
|
<span class="cline-any cline-neutral"> </span>
|
|
119
107
|
<span class="cline-any cline-neutral"> </span>
|
|
120
|
-
<span class="cline-any cline-yes">
|
|
108
|
+
<span class="cline-any cline-yes">5x</span>
|
|
121
109
|
<span class="cline-any cline-neutral"> </span>
|
|
122
110
|
<span class="cline-any cline-neutral"> </span>
|
|
111
|
+
<span class="cline-any cline-yes">9x</span>
|
|
112
|
+
<span class="cline-any cline-yes">3x</span>
|
|
123
113
|
<span class="cline-any cline-neutral"> </span>
|
|
124
114
|
<span class="cline-any cline-neutral"> </span>
|
|
125
|
-
<span class="cline-any cline-yes">
|
|
115
|
+
<span class="cline-any cline-yes">9x</span>
|
|
126
116
|
<span class="cline-any cline-neutral"> </span>
|
|
127
117
|
<span class="cline-any cline-neutral"> </span>
|
|
128
118
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -137,29 +127,24 @@
|
|
|
137
127
|
<span class="cline-any cline-neutral"> </span>
|
|
138
128
|
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
|
|
139
129
|
import PropTypes from 'prop-types';
|
|
140
|
-
import classNames from 'classnames';
|
|
141
130
|
import { NEXT_CONTROL, PREV_CONTROL } from './pagination.config';
|
|
142
131
|
import { ArrowRight } from '../../../../images/componentsSvg/ArrowRight';
|
|
143
132
|
|
|
144
133
|
export const PageStepControl = ({ activePage, direction, onClick, totalPages }) => {
|
|
145
|
-
if (
|
|
134
|
+
if (
|
|
135
|
+
!totalPages ||
|
|
136
|
+
(direction === PREV_CONTROL && activePage <= 1) ||
|
|
137
|
+
(direction === NEXT_CONTROL && activePage >= totalPages)
|
|
138
|
+
) {
|
|
146
139
|
return null;
|
|
147
140
|
}
|
|
148
|
-
|
|
149
|
-
const hideStepControl =
|
|
150
|
-
(direction === PREV_CONTROL && activePage <= 1) || (direction === NEXT_CONTROL && activePage >= totalPages);
|
|
151
141
|
|
|
152
142
|
const handleClick = () => {
|
|
153
|
-
|
|
143
|
+
onClick(direction);
|
|
154
144
|
};
|
|
155
|
-
|
|
156
|
-
const classes = classNames('pagination__control', {
|
|
157
|
-
[`pagination__control--${direction}`]: direction,
|
|
158
|
-
'pagination__control--hidden': hideStepControl,
|
|
159
|
-
});
|
|
160
145
|
|
|
161
146
|
return (
|
|
162
|
-
<span className={
|
|
147
|
+
<span className={`pagination__control pagination__control--${direction}`} onClick={handleClick}>
|
|
163
148
|
<ArrowRight />
|
|
164
149
|
</span>
|
|
165
150
|
);
|
|
@@ -178,7 +163,7 @@ PageStepControl.propTypes = {
|
|
|
178
163
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
179
164
|
Code coverage generated by
|
|
180
165
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
|
|
181
|
-
at
|
|
166
|
+
at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
|
|
182
167
|
</div>
|
|
183
168
|
<script src="../../../../prettify.js"></script>
|
|
184
169
|
<script>
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
<div class='fl pad1y space-right2'>
|
|
26
26
|
<span class="strong">100% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
28
|
+
<span class='fraction'>34/34</span>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
31
|
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
47
|
<span class="strong">100% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
49
|
+
<span class='fraction'>34/34</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -135,7 +135,8 @@
|
|
|
135
135
|
<a name='L70'></a><a href='#L70'>70</a>
|
|
136
136
|
<a name='L71'></a><a href='#L71'>71</a>
|
|
137
137
|
<a name='L72'></a><a href='#L72'>72</a>
|
|
138
|
-
<a name='L73'></a><a href='#L73'>73</a
|
|
138
|
+
<a name='L73'></a><a href='#L73'>73</a>
|
|
139
|
+
<a name='L74'></a><a href='#L74'>74</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
|
139
140
|
<span class="cline-any cline-neutral"> </span>
|
|
140
141
|
<span class="cline-any cline-neutral"> </span>
|
|
141
142
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -164,6 +165,7 @@
|
|
|
164
165
|
<span class="cline-any cline-yes">4x</span>
|
|
165
166
|
<span class="cline-any cline-yes">20x</span>
|
|
166
167
|
<span class="cline-any cline-yes">20x</span>
|
|
168
|
+
<span class="cline-any cline-yes">20x</span>
|
|
167
169
|
<span class="cline-any cline-neutral"> </span>
|
|
168
170
|
<span class="cline-any cline-yes">20x</span>
|
|
169
171
|
<span class="cline-any cline-yes">20x</span>
|
|
@@ -184,7 +186,7 @@
|
|
|
184
186
|
<span class="cline-any cline-neutral"> </span>
|
|
185
187
|
<span class="cline-any cline-yes">20x</span>
|
|
186
188
|
<span class="cline-any cline-yes">20x</span>
|
|
187
|
-
<span class="cline-any cline-
|
|
189
|
+
<span class="cline-any cline-yes">20x</span>
|
|
188
190
|
<span class="cline-any cline-neutral"> </span>
|
|
189
191
|
<span class="cline-any cline-neutral"> </span>
|
|
190
192
|
<span class="cline-any cline-yes">6x</span>
|
|
@@ -212,10 +214,10 @@ import PropTypes from 'prop-types';
|
|
|
212
214
|
import classNames from 'classnames';
|
|
213
215
|
import { ELLIPSIS_CONTROLS, EXTENDED_MAX_STEPS } from './pagination.config';
|
|
214
216
|
|
|
215
|
-
const getPageClassName = (activePage, step) =>
|
|
217
|
+
const getPageClassName = (activePage, index, step) =>
|
|
216
218
|
classNames('pagination__page', {
|
|
217
219
|
'pagination__page--ellipsis': step === ELLIPSIS_CONTROLS,
|
|
218
|
-
'pagination__page--active':
|
|
220
|
+
'pagination__page--active': activePage === index,
|
|
219
221
|
});
|
|
220
222
|
|
|
221
223
|
export const PageSteps = ({ activePage, onClick, totalPages }) => {
|
|
@@ -232,16 +234,17 @@ export const PageSteps = ({ activePage, onClick, totalPages }) => {
|
|
|
232
234
|
);
|
|
233
235
|
};
|
|
234
236
|
|
|
235
|
-
const renderExtendedSteps = () =>
|
|
236
|
-
|
|
237
|
+
const renderExtendedSteps = () =>
|
|
238
|
+
new Array(EXTENDED_MAX_STEPS).fill(null).map((page, index) => {
|
|
239
|
+
const pageNumber = index + 1;
|
|
237
240
|
let firstVisibleStep = totalPages - EXTENDED_MAX_STEPS;
|
|
238
|
-
let step = firstVisibleStep +
|
|
241
|
+
let step = firstVisibleStep + pageNumber;
|
|
239
242
|
|
|
240
|
-
if (activePage <= firstVisibleStep
|
|
241
|
-
firstVisibleStep = activePage > 1 ? activePage -
|
|
243
|
+
if (activePage <= firstVisibleStep) {
|
|
244
|
+
firstVisibleStep = activePage > 1 ? activePage - 1 : <span class="branch-1 cbranch-no" title="branch not covered" >0;</span>
|
|
242
245
|
|
|
243
246
|
if (index < EXTENDED_MAX_STEPS - 2) {
|
|
244
|
-
step = firstVisibleStep +
|
|
247
|
+
step = firstVisibleStep + pageNumber;
|
|
245
248
|
}
|
|
246
249
|
|
|
247
250
|
if (index > EXTENDED_MAX_STEPS - 2) {
|
|
@@ -254,14 +257,14 @@ export const PageSteps = ({ activePage, onClick, totalPages }) => {
|
|
|
254
257
|
}
|
|
255
258
|
}
|
|
256
259
|
|
|
257
|
-
const
|
|
260
|
+
const activeStep = activePage - firstVisibleStep;
|
|
261
|
+
const pageClassName = getPageClassName(activeStep, pageNumber, step);
|
|
258
262
|
return renderStep(pageClassName, step, index);
|
|
259
263
|
});
|
|
260
|
-
};
|
|
261
264
|
|
|
262
265
|
const renderSteps = () => {
|
|
263
266
|
if (totalPages > EXTENDED_MAX_STEPS) {
|
|
264
|
-
return renderExtendedSteps(
|
|
267
|
+
return renderExtendedSteps();
|
|
265
268
|
}
|
|
266
269
|
|
|
267
270
|
return new Array(totalPages).fill(null).map((page, index) => {
|
|
@@ -286,7 +289,7 @@ PageSteps.propTypes = {
|
|
|
286
289
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
287
290
|
Code coverage generated by
|
|
288
291
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
|
|
289
|
-
at
|
|
292
|
+
at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
|
|
290
293
|
</div>
|
|
291
294
|
<script src="../../../../prettify.js"></script>
|
|
292
295
|
<script>
|
|
@@ -23,30 +23,30 @@
|
|
|
23
23
|
<div class='clearfix'>
|
|
24
24
|
|
|
25
25
|
<div class='fl pad1y space-right2'>
|
|
26
|
-
<span class="strong">
|
|
26
|
+
<span class="strong">100% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
28
|
+
<span class='fraction'>12/12</span>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
<div class='fl pad1y space-right2'>
|
|
33
|
-
<span class="strong">
|
|
33
|
+
<span class="strong">83.33% </span>
|
|
34
34
|
<span class="quiet">Branches</span>
|
|
35
|
-
<span class='fraction'>
|
|
35
|
+
<span class='fraction'>5/6</span>
|
|
36
36
|
</div>
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
<div class='fl pad1y space-right2'>
|
|
40
|
-
<span class="strong">
|
|
40
|
+
<span class="strong">100% </span>
|
|
41
41
|
<span class="quiet">Functions</span>
|
|
42
|
-
<span class='fraction'>
|
|
42
|
+
<span class='fraction'>3/3</span>
|
|
43
43
|
</div>
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
|
-
<span class="strong">
|
|
47
|
+
<span class="strong">100% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
49
|
+
<span class='fraction'>12/12</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
</div>
|
|
62
62
|
</template>
|
|
63
63
|
</div>
|
|
64
|
-
<div class='status-line
|
|
64
|
+
<div class='status-line high'></div>
|
|
65
65
|
<pre><table class="coverage">
|
|
66
66
|
<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
|
|
67
67
|
<a name='L2'></a><a href='#L2'>2</a>
|
|
@@ -131,9 +131,9 @@
|
|
|
131
131
|
<span class="cline-any cline-neutral"> </span>
|
|
132
132
|
<span class="cline-any cline-neutral"> </span>
|
|
133
133
|
<span class="cline-any cline-yes">3x</span>
|
|
134
|
-
<span class="cline-any cline-
|
|
135
|
-
<span class="cline-any cline-
|
|
136
|
-
<span class="cline-any cline-
|
|
134
|
+
<span class="cline-any cline-yes">1x</span>
|
|
135
|
+
<span class="cline-any cline-yes">1x</span>
|
|
136
|
+
<span class="cline-any cline-yes">1x</span>
|
|
137
137
|
<span class="cline-any cline-neutral"> </span>
|
|
138
138
|
<span class="cline-any cline-neutral"> </span>
|
|
139
139
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -179,10 +179,10 @@ export const Pagination = ({ activePage, totalPages, onChange }) => {
|
|
|
179
179
|
onChange(page);
|
|
180
180
|
};
|
|
181
181
|
|
|
182
|
-
const handleCurrentPage =
|
|
183
|
-
const page =
|
|
184
|
-
|
|
185
|
-
|
|
182
|
+
const handleCurrentPage = ({ target }) => {
|
|
183
|
+
const page = Number(target.id);
|
|
184
|
+
if (page) {
|
|
185
|
+
onChange(page);
|
|
186
186
|
}
|
|
187
187
|
};
|
|
188
188
|
|
|
@@ -217,7 +217,7 @@ Pagination.propTypes = {
|
|
|
217
217
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
218
218
|
Code coverage generated by
|
|
219
219
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
|
|
220
|
-
at
|
|
220
|
+
at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
|
|
221
221
|
</div>
|
|
222
222
|
<script src="../../../../prettify.js"></script>
|
|
223
223
|
<script>
|
|
@@ -23,30 +23,30 @@
|
|
|
23
23
|
<div class='clearfix'>
|
|
24
24
|
|
|
25
25
|
<div class='fl pad1y space-right2'>
|
|
26
|
-
<span class="strong">
|
|
26
|
+
<span class="strong">100% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
28
|
+
<span class='fraction'>57/57</span>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
<div class='fl pad1y space-right2'>
|
|
33
|
-
<span class="strong">
|
|
33
|
+
<span class="strong">90.32% </span>
|
|
34
34
|
<span class="quiet">Branches</span>
|
|
35
|
-
<span class='fraction'>
|
|
35
|
+
<span class='fraction'>28/31</span>
|
|
36
36
|
</div>
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
<div class='fl pad1y space-right2'>
|
|
40
|
-
<span class="strong">
|
|
40
|
+
<span class="strong">100% </span>
|
|
41
41
|
<span class="quiet">Functions</span>
|
|
42
|
-
<span class='fraction'>
|
|
42
|
+
<span class='fraction'>12/12</span>
|
|
43
43
|
</div>
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
|
-
<span class="strong">
|
|
47
|
+
<span class="strong">100% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
49
|
+
<span class='fraction'>57/57</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -84,13 +84,13 @@
|
|
|
84
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
86
|
<td data-value="100" class="pct high">100%</td>
|
|
87
|
-
<td data-value="
|
|
88
|
-
<td data-value="
|
|
89
|
-
<td data-value="
|
|
87
|
+
<td data-value="7" class="abs high">7/7</td>
|
|
88
|
+
<td data-value="100" class="pct high">100%</td>
|
|
89
|
+
<td data-value="7" class="abs high">7/7</td>
|
|
90
90
|
<td data-value="100" class="pct high">100%</td>
|
|
91
91
|
<td data-value="2" class="abs high">2/2</td>
|
|
92
92
|
<td data-value="100" class="pct high">100%</td>
|
|
93
|
-
<td data-value="
|
|
93
|
+
<td data-value="7" class="abs high">7/7</td>
|
|
94
94
|
</tr>
|
|
95
95
|
|
|
96
96
|
<tr>
|
|
@@ -99,28 +99,28 @@
|
|
|
99
99
|
<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
|
|
100
100
|
</td>
|
|
101
101
|
<td data-value="100" class="pct high">100%</td>
|
|
102
|
-
<td data-value="
|
|
102
|
+
<td data-value="34" class="abs high">34/34</td>
|
|
103
103
|
<td data-value="88.88" class="pct high">88.88%</td>
|
|
104
104
|
<td data-value="18" class="abs high">16/18</td>
|
|
105
105
|
<td data-value="100" class="pct high">100%</td>
|
|
106
106
|
<td data-value="7" class="abs high">7/7</td>
|
|
107
107
|
<td data-value="100" class="pct high">100%</td>
|
|
108
|
-
<td data-value="
|
|
108
|
+
<td data-value="34" class="abs high">34/34</td>
|
|
109
109
|
</tr>
|
|
110
110
|
|
|
111
111
|
<tr>
|
|
112
|
-
<td class="file
|
|
113
|
-
<td data-value="
|
|
114
|
-
<div class="chart"><div class="cover-fill" style="width:
|
|
112
|
+
<td class="file high" data-value="Pagination.js"><a href="Pagination.js.html">Pagination.js</a></td>
|
|
113
|
+
<td data-value="100" class="pic high">
|
|
114
|
+
<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
|
|
115
115
|
</td>
|
|
116
|
-
<td data-value="
|
|
117
|
-
<td data-value="12" class="abs
|
|
118
|
-
<td data-value="
|
|
119
|
-
<td data-value="6" class="abs
|
|
120
|
-
<td data-value="
|
|
121
|
-
<td data-value="3" class="abs
|
|
122
|
-
<td data-value="
|
|
123
|
-
<td data-value="12" class="abs
|
|
116
|
+
<td data-value="100" class="pct high">100%</td>
|
|
117
|
+
<td data-value="12" class="abs high">12/12</td>
|
|
118
|
+
<td data-value="83.33" class="pct high">83.33%</td>
|
|
119
|
+
<td data-value="6" class="abs high">5/6</td>
|
|
120
|
+
<td data-value="100" class="pct high">100%</td>
|
|
121
|
+
<td data-value="3" class="abs high">3/3</td>
|
|
122
|
+
<td data-value="100" class="pct high">100%</td>
|
|
123
|
+
<td data-value="12" class="abs high">12/12</td>
|
|
124
124
|
</tr>
|
|
125
125
|
|
|
126
126
|
<tr>
|
|
@@ -146,7 +146,7 @@
|
|
|
146
146
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
147
147
|
Code coverage generated by
|
|
148
148
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
|
|
149
|
-
at
|
|
149
|
+
at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
|
|
150
150
|
</div>
|
|
151
151
|
<script src="../../../../prettify.js"></script>
|
|
152
152
|
<script>
|
|
@@ -88,7 +88,7 @@ export { ELLIPSIS_CONTROLS, EXTENDED_MAX_STEPS, NEXT_CONTROL, PREV_CONTROL };
|
|
|
88
88
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
89
89
|
Code coverage generated by
|
|
90
90
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
|
|
91
|
-
at
|
|
91
|
+
at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
|
|
92
92
|
</div>
|
|
93
93
|
<script src="../../../../prettify.js"></script>
|
|
94
94
|
<script>
|