@agility/plenum-ui 1.1.6 → 1.1.71

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 (38) hide show
  1. package/coverage/agility-component-lib-react/index.html +1 -1
  2. package/coverage/agility-component-lib-react/src/components/Button/Button.tsx.html +23 -17
  3. package/coverage/agility-component-lib-react/src/components/Button/index.html +5 -5
  4. package/coverage/agility-component-lib-react/src/components/Forms/BaseField/BaseField.tsx.html +18 -6
  5. package/coverage/agility-component-lib-react/src/components/Forms/BaseField/index.html +11 -11
  6. package/coverage/agility-component-lib-react/src/components/Forms/Checkbox/Checkbox.tsx.html +63 -12
  7. package/coverage/agility-component-lib-react/src/components/Forms/Checkbox/index.html +19 -19
  8. package/coverage/agility-component-lib-react/src/components/Forms/InputCounter/InputCounter.tsx.html +1 -1
  9. package/coverage/agility-component-lib-react/src/components/Forms/InputCounter/index.html +1 -1
  10. package/coverage/agility-component-lib-react/src/components/Forms/InputLabel/InputLabel.tsx.html +1 -1
  11. package/coverage/agility-component-lib-react/src/components/Forms/InputLabel/index.html +1 -1
  12. package/coverage/agility-component-lib-react/src/components/Forms/InputLabel/index.ts.html +1 -1
  13. package/coverage/agility-component-lib-react/src/components/Forms/Radio/Radio.tsx.html +90 -12
  14. package/coverage/agility-component-lib-react/src/components/Forms/Radio/index.html +21 -21
  15. package/coverage/agility-component-lib-react/src/components/Forms/Select/Select.tsx.html +6 -6
  16. package/coverage/agility-component-lib-react/src/components/Forms/Select/index.html +1 -1
  17. package/coverage/agility-component-lib-react/src/components/Forms/TextInputAddon/InputCta/InputCta.tsx.html +4 -4
  18. package/coverage/agility-component-lib-react/src/components/Forms/TextInputAddon/InputCta/index.html +1 -1
  19. package/coverage/agility-component-lib-react/src/components/Forms/TextInputSelect/InputSelect/InputSelect.tsx.html +2 -2
  20. package/coverage/agility-component-lib-react/src/components/Forms/TextInputSelect/InputSelect/index.html +1 -1
  21. package/coverage/agility-component-lib-react/src/components/Switch/Switch.tsx.html +37 -10
  22. package/coverage/agility-component-lib-react/src/components/Switch/index.html +9 -9
  23. package/coverage/agility-component-lib-react/src/util/DynamicIcons.tsx.html +5 -5
  24. package/coverage/agility-component-lib-react/src/util/Loader.tsx.html +1 -1
  25. package/coverage/agility-component-lib-react/src/util/index.html +1 -1
  26. package/coverage/agility-component-lib-react/styleMock.js.html +1 -1
  27. package/coverage/coverage-final.json +12 -2
  28. package/coverage/index.html +147 -12
  29. package/lib/components/Forms/BaseField/BaseField.d.ts +2 -0
  30. package/lib/components/Forms/TextInput/TextInput.d.ts +4 -3
  31. package/lib/components/Forms/TextInputAddon/TextInputAddon.d.ts +5 -2
  32. package/lib/components/Forms/TextInputSelect/TextInputSelect.d.ts +2 -0
  33. package/lib/index.d.ts +1 -0
  34. package/lib/index.esm.js +84 -18
  35. package/lib/index.esm.js.map +1 -1
  36. package/lib/index.js +86 -19
  37. package/lib/index.js.map +1 -1
  38. package/package.json +1 -1
package/coverage/agility-component-lib-react/index.html CHANGED
@@ -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 noreferrer">istanbul</a>
104
- at Wed May 11 2022 15:20:43 GMT-0400 (Eastern Daylight Time)
104
+ at Tue May 31 2022 10:20:14 GMT-0400 (Eastern Daylight Time)
105
105
  </div>
