@agility/plenum-ui 1.0.6 → 1.0.7

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 (18) 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 +78 -24
  3. package/coverage/agility-component-lib-react/src/components/Button/index.html +19 -19
  4. package/coverage/agility-component-lib-react/src/util/DynamicIcons.tsx.html +5 -5
  5. package/coverage/agility-component-lib-react/src/util/Loader.tsx.html +139 -0
  6. package/coverage/agility-component-lib-react/src/util/index.html +21 -6
  7. package/coverage/agility-component-lib-react/styleMock.js.html +1 -1
  8. package/coverage/coverage-final.json +3 -12
  9. package/coverage/index.html +24 -159
  10. package/lib/components/Button/Button.d.ts +4 -0
  11. package/lib/components/Button/Button.stories.d.ts +1 -0
  12. package/lib/components/TreeView/TreeView.d.ts +1 -0
  13. package/lib/index.esm.js +14 -3
  14. package/lib/index.esm.js.map +1 -1
  15. package/lib/index.js +14 -3
  16. package/lib/index.js.map +1 -1
  17. package/lib/util/Loader.d.ts +6 -0
  18. 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 Mon Feb 28 2022 11:30:39 GMT-0500 (Eastern Standard Time)
104
+ at Wed May 11 2022 15:20:43 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
@@ -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">95.23% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>16/16</span>
28
+ <span class='fraction'>20/21</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">66.66% </span>
33
+ <span class="strong">57.14% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>4/6</span>
35
+ <span class='fraction'>8/14</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
40
+ <span class="strong">50% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>1/1</span>
42
+ <span class='fraction'>1/2</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">94.11% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>13/13</span>
49
+ <span class='fraction'>16/17</span>
50
50
  </div>
51
51
 
52
52
 
@@ -131,11 +131,37 @@
131
131
  <a name='L66'></a><a href='#L66'>66</a>
132
132
  <a name='L67'></a><a href='#L67'>67</a>
133
133
  <a name='L68'></a><a href='#L68'>68</a>
134
- <a name='L69'></a><a href='#L69'>69</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
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>
150
+ <a name='L85'></a><a href='#L85'>85</a>
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>
135
153
  <span class="cline-any cline-yes">1x</span>
136
154
  <span class="cline-any cline-yes">1x</span>
137
155
  <span class="cline-any cline-neutral">&nbsp;</span>
138
156
  <span class="cline-any cline-yes">1x</span>
157
+ <span class="cline-any cline-yes">1x</span>
158
+ <span class="cline-any cline-neutral">&nbsp;</span>
159
+ <span class="cline-any cline-neutral">&nbsp;</span>
160
+ <span class="cline-any cline-neutral">&nbsp;</span>
161
+ <span class="cline-any cline-neutral">&nbsp;</span>
162
+ <span class="cline-any cline-neutral">&nbsp;</span>
163
+ <span class="cline-any cline-neutral">&nbsp;</span>
164
+ <span class="cline-any cline-neutral">&nbsp;</span>
139
165
  <span class="cline-any cline-neutral">&nbsp;</span>
140
166
  <span class="cline-any cline-neutral">&nbsp;</span>
141
167
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -162,14 +188,20 @@
162
188
  <span class="cline-any cline-neutral">&nbsp;</span>
163
189
  <span class="cline-any cline-neutral">&nbsp;</span>
164
190
  <span class="cline-any cline-neutral">&nbsp;</span>
191
+ <span class="cline-any cline-neutral">&nbsp;</span>
192
+ <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>
165
199
  <span class="cline-any cline-yes">1x</span>
166
- <span class="cline-any cline-yes">16x</span>
167
- <span class="cline-any cline-yes">16x</span>
168
- <span class="cline-any cline-yes">16x</span>
169
- <span class="cline-any cline-yes">16x</span>
170
- <span class="cline-any cline-yes">16x</span>
171
200
  <span class="cline-any cline-neutral">&nbsp;</span>
172
- <span class="cline-any cline-yes">16x</span>
201
+ <span class="cline-any cline-yes">1x</span>
202
+ <span class="cline-any cline-neutral">&nbsp;</span>
203
+ <span class="cline-any cline-neutral">&nbsp;</span>
204
+ <span class="cline-any cline-neutral">&nbsp;</span>
173
205
  <span class="cline-any cline-neutral">&nbsp;</span>
174
206
  <span class="cline-any cline-neutral">&nbsp;</span>
175
207
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -185,14 +217,18 @@
185
217
  <span class="cline-any cline-neutral">&nbsp;</span>
186
218
  <span class="cline-any cline-neutral">&nbsp;</span>
187
219
  <span class="cline-any cline-neutral">&nbsp;</span>
188
- <span class="cline-any cline-yes">16x</span>
189
220
  <span class="cline-any cline-neutral">&nbsp;</span>
