@npm_leadtech/legal-lib-components 1.16.1 → 1.18.0

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 (128) hide show
  1. package/.nvmrc +1 -0
  2. package/build/index.js +1 -1
  3. package/coverage/clover.xml +211 -98
  4. package/coverage/coverage-final.json +65 -58
  5. package/coverage/lcov-report/images/componentsSvg/ArrowRight.js.html +2 -2
  6. package/coverage/lcov-report/images/componentsSvg/Done24px.js.html +1 -1
  7. package/coverage/lcov-report/images/componentsSvg/Edit24p.js.html +1 -1
  8. package/coverage/lcov-report/images/componentsSvg/EditText24px.js.html +1 -1
  9. package/coverage/lcov-report/images/componentsSvg/EmploymentIcon.js.html +1 -1
  10. package/coverage/lcov-report/images/componentsSvg/InfoError24pxOutlined.js.html +1 -1
  11. package/coverage/lcov-report/images/componentsSvg/LogoutSvg.js.html +1 -1
  12. package/coverage/lcov-report/images/componentsSvg/MenuCollapse24p.js.html +1 -1
  13. package/coverage/lcov-report/images/componentsSvg/NewRelease24p.js.html +1 -1
  14. package/coverage/lcov-report/images/componentsSvg/Time24px.js.html +1 -1
  15. package/coverage/lcov-report/images/componentsSvg/index.html +1 -1
  16. package/coverage/lcov-report/index.html +64 -19
  17. package/coverage/lcov-report/src/components/atoms/AddButton/AddButton.js.html +1 -1
  18. package/coverage/lcov-report/src/components/atoms/AddButton/index.html +1 -1
  19. package/coverage/lcov-report/src/components/atoms/BaseBox/BaseBox.js.html +1 -1
  20. package/coverage/lcov-report/src/components/atoms/BaseBox/index.html +1 -1
  21. package/coverage/lcov-report/src/components/atoms/BillCard/BillCard.js.html +1 -1
  22. package/coverage/lcov-report/src/components/atoms/BillCard/index.html +1 -1
  23. package/coverage/lcov-report/src/components/atoms/Button/Button.js.html +1 -1
  24. package/coverage/lcov-report/src/components/atoms/Button/index.html +1 -1
  25. package/coverage/lcov-report/src/components/atoms/ButtonIcon/ButtonIcon.js.html +301 -0
  26. package/coverage/lcov-report/src/components/atoms/{DocumentListMenuSection → ButtonIcon}/index.html +18 -18
  27. package/coverage/lcov-report/src/components/atoms/CardPane/CardPane.js.html +1 -1
  28. package/coverage/lcov-report/src/components/atoms/CardPane/index.html +1 -1
  29. package/coverage/lcov-report/src/components/atoms/Checkbox/Checkbox.js.html +1 -1
  30. package/coverage/lcov-report/src/components/atoms/Checkbox/index.html +1 -1
  31. package/coverage/lcov-report/src/components/atoms/DatePickerCustom/DatePickerCustom.js.html +1 -1
  32. package/coverage/lcov-report/src/components/atoms/DatePickerCustom/index.html +1 -1
  33. package/coverage/lcov-report/src/components/atoms/DialogMenuIcon/DialogMenuIcon.js.html +286 -0
  34. package/coverage/lcov-report/src/components/{molecules/FormFaq → atoms/DialogMenuIcon}/index.html +23 -23
  35. package/coverage/lcov-report/src/components/atoms/Disclaimer/Disclaimer.js.html +1 -1
  36. package/coverage/lcov-report/src/components/atoms/Disclaimer/index.html +1 -1
  37. package/coverage/lcov-report/src/components/atoms/Divider/Divider.js.html +1 -1
  38. package/coverage/lcov-report/src/components/atoms/Divider/index.html +1 -1
  39. package/coverage/lcov-report/src/components/atoms/DocumentStatus/DocumentStatus.js.html +1 -1
  40. package/coverage/lcov-report/src/components/atoms/DocumentStatus/index.html +1 -1
  41. package/coverage/lcov-report/src/components/atoms/FormFaq/FormFaq.js.html +1 -1
  42. package/coverage/lcov-report/src/components/atoms/FormFaq/index.html +1 -1
  43. package/coverage/lcov-report/src/components/atoms/GoogleButton/GoogleButton.js.html +1 -1
  44. package/coverage/lcov-report/src/components/atoms/GoogleButton/index.html +1 -1
  45. package/coverage/lcov-report/src/components/atoms/IconImage/IconImage.js.html +1 -1
  46. package/coverage/lcov-report/src/components/atoms/IconImage/index.html +1 -1
  47. package/coverage/lcov-report/src/components/atoms/InfoBox/InfoBox.js.html +1 -1
  48. package/coverage/lcov-report/src/components/atoms/InfoBox/index.html +1 -1
  49. package/coverage/lcov-report/src/components/atoms/LogoText/LogoText.js.html +1 -1
  50. package/coverage/lcov-report/src/components/atoms/LogoText/index.html +1 -1
  51. package/coverage/lcov-report/src/components/atoms/MenuItems/MenuItems.js.html +1 -1
  52. package/coverage/lcov-report/src/components/atoms/MenuItems/index.html +1 -1
  53. package/coverage/lcov-report/src/components/atoms/MenuItems/index.js.html +1 -1
  54. package/coverage/lcov-report/src/components/atoms/Message/Message.js.html +1 -1
  55. package/coverage/lcov-report/src/components/atoms/Message/index.html +1 -1
  56. package/coverage/lcov-report/src/components/atoms/PaypalButton/PaypalButton.js.html +1 -1
  57. package/coverage/lcov-report/src/components/atoms/PaypalButton/index.html +1 -1
  58. package/coverage/lcov-report/src/components/atoms/ProgressBar/ProgressBar.js.html +1 -1
  59. package/coverage/lcov-report/src/components/atoms/ProgressBar/index.html +1 -1
  60. package/coverage/lcov-report/src/components/atoms/Radio/Radio.js.html +1 -1
  61. package/coverage/lcov-report/src/components/atoms/Radio/index.html +1 -1
  62. package/coverage/lcov-report/src/components/atoms/RemoveButton/RemoveButton.js.html +1 -1
  63. package/coverage/lcov-report/src/components/atoms/RemoveButton/index.html +1 -1
  64. package/coverage/lcov-report/src/components/atoms/RichTextInner/RichTextInner.js.html +1 -1
  65. package/coverage/lcov-report/src/components/atoms/RichTextInner/index.html +1 -1
  66. package/coverage/lcov-report/src/components/atoms/SearchSelect/SearchSelect.js.html +1 -1
  67. package/coverage/lcov-report/src/components/atoms/SearchSelect/index.html +1 -1
  68. package/coverage/lcov-report/src/components/atoms/SidemenuTab/SidemenuTab.js.html +1 -1
  69. package/coverage/lcov-report/src/components/atoms/SidemenuTab/index.html +1 -1
  70. package/coverage/lcov-report/src/components/atoms/Spinner/Spinner.js.html +1 -1
  71. package/coverage/lcov-report/src/components/atoms/Spinner/index.html +1 -1
  72. package/coverage/lcov-report/src/components/atoms/TestAB/TestAB.js.html +1 -1
  73. package/coverage/lcov-report/src/components/atoms/TestAB/index.html +1 -1
  74. package/coverage/lcov-report/src/components/atoms/TextArea/TextArea.js.html +7 -49
  75. package/coverage/lcov-report/src/components/atoms/TextArea/index.html +1 -1
  76. package/coverage/lcov-report/src/components/atoms/Toggle/Toggle.js.html +1 -1
  77. package/coverage/lcov-report/src/components/atoms/Toggle/index.html +1 -1
  78. package/coverage/lcov-report/src/components/atoms/Tooltip/Tooltip.js.html +1 -1
  79. package/coverage/lcov-report/src/components/atoms/Tooltip/index.html +1 -1
  80. package/coverage/lcov-report/src/components/atoms/TopBar/TopBar.js.html +1 -1
  81. package/coverage/lcov-report/src/components/atoms/TopBar/index.html +1 -1
  82. package/coverage/lcov-report/src/components/molecules/BaseBoxList/BaseBoxList.js.html +1 -1
  83. package/coverage/lcov-report/src/components/molecules/BaseBoxList/index.html +1 -1
  84. package/coverage/lcov-report/src/components/molecules/BottomFixedBar/BottomFixedBar.js.html +1 -1
  85. package/coverage/lcov-report/src/components/molecules/BottomFixedBar/index.html +1 -1
  86. package/coverage/lcov-report/src/components/molecules/BottomOverlay/BottomOverlay.js.html +1 -1
  87. package/coverage/lcov-report/src/components/molecules/BottomOverlay/index.html +1 -1
  88. package/coverage/lcov-report/src/components/molecules/BoxForm/BoxForm.js.html +1 -1
  89. package/coverage/lcov-report/src/components/molecules/BoxForm/index.html +1 -1
  90. package/coverage/lcov-report/src/components/molecules/ContactBox/ContactBox.js.html +1 -1
  91. package/coverage/lcov-report/src/components/molecules/ContactBox/index.html +1 -1
  92. package/coverage/lcov-report/src/components/molecules/Feedback/Feedback.js.html +1 -1
  93. package/coverage/lcov-report/src/components/molecules/Feedback/index.html +1 -1
  94. package/coverage/lcov-report/src/components/molecules/MenuItemsSection/MenuItemsSection.js.html +1 -1
  95. package/coverage/lcov-report/src/components/molecules/MenuItemsSection/index.html +1 -1
  96. package/coverage/lcov-report/src/components/molecules/Pagination/PageStepControl.js.html +32 -17
  97. package/coverage/lcov-report/src/components/molecules/Pagination/PageSteps.js.html +16 -19
  98. package/coverage/lcov-report/src/components/molecules/Pagination/Pagination.js.html +17 -17
  99. package/coverage/lcov-report/src/components/molecules/Pagination/index.html +26 -26
  100. package/coverage/lcov-report/src/components/molecules/Pagination/pagination.config.js.html +1 -1
  101. package/coverage/lcov-report/src/components/molecules/PricingCard/PricingCard.js.html +9 -9
  102. package/coverage/lcov-report/src/components/molecules/PricingCard/index.html +1 -1
  103. package/coverage/lcov-report/src/components/molecules/Snackbar/Snackbar.js.html +1 -1
  104. package/coverage/lcov-report/src/components/molecules/Snackbar/index.html +1 -1
  105. package/coverage/lcov-report/src/components/molecules/TextInput/Input.js.html +259 -0
  106. package/coverage/lcov-report/{molecules/PricingCard/PricingCard.js.html → src/components/molecules/TextInput/TextInput.js.html} +142 -172
  107. package/coverage/lcov-report/src/components/{atoms/DocumentListMenuSection/DocumentListMenuSection.js.html → molecules/TextInput/TextInputLabel.js.html} +52 -28
  108. package/coverage/lcov-report/src/components/molecules/{FormFaq/FormFaq.js.html → TextInput/TextInputMessage.js.html} +30 -27
  109. package/coverage/lcov-report/{TopBar.js.html → src/components/molecules/TextInput/TextInputTooltip.js.html} +21 -63
  110. package/coverage/lcov-report/src/components/molecules/TextInput/index.html +176 -0
  111. package/coverage/lcov-report/src/components/molecules/TooltipMenu/TooltipMenu.js.html +1 -1
  112. package/coverage/lcov-report/src/components/molecules/TooltipMenu/index.html +1 -1
  113. package/coverage/lcov-report/src/components/organisms/MobileBottomBar/MobileBottomBar.js.html +1 -1
  114. package/coverage/lcov-report/src/components/organisms/MobileBottomBar/index.html +1 -1
  115. package/coverage/lcov-report/src/utils/envVariables.js.html +1 -1
  116. package/coverage/lcov-report/src/utils/index.html +1 -1
  117. package/coverage/lcov-report/src/utils/stringSlugify.js.html +1 -1
  118. package/coverage/lcov.info +327 -75
  119. package/images/svg/eye-24-px.svg +20 -0
  120. package/images/svg/eye-close.svg +24 -0
  121. package/images/svg/icon-clear-24-px.svg +14 -0
  122. package/images/svg/shape.svg +3 -0
  123. package/package.json +5 -3
  124. package/coverage/lcov-report/atoms/Button/Button.js.html +0 -559
  125. package/coverage/lcov-report/atoms/Button/index.html +0 -116
  126. package/coverage/lcov-report/atoms/Message/Message.js.html +0 -145
  127. package/coverage/lcov-report/atoms/Message/index.html +0 -116
  128. package/coverage/lcov-report/molecules/PricingCard/index.html +0 -116