106
106
  <script src="../prettify.js"></script>
107
107
  <script>
package/coverage/agility-component-lib-react/src/components/Button/Button.tsx.html CHANGED
@@ -30,9 +30,9 @@
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">57.14% </span>
33
+ <span class="strong">56.25% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>8/14</span>
35
+ <span class='fraction'>9/16</span>
36
36
  </div>
37
37
 
38
38
 
@@ -149,7 +149,9 @@
149
149
  <a name='L84'></a><a href='#L84'>84</a>
150
150
  <a name='L85'></a><a href='#L85'>85</a>
151
151
  <a name='L86'></a><a href='#L86'>86</a>
152
- <a name='L87'></a><a href='#L87'>87</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
152
+ <a name='L87'></a><a href='#L87'>87</a>
153
+ <a name='L88'></a><a href='#L88'>88</a>
154
+ <a name='L89'></a><a href='#L89'>89</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
153
155
  <span class="cline-any cline-yes">1x</span>
154
156
  <span class="cline-any cline-yes">1x</span>
155
157
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -190,15 +192,15 @@
190
192
  <span class="cline-any cline-neutral">&nbsp;</span>
191
193
  <span class="cline-any cline-neutral">&nbsp;</span>
192
194
  <span class="cline-any cline-yes">1x</span>
193
- <span class="cline-any cline-yes">1x</span>
194
- <span class="cline-any cline-yes">1x</span>
195
- <span class="cline-any cline-yes">1x</span>
196
- <span class="cline-any cline-yes">1x</span>
197
- <span class="cline-any cline-yes">1x</span>
198
- <span class="cline-any cline-yes">1x</span>
199
- <span class="cline-any cline-yes">1x</span>
195
+ <span class="cline-any cline-yes">16x</span>
196
+ <span class="cline-any cline-yes">16x</span>
197
+ <span class="cline-any cline-yes">16x</span>
198
+ <span class="cline-any cline-yes">16x</span>
199
+ <span class="cline-any cline-yes">16x</span>
200
+ <span class="cline-any cline-yes">16x</span>
201
+ <span class="cline-any cline-yes">16x</span>
200
202
  <span class="cline-any cline-neutral">&nbsp;</span>
201
- <span class="cline-any cline-yes">1x</span>
203
+ <span class="cline-any cline-yes">16x</span>
202
204
  <span class="cline-any cline-neutral">&nbsp;</span>
203
205
  <span class="cline-any cline-neutral">&nbsp;</span>
204
206
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -219,14 +221,14 @@
219
221
  <span class="cline-any cline-neutral">&nbsp;</span>
220
222
  <span class="cline-any cline-neutral">&nbsp;</span>
221
223
  <span class="cline-any cline-neutral">&nbsp;</span>
222
- <span class="cline-any cline-yes">1x</span>
224
+ <span class="cline-any cline-yes">16x</span>
223
225
  <span class="cline-any cline-neutral">&nbsp;</span>
224
226
  <span class="cline-any cline-neutral">&nbsp;</span>
225
227
  <span class="cline-any cline-neutral">&nbsp;</span>
226
228
  <span class="cline-any cline-neutral">&nbsp;</span>
227
229
  <span class="cline-any cline-neutral">&nbsp;</span>
228
230
  <span class="cline-any cline-neutral">&nbsp;</span>
229
- <span class="cline-any cline-yes">1x</span>
231
+ <span class="cline-any cline-yes">16x</span>
230
232
  <span class="cline-any cline-no">&nbsp;</span>
231
233
  <span class="cline-any cline-neutral">&nbsp;</span>
232
234
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -235,6 +237,8 @@
235
237
  <span class="cline-any cline-neutral">&nbsp;</span>
236
238
  <span class="cline-any cline-neutral">&nbsp;</span>
237
239
  <span class="cline-any cline-neutral">&nbsp;</span>
240
+ <span class="cline-any cline-neutral">&nbsp;</span>
241
+ <span class="cline-any cline-neutral">&nbsp;</span>
238
242
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { FC } from 'react';
239
243
  import { default as cn } from 'classnames';