190
221
  <span class="cline-any cline-neutral">&nbsp;</span>
222
+ <span class="cline-any cline-yes">1x</span>
223
+ <span class="cline-any cline-neutral">&nbsp;</span>
191
224
  <span class="cline-any cline-neutral">&nbsp;</span>
192
225
  <span class="cline-any cline-neutral">&nbsp;</span>
193
226
  <span class="cline-any cline-neutral">&nbsp;</span>
194
227
  <span class="cline-any cline-neutral">&nbsp;</span>
195
- <span class="cline-any cline-yes">16x</span>
228
+ <span class="cline-any cline-neutral">&nbsp;</span>
229
+ <span class="cline-any cline-yes">1x</span>
230
+ <span class="cline-any cline-no">&nbsp;</span>
231
+ <span class="cline-any cline-neutral">&nbsp;</span>
196
232
  <span class="cline-any cline-neutral">&nbsp;</span>
197
233
  <span class="cline-any cline-neutral">&nbsp;</span>
198
234
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -204,11 +240,12 @@ import { default as cn } from 'classnames';
204
240
  import { DynamicIcons, IconName } from '../../util/DynamicIcons';
205
241
  &nbsp;
206
242
  import '../../tailwind.css';
243
+ import { Loader } from "../../util/Loader";
207
244
  export interface ButtonProps {
208
245
  /**
209
246
  * Is this the principal call to action on the page?
210
247
  */
211
- type?: 'primary' | 'secondary' | 'alternative';
248
+ type?: 'primary' | 'secondary' | 'alternative' | 'danger';
212
249
  /**
213
250
  * How large should the button be?
214
251
  */
@@ -225,6 +262,14 @@ export interface ButtonProps {
225
262
  * Optional click handler
226
263
  */
227
264
  onClick?: (event: React.MouseEvent&lt;HTMLButtonElement, MouseEvent&gt;) =&gt; void;
265
+ /**
266
+ * If button should be disabled
267
+ */
268
+ isDisabled?: boolean;
269
+ /**
270
+ * Shows loading indicator
271
+ */
272
+ isLoading?: boolean;
228
273
  }
229
274
  &nbsp;
230
275
  /**
@@ -232,16 +277,19 @@ export interface ButtonProps {
232
277
  */
233
278
  export const Button: FC&lt;ButtonProps&gt; = ({
234
279
  type = <span class="branch-0 cbranch-no" title="branch not covered" >'primary',</span>
235
- size = 'base',
280
+ size = 'base'<span class="branch-1 cbranch-no" title="branch not covered" >,</span>
236
281
  onClick,
237
282
  label,
238
- icon
283
+ isDisabled,
284
+ icon,
285
+ isLoading = false<span class="branch-1 cbranch-no" title="branch not covered" ></span>
239
286
  }: ButtonProps) =&gt; {
240
287
  const btnStyles = cn(
241
288
  'inline-flex space-x-2 items-center justify-center border transition-all shadow-sm rounded-md',
242
289
  { 'text-sm px-4 py-2': size === 'sm' },
243
290
  { 'text-base px-5 py-2': size === 'base' },
244
291
  { 'text-lg px-5 py-2': size === 'lg' },
292
+ { 'opacity-50 cursor-auto': isDisabled },
245
293
  { 'text-white bg-purple-600 hover:bg-purple-700': type === 'primary' },
246
294
  {
247
295
  'text-purple-700 bg-purple-100 hover:text-purple-700 hover:bg-purple-200':
@@ -250,19 +298,25 @@ export const Button: FC&lt;ButtonProps&gt; = ({
250
298
  {
251
299
  'text-gray-700 bg-white hover:text-gray-700 hover:bg-gray-50 border-gray-300':
252
300
  type === 'alternative'
301
+ },
302
+ {
303
+ 'text-white bg-red-600 hover:text-white hover:bg-red-700 border-red-300':
304
+ type === 'danger'
253
305
  }
254
306
  );
255
307
  &nbsp;
256
308
  const iconStyles = cn(
257
309
  'h-5 w-5',
258
- { 'text-white': type === 'primary' },
310
+ { 'text-white': type === 'primary' || type === 'danger' },
259
311
  { 'text-purple-700': type === 'secondary' },
260
312
  { 'text-gray-700': type === 'alternative' }
261
313
  );
262
314
  &nbsp;
263
315
  return (
264
- &lt;button type="button" className={btnStyles} onClick={onClick}&gt;
265
- {icon &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >&lt;DynamicIcons icon={icon} className={iconStyles} outline={false} /&gt;}</span>
316
+ &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;
319
+ }
266
320
  &lt;span&gt;{label}&lt;/span&gt;
267
321
  &lt;/button&gt;
268
322
  );
@@ -274,7 +328,7 @@ export const Button: FC&lt;ButtonProps&gt; = ({
274
328
  <div class='footer quiet pad2 space-top1 center small'>
275
329
  Code coverage generated by
276
330
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
277
- at Mon Feb 28 2022 11:30:39 GMT-0500 (Eastern Standard Time)
331
+ at Wed May 11 2022 15:20:43 GMT-0400 (Eastern Daylight Time)
278
332
  </div>
279
333
  <script src="../../../../prettify.js"></script>
280
334
  <script>
package/coverage/agility-component-lib-react/src/components/Button/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">95.23% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>16/16</span>
28
+ <span class='fraction'>20/21</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">66.66% </span>
33
+ <span class="strong">57.14% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>4/6</span>
35
+ <span class='fraction'>8/14</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
40
+ <span class="strong">50% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>1/1</span>
42
+ <span class='fraction'>1/2</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">94.11% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>13/13</span>
49
+ <span class='fraction'>16/17</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="Button.tsx"><a href="Button.tsx.html">Button.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="95.23" class="pic high">
84
+ <div class="chart"><div class="cover-fill" style="width: 95%"></div><div class="cover-empty" style="width: 5%"></div></div>
85
85
  </td>
86
- <td data-value="100" class="pct high">100%</td>
87
- <td data-value="16" class="abs high">16/16</td>
88
- <td data-value="66.66" class="pct medium">66.66%</td>
89
- <td data-value="6" class="abs medium">4/6</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="13" class="abs high">13/13</td>
86
+ <td data-value="95.23" class="pct high">95.23%</td>
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>
90
+ <td data-value="50" class="pct medium">50%</td>
91
+ <td data-value="2" class="abs medium">1/2</td>
92
+ <td data-value="94.11" class="pct high">94.11%</td>
93
+ <td data-value="17" class="abs high">16/17</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 Wed May 11 2022 15:20:43 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/util/DynamicIcons.tsx.html CHANGED
@@ -85,10 +85,10 @@
85
85
  <a name='L20'></a><a href='#L20'>20</a>
86
86
  <a name='L21'></a><a href='#L21'>21</a>
87
87
  <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
88
+ <a name='L23'></a><a href='#L23'>23</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
89
89
  <span class="cline-any cline-neutral">&nbsp;</span>
90
- <span class="cline-any cline-yes">2x</span>
91
- <span class="cline-any cline-yes">2x</span>
90
+ <span class="cline-any cline-yes">1x</span>
91
+ <span class="cline-any cline-yes">1x</span>
92
92
  <span class="cline-any cline-neutral">&nbsp;</span>
93
93
  <span class="cline-any cline-neutral">&nbsp;</span>
94
94
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -98,7 +98,7 @@
98
98
  <span class="cline-any cline-neutral">&nbsp;</span>
99
99
  <span class="cline-any cline-neutral">&nbsp;</span>
100
100
  <span class="cline-any cline-neutral">&nbsp;</span>
101
- <span class="cline-any cline-yes">2x</span>
101
+ <span class="cline-any cline-yes">1x</span>
102
102
  <span class="cline-any cline-no">&nbsp;</span>
103
103
  <span class="cline-any cline-no">&nbsp;</span>
104
104
  <span class="cline-any cline-no">&nbsp;</span>
@@ -136,7 +136,7 @@ export const DynamicIcons = <span class="fstat-no" title="function not covered"
136
136
  <div class='footer quiet pad2 space-top1 center small'>
137
137
  Code coverage generated by
138
138
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
139
- at Mon Feb 28 2022 11:30:39 GMT-0500 (Eastern Standard Time)
139
+ at Wed May 11 2022 15:20:43 GMT-0400 (Eastern Daylight Time)
140
140
  </div>
141
141
  <script src="../../../prettify.js"></script>
142
142
  <script>
package/coverage/agility-component-lib-react/src/util/Loader.tsx.html ADDED
@@ -0,0 +1,139 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for agility-component-lib-react/src/util/Loader.tsx</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> / <a href="index.html">agility-component-lib-react/src/util</a> Loader.tsx</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">50% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>3/6</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'>0/0</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">0% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>0/1</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">60% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>3/5</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 medium'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a>
72
+ <a name='L7'></a><a href='#L7'>7</a>
73
+ <a name='L8'></a><a href='#L8'>8</a>
74
+ <a name='L9'></a><a href='#L9'>9</a>
75
+ <a name='L10'></a><a href='#L10'>10</a>
76
+ <a name='L11'></a><a href='#L11'>11</a>
77
+ <a name='L12'></a><a href='#L12'>12</a>
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></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
85
+ <span class="cline-any cline-yes">1x</span>
86
+ <span class="cline-any cline-neutral">&nbsp;</span>
87
+ <span class="cline-any cline-neutral">&nbsp;</span>
88
+ <span class="cline-any cline-neutral">&nbsp;</span>
89
+ <span class="cline-any cline-neutral">&nbsp;</span>
90
+ <span class="cline-any cline-neutral">&nbsp;</span>
91
+ <span class="cline-any cline-yes">1x</span>
92
+ <span class="cline-any cline-no">&nbsp;</span>
93
+ <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-neutral">&nbsp;</span>
99
+ <span class="cline-any cline-neutral">&nbsp;</span>
100
+ <span class="cline-any cline-no">&nbsp;</span>
101
+ <span class="cline-any cline-neutral">&nbsp;</span>
102
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
103
+ import { default as cn } from 'classnames';
104
+ &nbsp;
105
+ interface LoaderProps {
106
+ classes?: string;
107
+ }
108
+ &nbsp;
109
+ export function <span class="fstat-no" title="function not covered" >Loader(</span>{ classes<span class="cstat-no" title="statement not covered" > }: LoaderProps)</span>: JSX.Element {
110
+ const outerLoaderStyles = <span class="cstat-no" title="statement not covered" >cn(</span>
111
+ 'rounded-full border-purple-700 inline-block border-r-gray-200 animate-spin m-auto',
112
+ classes,
113
+ {
114
+ 'w-16 h-16 border-8': !classes
115
+ }
116
+ );
117
+ &nbsp;
118
+ <span class="cstat-no" title="statement not covered" > return &lt;div className={outerLoaderStyles} role="status"&gt;&lt;/div&gt;;</span>
119
+ }
120
+ &nbsp;</pre></td></tr></table></pre>
121
+
122
+ <div class='push'></div><!-- for sticky footer -->
123
+ </div><!-- /wrapper -->
124
+ <div class='footer quiet pad2 space-top1 center small'>
125
+ Code coverage generated by
126
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
127
+ at Wed May 11 2022 15:20:43 GMT-0400 (Eastern Daylight Time)
128
+ </div>
129
+ <script src="../../../prettify.js"></script>
130
+ <script>
131
+ window.onload = function () {
132
+ prettyPrint();
133
+ };
134
+ </script>
135
+ <script src="../../../sorter.js"></script>
136
+ <script src="../../../block-navigation.js"></script>
137
+ </body>
138
+ </html>
139
+
package/coverage/agility-component-lib-react/src/util/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">38.46% </span>
26
+ <span class="strong">42.1% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>5/13</span>
28
+ <span class='fraction'>8/19</span>
29
29
  </div>
30
30
 
31
31
 
@@ -39,14 +39,14 @@
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">0% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>0/1</span>
42
+ <span class='fraction'>0/2</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">40% </span>
47
+ <span class="strong">46.66% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>4/10</span>
49
+ <span class='fraction'>7/15</span>
50
50
  </div>
51
51
 
52
52
 
@@ -93,6 +93,21 @@
93
93
  <td data-value="10" class="abs low">4/10</td>
94
94
  </tr>
95
95
 
96
+ <tr>
97
+ <td class="file medium" data-value="Loader.tsx"><a href="Loader.tsx.html">Loader.tsx</a></td>
98
+ <td data-value="50" class="pic medium">
99
+ <div class="chart"><div class="cover-fill" style="width: 50%"></div><div class="cover-empty" style="width: 50%"></div></div>
100
+ </td>
101
+ <td data-value="50" class="pct medium">50%</td>
102
+ <td data-value="6" class="abs medium">3/6</td>
103
+ <td data-value="100" class="pct high">100%</td>
104
+ <td data-value="0" class="abs high">0/0</td>
105
+ <td data-value="0" class="pct low">0%</td>
106
+ <td data-value="1" class="abs low">0/1</td>
107
+ <td data-value="60" class="pct medium">60%</td>
108
+ <td data-value="5" class="abs medium">3/5</td>
109
+ </tr>
110
+
96
111
  </tbody>
97
112
  </table>
98
113
  </div>
@@ -101,7 +116,7 @@
101
116
  <div class='footer quiet pad2 space-top1 center small'>
102
117
  Code coverage generated by
103
118
  <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)
119
+ at Wed May 11 2022 15:20:43 GMT-0400 (Eastern Daylight Time)
105
120
  </div>
106
121
  <script src="../../../prettify.js"></script>
107
122
  <script>
package/coverage/agility-component-lib-react/styleMock.js.html CHANGED
@@ -76,7 +76,7 @@ module.exports = {};
76
76
  <div class='footer quiet pad2 space-top1 center small'>
77
77
  Code coverage generated by
78
78
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
79
- at Mon Feb 28 2022 11:30:39 GMT-0500 (Eastern Standard Time)
79
+ at Wed May 11 2022 15:20:43 GMT-0400 (Eastern Daylight Time)
80
80
  </div>
81
81
  <script src="../prettify.js"></script>
82
82
  <script>