@@ -3,7 +3,7 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for src/components/molecules/FormFaq/FormFaq.js</title>
6
+ <title>Code coverage report for src/components/molecules/TextInput/TextInputMessage.js</title>
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../../../base.css" />
@@ -19,20 +19,20 @@
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/FormFaq</a> FormFaq.js</h1>
22
+ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">src/components/molecules/TextInput</a> TextInputMessage.js</h1>
23
23
  <div class='clearfix'>
24
24
 
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'>5/5</span>
28
+ <span class='fraction'>6/6</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">100% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>4/4</span>
35
+ <span class='fraction'>5/5</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'>5/5</span>
49
+ <span class='fraction'>6/6</span>
50
50
  </div>
51
51
 
52
52
 
@@ -88,17 +88,18 @@
88
88
  <a name='L23'></a><a href='#L23'>23</a>
89
89
  <a name='L24'></a><a href='#L24'>24</a>
90
90
  <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
91
+ <a name='L26'></a><a href='#L26'>26</a>
92
+ <a name='L27'></a><a href='#L27'>27</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
92
93
  <span class="cline-any cline-neutral">&nbsp;</span>
93
94
  <span class="cline-any cline-neutral">&nbsp;</span>
94
95
  <span class="cline-any cline-neutral">&nbsp;</span>