240
244
  import { DynamicIcons, IconName } from '../../util/DynamicIcons';
@@ -277,7 +281,7 @@ export interface ButtonProps {
277
281
  */
278
282
  export const Button: FC&lt;ButtonProps&gt; = ({
279
283
  type = <span class="branch-0 cbranch-no" title="branch not covered" >'primary',</span>
280
- size = 'base'<span class="branch-1 cbranch-no" title="branch not covered" >,</span>
284
+ size = 'base',
281
285
  onClick,
282
286
  label,
283
287
  isDisabled,
@@ -314,8 +318,10 @@ export const Button: FC&lt;ButtonProps&gt; = ({
314
318
  &nbsp;
315
319
  return (
316
320
  &lt;button type="button" className={btnStyles} onClick={!isDisabled ? onClick : <span class="fstat-no" title="function not covered" ><span class="branch-1 cbranch-no" title="branch not covered" >() =&gt; {<span class="cstat-no" title="statement not covered" >n</span>ull}}</span></span>&gt;
317
- {icon &amp;&amp;
318
- <span class="branch-1 cbranch-no" title="branch not covered" > !isLoading </span>? <span class="branch-0 cbranch-no" title="branch not covered" >&lt;DynamicIcons icon={icon} className={iconStyles} outline={false} /&gt; </span>: &lt;Loader classes="h-5 w-5 border-2" /&gt;
321
+ {icon ?
322
+ <span class="branch-0 cbranch-no" title="branch not covered" > isLoading ? &lt;Loader classes="h-5 w-5 border-2" /&gt; : &lt;DynamicIcons icon={icon} className={iconStyles} outline={false} /&gt;</span>
323
+ :
324
+ isLoading &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >&lt;Loader classes="h-5 w-5 border-2" /&gt;</span>
319
325
  }
320
326
  &lt;span&gt;{label}&lt;/span&gt;
321
327
  &lt;/button&gt;
@@ -328,7 +334,7 @@ export const Button: FC&lt;ButtonProps&gt; = ({
328
334
  <div class='footer quiet pad2 space-top1 center small'>
329
335
  Code coverage generated by
330
336
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
331
- at Wed May 11 2022 15:20:43 GMT-0400 (Eastern Daylight Time)
337
+ at Tue May 31 2022 10:20:14 GMT-0400 (Eastern Daylight Time)
332
338
  </div>
333
339
  <script src="../../../../prettify.js"></script>
334
340
  <script>
package/coverage/agility-component-lib-react/src/components/Button/index.html CHANGED
@@ -30,9 +30,9 @@
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">57.14% </span>
33
+ <span class="strong">56.25% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>8/14</span>
35
+ <span class='fraction'>9/16</span>
36
36
  </div>
37
37
 
38
38
 
@@ -85,8 +85,8 @@
85
85
  </td>
86
86
  <td data-value="95.23" class="pct high">95.23%</td>
87
87
  <td data-value="21" class="abs high">20/21</td>
88
- <td data-value="57.14" class="pct medium">57.14%</td>
89
- <td data-value="14" class="abs medium">8/14</td>
88
+ <td data-value="56.25" class="pct medium">56.25%</td>
89
+ <td data-value="16" class="abs medium">9/16</td>
90
90
  <td data-value="50" class="pct medium">50%</td>
91
91
  <td data-value="2" class="abs medium">1/2</td>
92
92
  <td data-value="94.11" class="pct high">94.11%</td>
@@ -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 noreferrer">istanbul</a>
104
- at Wed May 11 2022 15:20:43 GMT-0400 (Eastern Daylight Time)
104
+ at Tue May 31 2022 10:20:14 GMT-0400 (Eastern Daylight Time)
105
105
  </div>
106
106
  <script src="../../../../prettify.js"></script>
107
107
  <script>
package/coverage/agility-component-lib-react/src/components/Forms/BaseField/BaseField.tsx.html CHANGED
@@ -23,9 +23,9 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">80.64% </span>
26
+ <span class="strong">81.25% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>25/31</span>
28
+ <span class='fraction'>26/32</span>
29
29
  </div>
30
30
 
31
31
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">79.31% </span>
47
+ <span class="strong">80% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>23/29</span>
49
+ <span class='fraction'>24/30</span>
50
50
  </div>
51
51
 
52
52
 
@@ -170,7 +170,11 @@
170
170
  <a name='L105'></a><a href='#L105'>105</a>
171
171
  <a name='L106'></a><a href='#L106'>106</a>
172
172
  <a name='L107'></a><a href='#L107'>107</a>
173
- <a name='L108'></a><a href='#L108'>108</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
173
+ <a name='L108'></a><a href='#L108'>108</a>
174
+ <a name='L109'></a><a href='#L109'>109</a>
175
+ <a name='L110'></a><a href='#L110'>110</a>
176
+ <a name='L111'></a><a href='#L111'>111</a>
177
+ <a name='L112'></a><a href='#L112'>112</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
174
178
  <span class="cline-any cline-yes">1x</span>
175
179
  <span class="cline-any cline-neutral">&nbsp;</span>
176
180
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -216,6 +220,8 @@
216
220
  <span class="cline-any cline-neutral">&nbsp;</span>
217
221
  <span class="cline-any cline-neutral">&nbsp;</span>
218
222
  <span class="cline-any cline-neutral">&nbsp;</span>
223
+ <span class="cline-any cline-neutral">&nbsp;</span>
224
+ <span class="cline-any cline-neutral">&nbsp;</span>
219
225
  <span class="cline-any cline-yes">1x</span>
220
226
  <span class="cline-any cline-neutral">&nbsp;</span>
221
227
  <span class="cline-any cline-yes">1x</span>
@@ -232,6 +238,7 @@
232
238
  <span class="cline-any cline-yes">15x</span>
233
239
  <span class="cline-any cline-yes">15x</span>
234
240
  <span class="cline-any cline-yes">15x</span>
241
+ <span class="cline-any cline-yes">15x</span>
235
242
  <span class="cline-any cline-neutral">&nbsp;</span>
236
243
  <span class="cline-any cline-neutral">&nbsp;</span>
237
244
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -275,6 +282,7 @@
275
282
  <span class="cline-any cline-neutral">&nbsp;</span>
276
283
  <span class="cline-any cline-neutral">&nbsp;</span>
277
284
  <span class="cline-any cline-neutral">&nbsp;</span>
285
+ <span class="cline-any cline-neutral">&nbsp;</span>
278
286
  <span class="cline-any cline-yes">1x</span>
279
287
  <span class="cline-any cline-yes">1x</span>
280
288
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { forwardRef } from 'react';
@@ -306,6 +314,8 @@ export interface BaseFieldProps {
306
314
  placeholder?: string;
307
315
  /** Disabled state */
308
316
  isDisabled?: boolean;
317
+ /** Set value */
318
+ value?: string;
309
319
  /** Set default value */
310
320
  defaultValue?: string;
311
321
  /** Max length of input character */
@@ -333,6 +343,7 @@ const BaseField = (
333
343
  name,
334
344
  type,
335
345
  defaultValue,
346
+ value,
336
347
  isDisabled,
337
348
  maxLength = 100<span class="branch-1 cbranch-no" title="branch not covered" >,</span>
338
349
  placeholder,
@@ -373,6 +384,7 @@ const BaseField = (
373
384
  type={type}
374
385
  name={name}
375
386
  id={id}
387
+ value={value}
376
388
  className={scopedtyles}
377
389
  disabled={isDisabled}
378
390
  defaultValue={defaultValue}
@@ -391,7 +403,7 @@ export { _BaseField as BaseField };
391
403
  <div class='footer quiet pad2 space-top1 center small'>
392
404
  Code coverage generated by
393
405
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
394
- at Mon Feb 28 2022 11:30:39 GMT-0500 (Eastern Standard Time)
406
+ at Tue May 31 2022 10:20:14 GMT-0400 (Eastern Daylight Time)
395
407
  </div>
396
408
  <script src="../../../../../prettify.js"></script>
397
409
  <script>
package/coverage/agility-component-lib-react/src/components/Forms/BaseField/index.html CHANGED
@@ -23,9 +23,9 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">80.64% </span>
26
+ <span class="strong">81.25% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>25/31</span>
28
+ <span class='fraction'>26/32</span>
29
29
  </div>
30
30
 
31
31
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">79.31% </span>
47
+ <span class="strong">80% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>23/29</span>
49
+ <span class='fraction'>24/30</span>
50
50
  </div>
51
51
 
52
52
 
@@ -80,17 +80,17 @@
80
80
  </thead>
81
81
  <tbody><tr>
82
82
  <td class="file high" data-value="BaseField.tsx"><a href="BaseField.tsx.html">BaseField.tsx</a></td>
83
- <td data-value="80.64" class="pic high">
84
- <div class="chart"><div class="cover-fill" style="width: 80%"></div><div class="cover-empty" style="width: 20%"></div></div>
83
+ <td data-value="81.25" class="pic high">
84
+ <div class="chart"><div class="cover-fill" style="width: 81%"></div><div class="cover-empty" style="width: 19%"></div></div>
85
85
  </td>
86
- <td data-value="80.64" class="pct high">80.64%</td>
87
- <td data-value="31" class="abs high">25/31</td>
86
+ <td data-value="81.25" class="pct high">81.25%</td>
87
+ <td data-value="32" class="abs high">26/32</td>
88
88
  <td data-value="16.66" class="pct low">16.66%</td>
89
89
  <td data-value="12" class="abs low">2/12</td>
90
90
  <td data-value="20" class="pct low">20%</td>
91
91
  <td data-value="5" class="abs low">1/5</td>
92
- <td data-value="79.31" class="pct medium">79.31%</td>
93
- <td data-value="29" class="abs medium">23/29</td>
92
+ <td data-value="80" class="pct high">80%</td>
93
+ <td data-value="30" class="abs high">24/30</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 noreferrer">istanbul</a>
104
- at Mon Feb 28 2022 11:30:39 GMT-0500 (Eastern Standard Time)
104
+ at Tue May 31 2022 10:20:14 GMT-0400 (Eastern Daylight Time)
105
105
  </div>
106
106
  <script src="../../../../../prettify.js"></script>
107
107
  <script>
package/coverage/agility-component-lib-react/src/components/Forms/Checkbox/Checkbox.tsx.html CHANGED
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
26
+ <span class="strong">81.81% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>15/15</span>
28
+ <span class='fraction'>18/22</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
33
+ <span class="strong">50% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>2/2</span>
35
+ <span class='fraction'>2/4</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
40
+ <span class="strong">33.33% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>1/1</span>
42
+ <span class='fraction'>1/3</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
47
+ <span class="strong">80.95% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>14/14</span>
49
+ <span class='fraction'>17/21</span>
50
50
  </div>
51
51
 
52
52
 
@@ -129,7 +129,24 @@
129
129
  <a name='L64'></a><a href='#L64'>64</a>
130
130
  <a name='L65'></a><a href='#L65'>65</a>
131
131
  <a name='L66'></a><a href='#L66'>66</a>
132
- <a name='L67'></a><a href='#L67'>67</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
132
+ <a name='L67'></a><a href='#L67'>67</a>
133
+ <a name='L68'></a><a href='#L68'>68</a>
134
+ <a name='L69'></a><a href='#L69'>69</a>
135
+ <a name='L70'></a><a href='#L70'>70</a>
136
+ <a name='L71'></a><a href='#L71'>71</a>
137
+ <a name='L72'></a><a href='#L72'>72</a>
138
+ <a name='L73'></a><a href='#L73'>73</a>
139
+ <a name='L74'></a><a href='#L74'>74</a>
140
+ <a name='L75'></a><a href='#L75'>75</a>
141
+ <a name='L76'></a><a href='#L76'>76</a>
142
+ <a name='L77'></a><a href='#L77'>77</a>
143
+ <a name='L78'></a><a href='#L78'>78</a>
144
+ <a name='L79'></a><a href='#L79'>79</a>
145
+ <a name='L80'></a><a href='#L80'>80</a>
146
+ <a name='L81'></a><a href='#L81'>81</a>
147
+ <a name='L82'></a><a href='#L82'>82</a>
148
+ <a name='L83'></a><a href='#L83'>83</a>
149
+ <a name='L84'></a><a href='#L84'>84</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
133
150
  <span class="cline-any cline-yes">1x</span>
134
151
  <span class="cline-any cline-yes">1x</span>
135
152
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -151,6 +168,10 @@
151
168
  <span class="cline-any cline-neutral">&nbsp;</span>
152
169
  <span class="cline-any cline-neutral">&nbsp;</span>
153
170
  <span class="cline-any cline-neutral">&nbsp;</span>
171
+ <span class="cline-any cline-neutral">&nbsp;</span>
172
+ <span class="cline-any cline-neutral">&nbsp;</span>
173
+ <span class="cline-any cline-neutral">&nbsp;</span>
174
+ <span class="cline-any cline-neutral">&nbsp;</span>
154
175
  <span class="cline-any cline-yes">1x</span>
155
176
  <span class="cline-any cline-yes">12x</span>
156
177
  <span class="cline-any cline-yes">12x</span>
@@ -159,15 +180,22 @@
159
180
  <span class="cline-any cline-yes">12x</span>
160
181
  <span class="cline-any cline-yes">12x</span>
161
182
  <span class="cline-any cline-yes">12x</span>
183
+ <span class="cline-any cline-yes">12x</span>
184
+ <span class="cline-any cline-yes">12x</span>
162
185
  <span class="cline-any cline-neutral">&nbsp;</span>
163
186
  <span class="cline-any cline-yes">12x</span>
164
187
  <span class="cline-any cline-neutral">&nbsp;</span>
165
188
  <span class="cline-any cline-neutral">&nbsp;</span>
166
189
  <span class="cline-any cline-neutral">&nbsp;</span>
167
190
  <span class="cline-any cline-yes">12x</span>
191
+ <span class="cline-any cline-neutral">&nbsp;</span>
168
192
  <span class="cline-any cline-yes">12x</span>
193
+ <span class="cline-any cline-no">&nbsp;</span>
194
+ <span class="cline-any cline-no">&nbsp;</span>
195
+ <span class="cline-any cline-no">&nbsp;</span>
169
196
  <span class="cline-any cline-neutral">&nbsp;</span>
170
197
  <span class="cline-any cline-neutral">&nbsp;</span>
198
+ <span class="cline-any cline-yes">12x</span>
171
199
  <span class="cline-any cline-neutral">&nbsp;</span>
172
200
  <span class="cline-any cline-neutral">&nbsp;</span>
173
201
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -180,6 +208,12 @@
180
208
  <span class="cline-any cline-neutral">&nbsp;</span>
181
209
  <span class="cline-any cline-neutral">&nbsp;</span>
182
210
  <span class="cline-any cline-neutral">&nbsp;</span>
211
+ <span class="cline-any cline-no">&nbsp;</span>
212
+ <span class="cline-any cline-neutral">&nbsp;</span>
213
+ <span class="cline-any cline-neutral">&nbsp;</span>
214
+ <span class="cline-any cline-neutral">&nbsp;</span>
215
+ <span class="cline-any cline-neutral">&nbsp;</span>
216
+ <span class="cline-any cline-neutral">&nbsp;</span>
183
217
  <span class="cline-any cline-neutral">&nbsp;</span>
184
218
  <span class="cline-any cline-neutral">&nbsp;</span>
185
219
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -206,6 +240,8 @@ export interface CheckboxProps {
206
240
  id: string;
207
241
  /** Disabled state */
208
242
  isDisabled?: boolean;
243
+ /** value */
244
+ value?: string;
209
245
  /** Check state */
210
246
  isChecked?: boolean;
211
247
  /** If field is required */
@@ -214,6 +250,8 @@ export interface CheckboxProps {
214
250
  isError?: boolean;
215
251
  /** Message or description */
216
252
  message?: string;
253
+ /** Callback on input change */
254
+ onChange?(value: string, isChecked: boolean): void;
217
255
  }
218
256
  &nbsp;
219
257
  /** Comment */
@@ -224,13 +262,22 @@ export const Checkbox: FC&lt;CheckboxProps&gt; = ({
224
262
  isChecked,
225
263
  isRequired,
226
264
  isError,
227
- message
265
+ message,
266
+ value,
267
+ onChange,
228
268
  }: CheckboxProps) =&gt; {
229
269
  const checboxStyles = cn(
230
- 'focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded',
270
+ 'focus:ring-purple-500 h-4 w-4 text-purple-600 border-gray-300 rounded',
231
271
  { 'border-red-500 shadow-none': isError }
232
272
  );
233
273
  const wrapperStyles = cn('relative flex items-start', { 'opacity-50': isDisabled });
274
+ &nbsp;
275
+ const handleChange = <span class="fstat-no" title="function not covered" >(e</span>: React.ChangeEvent&lt;HTMLInputElement&gt;) =&gt; {
276
+ const targetValue = <span class="cstat-no" title="statement not covered" >e.currentTarget.value;</span>
277
+ const targetChecked = <span class="cstat-no" title="statement not covered" >e.currentTarget.checked;</span>
278
+ <span class="cstat-no" title="statement not covered" > typeof onChange === 'function' &amp;&amp; onChange(targetValue, targetChecked);</span>
279
+ };
280
+ &nbsp;
234
281
  return (
235
282
  &lt;div className={wrapperStyles}&gt;
236
283
  &lt;div className="flex items-center h-5"&gt;
@@ -238,10 +285,14 @@ export const Checkbox: FC&lt;CheckboxProps&gt; = ({
238
285
  id={id}
239
286
  aria-describedby={`${id}-description`}
240
287
  name={id}
288
+ value={value}
241
289
  type="checkbox"
242
290
  className={checboxStyles}
243
291
  disabled={isDisabled}
244
292
  defaultChecked={isChecked}
293
+ onChange={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; {
294
+ <span class="cstat-no" title="statement not covered" > handleChange(e);</span>
295
+ }}
245
296
  /&gt;
246
297
  &lt;/div&gt;
247
298
  &lt;div className="ml-3 text-sm"&gt;
@@ -268,7 +319,7 @@ export const Checkbox: FC&lt;CheckboxProps&gt; = ({
268
319
  <div class='footer quiet pad2 space-top1 center small'>
269
320
  Code coverage generated by
270
321
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
271
- at Mon Feb 28 2022 11:30:39 GMT-0500 (Eastern Standard Time)
322
+ at Tue May 31 2022 10:20:14 GMT-0400 (Eastern Daylight Time)
272
323
  </div>
273
324
  <script src="../../../../../prettify.js"></script>
274
325
  <script>
package/coverage/agility-component-lib-react/src/components/Forms/Checkbox/index.html CHANGED
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
26
+ <span class="strong">81.81% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>15/15</span>
28
+ <span class='fraction'>18/22</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
33
+ <span class="strong">50% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>2/2</span>
35
+ <span class='fraction'>2/4</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
40
+ <span class="strong">33.33% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>1/1</span>
42
+ <span class='fraction'>1/3</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
47
+ <span class="strong">80.95% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>14/14</span>
49
+ <span class='fraction'>17/21</span>
50
50
  </div>
51
51
 
52
52
 
@@ -80,17 +80,17 @@
80
80
  </thead>
81
81
  <tbody><tr>
82
82
  <td class="file high" data-value="Checkbox.tsx"><a href="Checkbox.tsx.html">Checkbox.tsx</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>
83
+ <td data-value="81.81" class="pic high">
84
+ <div class="chart"><div class="cover-fill" style="width: 81%"></div><div class="cover-empty" style="width: 19%"></div></div>
85
85
  </td>
86
- <td data-value="100" class="pct high">100%</td>
87
- <td data-value="15" class="abs high">15/15</td>
88
- <td data-value="100" class="pct high">100%</td>
89
- <td data-value="2" class="abs high">2/2</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="14" class="abs high">14/14</td>
86
+ <td data-value="81.81" class="pct high">81.81%</td>
87
+ <td data-value="22" class="abs high">18/22</td>
88
+ <td data-value="50" class="pct medium">50%</td>
89
+ <td data-value="4" class="abs medium">2/4</td>
90
+ <td data-value="33.33" class="pct low">33.33%</td>
91
+ <td data-value="3" class="abs low">1/3</td>
92
+ <td data-value="80.95" class="pct high">80.95%</td>
93
+ <td data-value="21" class="abs high">17/21</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 noreferrer">istanbul</a>
104
- at Mon Feb 28 2022 11:30:39 GMT-0500 (Eastern Standard Time)
104
+ at Tue May 31 2022 10:20:14 GMT-0400 (Eastern Daylight Time)
105
105
  </div>
106
106
  <script src="../../../../../prettify.js"></script>
107
107
  <script>
package/coverage/agility-component-lib-react/src/components/Forms/InputCounter/InputCounter.tsx.html CHANGED
@@ -124,7 +124,7 @@ export const InputCounter: FC&lt;InputCounterProps&gt; = ({ current = <span clas
124
124
  <div class='footer quiet pad2 space-top1 center small'>
125
125
  Code coverage generated by
126
126
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
127
- at Mon Feb 28 2022 11:30:39 GMT-0500 (Eastern Standard Time)
127
+ at Tue May 31 2022 10:20:14 GMT-0400 (Eastern Daylight Time)
128
128
  </div>
129
129
  <script src="../../../../../prettify.js"></script>
130
130
  <script>
package/coverage/agility-component-lib-react/src/components/Forms/InputCounter/index.html CHANGED
@@ -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 noreferrer">istanbul</a>
104
- at Mon Feb 28 2022 11:30:39 GMT-0500 (Eastern Standard Time)
104
+ at Tue May 31 2022 10:20:14 GMT-0400 (Eastern Daylight Time)
105
105
  </div>
106
106
  <script src="../../../../../prettify.js"></script>
107
107
  <script>
package/coverage/agility-component-lib-react/src/components/Forms/InputLabel/InputLabel.tsx.html CHANGED
@@ -196,7 +196,7 @@ export const InputLabel: FC&lt;InputLabelProps&gt; = ({
196
196
  <div class='footer quiet pad2 space-top1 center small'>
197
197
  Code coverage generated by
198
198
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
199
- at Mon Feb 28 2022 11:30:39 GMT-0500 (Eastern Standard Time)
199
+ at Tue May 31 2022 10:20:14 GMT-0400 (Eastern Daylight Time)
200
200
  </div>
201
201
  <script src="../../../../../prettify.js"></script>
202
202
  <script>
package/coverage/agility-component-lib-react/src/components/Forms/InputLabel/index.html CHANGED
@@ -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 noreferrer">istanbul</a>
119
- at Mon Feb 28 2022 11:30:39 GMT-0500 (Eastern Standard Time)
119
+ at Tue May 31 2022 10:20:14 GMT-0400 (Eastern Daylight Time)
120
120
  </div>
121
121
  <script src="../../../../../prettify.js"></script>
122
122
  <script>
package/coverage/agility-component-lib-react/src/components/Forms/InputLabel/index.ts.html CHANGED
@@ -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 noreferrer">istanbul</a>
82
- at Mon Feb 28 2022 11:30:39 GMT-0500 (Eastern Standard Time)
82
+ at Tue May 31 2022 10:20:14 GMT-0400 (Eastern Daylight Time)
83
83
  </div>
84
84
  <script src="../../../../../prettify.js"></script>
85
85
  <script>