96
+ <span class="cline-any cline-yes">2x</span>
97
+ <span class="cline-any cline-yes">9x</span>
98
+ <span class="cline-any cline-yes">7x</span>
95
99
  <span class="cline-any cline-neutral">&nbsp;</span>
100
+ <span class="cline-any cline-yes">2x</span>
96
101
  <span class="cline-any cline-neutral">&nbsp;</span>
97
- <span class="cline-any cline-yes">1x</span>
98
- <span class="cline-any cline-yes">4x</span>
99
- <span class="cline-any cline-yes">3x</span>
100
102
  <span class="cline-any cline-neutral">&nbsp;</span>
101
- <span class="cline-any cline-yes">1x</span>
102
103
  <span class="cline-any cline-neutral">&nbsp;</span>
103
104
  <span class="cline-any cline-neutral">&nbsp;</span>
104
105
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -106,37 +107,39 @@
106
107
  <span class="cline-any cline-neutral">&nbsp;</span>
107
108
  <span class="cline-any cline-neutral">&nbsp;</span>
108
109
  <span class="cline-any cline-neutral">&nbsp;</span>
110
+ <span class="cline-any cline-yes">2x</span>
109
111
  <span class="cline-any cline-neutral">&nbsp;</span>
110
112
  <span class="cline-any cline-neutral">&nbsp;</span>
111
113
  <span class="cline-any cline-neutral">&nbsp;</span>
112
- <span class="cline-any cline-yes">1x</span>
113
114
  <span class="cline-any cline-neutral">&nbsp;</span>
115
+ <span class="cline-any cline-yes">2x</span>
114
116
  <span class="cline-any cline-neutral">&nbsp;</span>
115
117
  <span class="cline-any cline-neutral">&nbsp;</span>
116
118
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
117
119
  import PropTypes from 'prop-types';
118
- import { Tooltip } from '../../atoms/Tooltip/Tooltip';
120
+ import error from '../../../../images/svg/info-error_24px_outlined.svg';
119
121
  &nbsp;
120
- import './FormFaq.scss';
121
- &nbsp;
122
- export const FormFaq = ({ title, answer }) =&gt; {
123
- if (!title || !answer) {
122
+ export const TextInputMessage = ({ validate, errorMessage }) =&gt; {
123
+ if (!errorMessage || (errorMessage &amp;&amp; validate)) {
124
124
  return null;
125
125
  }
126
126
  return (
127
- &lt;li className='form-faq'&gt;
128
- &lt;Tooltip content={answer} inverted&gt;
129
- &lt;div className='form-faq__container'&gt;
130
- &lt;p className='form-faq__title sans-serif --small'&gt;{title}&lt;/p&gt;
131
- &lt;/div&gt;
132
- &lt;/Tooltip&gt;
133
- &lt;/li&gt;
127
+ &lt;div className='e-text__error sans-serif --small'&gt;
128
+ &lt;div className='e-text__error-icon'&gt;
129
+ &lt;img src={error} alt={errorMessage} /&gt;
130
+ &lt;/div&gt;
131
+ &lt;div className='e-text__error-label'&gt;{errorMessage}&lt;/div&gt;
132
+ &lt;/div&gt;
134
133
  );
135
134
  };
136
135
  &nbsp;
137
- FormFaq.propTypes = {
138
- title: PropTypes.string,
139
- answer: PropTypes.string,
136
+ TextInputMessage.propTypes = {
137
+ errorMessage: PropTypes.string,
138
+ validate: PropTypes.bool,
139
+ };
140
+ &nbsp;
141
+ TextInputMessage.defaultProps = {
142
+ validate: true,
140
143
  };
141
144
  &nbsp;</pre></td></tr></table></pre>
142
145
 
@@ -145,7 +148,7 @@ FormFaq.propTypes = {
145
148
  <div class='footer quiet pad2 space-top1 center small'>
146
149
  Code coverage generated by
147
150
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
148
- at Mon Mar 21 2022 13:51:33 GMT+0100 (GMT+01:00)
151
+ at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
149
152
  </div>
150
153
  <script src="../../../../prettify.js"></script>
151
154
  <script>
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for TopBar.js</title>
6
+ <title>Code coverage report for src/components/molecules/TextInput/TextInputTooltip.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,13 +19,13 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="index.html">All files</a> TopBar.js</h1>
22
+ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">src/components/molecules/TextInput</a> TextInputTooltip.js</h1>
23
23
  <div class='clearfix'>
24
24
 
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'>6/6</span>
28
+ <span class='fraction'>5/5</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'>6/6</span>
49
+ <span class='fraction'>5/5</span>
50
50
  </div>
51
51
 
52
52
 
@@ -76,73 +76,31 @@
76
76
  <a name='L11'></a><a href='#L11'>11</a>
77
77
  <a name='L12'></a><a href='#L12'>12</a>
78
78
  <a name='L13'></a><a href='#L13'>13</a>
79
- <a name='L14'></a><a href='#L14'>14</a>
80
- <a name='L15'></a><a href='#L15'>15</a>
81
- <a name='L16'></a><a href='#L16'>16</a>
82
- <a name='L17'></a><a href='#L17'>17</a>
83
- <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
94
- <span class="cline-any cline-neutral">&nbsp;</span>
95
- <span class="cline-any cline-neutral">&nbsp;</span>
96
- <span class="cline-any cline-neutral">&nbsp;</span>
97
- <span class="cline-any cline-neutral">&nbsp;</span>
98
- <span class="cline-any cline-yes">1x</span>
99
- <span class="cline-any cline-yes">3x</span>
100
- <span class="cline-any cline-yes">1x</span>
79
+ <a name='L14'></a><a href='#L14'>14</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
101
80
  <span class="cline-any cline-neutral">&nbsp;</span>
102
81
  <span class="cline-any cline-neutral">&nbsp;</span>
103
82
  <span class="cline-any cline-yes">2x</span>
104
- <span class="cline-any cline-neutral">&nbsp;</span>
105
- <span class="cline-any cline-neutral">&nbsp;</span>
83
+ <span class="cline-any cline-yes">8x</span>
84
+ <span class="cline-any cline-yes">6x</span>
106
85
  <span class="cline-any cline-neutral">&nbsp;</span>
107
86
  <span class="cline-any cline-yes">2x</span>
108
87
  <span class="cline-any cline-neutral">&nbsp;</span>
109
88
  <span class="cline-any cline-neutral">&nbsp;</span>
110
- <span class="cline-any cline-neutral">&nbsp;</span>
111
- <span class="cline-any cline-neutral">&nbsp;</span>
112
- <span class="cline-any cline-neutral">&nbsp;</span>
113
- <span class="cline-any cline-neutral">&nbsp;</span>
114
- <span class="cline-any cline-neutral">&nbsp;</span>
115
- <span class="cline-any cline-neutral">&nbsp;</span>
116
- <span class="cline-any cline-yes">1x</span>
117
- <span class="cline-any cline-neutral">&nbsp;</span>
89
+ <span class="cline-any cline-yes">2x</span>
118
90
  <span class="cline-any cline-neutral">&nbsp;</span>
119
91
  <span class="cline-any cline-neutral">&nbsp;</span>
120
92
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
121
93
  import PropTypes from 'prop-types';
122
- import classNames from 'classnames';
123
- import './TopBar.scss';
124
94
  &nbsp;
125
- export const TopBar = ({ hide, children }) =&gt; {
126
- if (!children) {
95
+ export const TextInputTooltip = ({ tooltip }) =&gt; {
96
+ if (!tooltip) {
127
97
  return null;
128
98
  }
129
- &nbsp;
130
- const classnames = classNames({
131
- '--is-hidden': hide,
132
- });
133
- &nbsp;
134
- return (
135
- &lt;div className={`top-bar-wrapper ${classnames}`}&gt;
136
- &lt;div className={`top-bar`}&gt;
137
- &lt;div className={`top-bar-content`}&gt;{children}&lt;/div&gt;
138
- &lt;/div&gt;
139
- &lt;/div&gt;
140
- );
99
+ return &lt;p className='tooltip-form sans-serif --small'&gt;{tooltip}&lt;/p&gt;;
141
100
  };
142
101
  &nbsp;
143
- TopBar.propTypes = {
144
- hide: PropTypes.bool,
145
- children: PropTypes.node,
102
+ TextInputTooltip.propTypes = {
103
+ tooltip: PropTypes.string,
146
104
  };
147
105
  &nbsp;</pre></td></tr></table></pre>
148
106
 
@@ -151,16 +109,16 @@ TopBar.propTypes = {
151
109
  <div class='footer quiet pad2 space-top1 center small'>
152
110
  Code coverage generated by
153
111
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
154
- at Thu Mar 10 2022 18:58:30 GMT+0100 (GMT+01:00)
112
+ at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
155
113
  </div>
156
- <script src="prettify.js"></script>
114
+ <script src="../../../../prettify.js"></script>
157
115
  <script>
158
116
  window.onload = function () {
159
117
  prettyPrint();
160
118
  };
161
119
  </script>
162
- <script src="sorter.js"></script>
163
- <script src="block-navigation.js"></script>
120
+ <script src="../../../../sorter.js"></script>
121
+ <script src="../../../../block-navigation.js"></script>
164
122
  </body>
165
123
  </html>
166
124
 
@@ -0,0 +1,176 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for src/components/molecules/TextInput</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../../../index.html">All files</a> src/components/molecules/TextInput</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">100% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>47/47</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">100% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>33/33</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">100% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>11/11</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">100% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>44/44</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="Input.js"><a href="Input.js.html">Input.js</a></td>
83
+ <td data-value="100" class="pic high">
84
+ <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
85
+ </td>
86
+ <td data-value="100" class="pct high">100%</td>
87
+ <td data-value="13" class="abs high">13/13</td>
88
+ <td data-value="100" class="pct high">100%</td>
89
+ <td data-value="10" class="abs high">10/10</td>
90
+ <td data-value="100" class="pct high">100%</td>
91
+ <td data-value="3" class="abs high">3/3</td>
92
+ <td data-value="100" class="pct high">100%</td>
93
+ <td data-value="12" class="abs high">12/12</td>
94
+ </tr>
95
+
96
+ <tr>
97
+ <td class="file high" data-value="TextInput.js"><a href="TextInput.js.html">TextInput.js</a></td>
98
+ <td data-value="100" class="pic high">
99
+ <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
100
+ </td>
101
+ <td data-value="100" class="pct high">100%</td>
102
+ <td data-value="10" class="abs high">10/10</td>
103
+ <td data-value="100" class="pct high">100%</td>
104
+ <td data-value="2" class="abs high">2/2</td>
105
+ <td data-value="100" class="pct high">100%</td>
106
+ <td data-value="2" class="abs high">2/2</td>
107
+ <td data-value="100" class="pct high">100%</td>
108
+ <td data-value="10" class="abs high">10/10</td>
109
+ </tr>
110
+
111
+ <tr>
112
+ <td class="file high" data-value="TextInputLabel.js"><a href="TextInputLabel.js.html">TextInputLabel.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
+ </td>
116
+ <td data-value="100" class="pct high">100%</td>
117
+ <td data-value="13" class="abs high">13/13</td>
118
+ <td data-value="100" class="pct high">100%</td>
119
+ <td data-value="14" class="abs high">14/14</td>
120
+ <td data-value="100" class="pct high">100%</td>
121
+ <td data-value="4" class="abs high">4/4</td>
122
+ <td data-value="100" class="pct high">100%</td>
123
+ <td data-value="11" class="abs high">11/11</td>
124
+ </tr>
125
+
126
+ <tr>
127
+ <td class="file high" data-value="TextInputMessage.js"><a href="TextInputMessage.js.html">TextInputMessage.js</a></td>
128
+ <td data-value="100" class="pic high">
129
+ <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
130
+ </td>
131
+ <td data-value="100" class="pct high">100%</td>
132
+ <td data-value="6" class="abs high">6/6</td>
133
+ <td data-value="100" class="pct high">100%</td>
134
+ <td data-value="5" class="abs high">5/5</td>
135
+ <td data-value="100" class="pct high">100%</td>
136
+ <td data-value="1" class="abs high">1/1</td>
137
+ <td data-value="100" class="pct high">100%</td>
138
+ <td data-value="6" class="abs high">6/6</td>
139
+ </tr>
140
+
141
+ <tr>
142
+ <td class="file high" data-value="TextInputTooltip.js"><a href="TextInputTooltip.js.html">TextInputTooltip.js</a></td>
143
+ <td data-value="100" class="pic high">
144
+ <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
145
+ </td>
146
+ <td data-value="100" class="pct high">100%</td>
147
+ <td data-value="5" class="abs high">5/5</td>
148
+ <td data-value="100" class="pct high">100%</td>
149
+ <td data-value="2" class="abs high">2/2</td>
150
+ <td data-value="100" class="pct high">100%</td>
151
+ <td data-value="1" class="abs high">1/1</td>
152
+ <td data-value="100" class="pct high">100%</td>
153
+ <td data-value="5" class="abs high">5/5</td>
154
+ </tr>
155
+
156
+ </tbody>
157
+ </table>
158
+ </div>
159
+ <div class='push'></div><!-- for sticky footer -->
160
+ </div><!-- /wrapper -->
161
+ <div class='footer quiet pad2 space-top1 center small'>
162
+ Code coverage generated by
163
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
164
+ at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
165
+ </div>
166
+ <script src="../../../../prettify.js"></script>
167
+ <script>
168
+ window.onload = function () {
169
+ prettyPrint();
170
+ };
171
+ </script>
172
+ <script src="../../../../sorter.js"></script>
173
+ <script src="../../../../block-navigation.js"></script>
174
+ </body>
175
+ </html>
176
+
@@ -160,7 +160,7 @@ TooltipMenu.propTypes = {
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 Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
163
+ at Mon Apr 25 2022 12:28:27 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 Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
104
+ at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
105
105
  </div>
106
106
  <script src="../../../../prettify.js"></script>
107
107
  <script>
@@ -181,7 +181,7 @@ MobileBottomBar.propTypes = {
181
181
  <div class='footer quiet pad2 space-top1 center small'>
182
182
  Code coverage generated by
183
183
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
184
- at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
184
+ at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
185
185
  </div>
186
186
  <script src="../../../../prettify.js"></script>
187
187
  <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 Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
104
+ at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
105
105
  </div>
106
106
  <script src="../../../../prettify.js"></script>
107
107
  <script>
@@ -73,7 +73,7 @@
73
73
  <div class='footer quiet pad2 space-top1 center small'>
74
74
  Code coverage generated by
75
75
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
76
- at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
76
+ at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
77
77
  </div>
78
78
  <script src="../../prettify.js"></script>
79
79
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
119
- at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
119
+ at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
120
120
  </div>
121
121
  <script src="../../prettify.js"></script>
122
122
  <script>
@@ -79,7 +79,7 @@
79
79
  <div class='footer quiet pad2 space-top1 center small'>
80
80
  Code coverage generated by
81
81
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
82
- at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
82
+ at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
83
83
  </div>
84
84
  <script src="../../prettify.js"></script>
85
85
  <script>