@agility/plenum-ui 1.1.71 → 1.1.72

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 (119) hide show
  1. package/.prettierrc +4 -4
  2. package/README.md +34 -0
  3. package/lib/components/Combobox/Combobox.d.ts +9 -2
  4. package/lib/components/Dropdown/Dropdown.d.ts +3 -3
  5. package/lib/components/TreeView/TreeItem/TreeItem.d.ts +2 -11
  6. package/lib/components/TreeView/TreeItem/TreeItem.stories.d.ts +1 -4
  7. package/lib/components/TreeView/context.d.ts +8 -5
  8. package/lib/components/TreeView/sampleData.d.ts +5 -5
  9. package/lib/index.esm.js +149 -70
  10. package/lib/index.esm.js.map +1 -1
  11. package/lib/index.js +148 -69
  12. package/lib/index.js.map +1 -1
  13. package/package.json +88 -81
  14. package/coverage/Forms/TextInputSelect/InputSelect/InputSelect.tsx.html +0 -204
  15. package/coverage/Forms/TextInputSelect/InputSelect/index.html +0 -155
  16. package/coverage/Select/Select.tsx.html +0 -264
  17. package/coverage/Select/index.html +0 -153
  18. package/coverage/Select.tsx.html +0 -261
  19. package/coverage/agility-component-lib-react/index.html +0 -116
  20. package/coverage/agility-component-lib-react/src/components/Button/Button.tsx.html +0 -349
  21. package/coverage/agility-component-lib-react/src/components/Button/index.html +0 -116
  22. package/coverage/agility-component-lib-react/src/components/Checkbox/Checkbox.tsx.html +0 -235
  23. package/coverage/agility-component-lib-react/src/components/Checkbox/index.html +0 -156
  24. package/coverage/agility-component-lib-react/src/components/Forms/BaseField/BaseField.tsx.html +0 -418
  25. package/coverage/agility-component-lib-react/src/components/Forms/BaseField/index.html +0 -116
  26. package/coverage/agility-component-lib-react/src/components/Forms/Checkbox/Checkbox.tsx.html +0 -334
  27. package/coverage/agility-component-lib-react/src/components/Forms/Checkbox/index.html +0 -116
  28. package/coverage/agility-component-lib-react/src/components/Forms/InputCounter/InputCounter.tsx.html +0 -139
  29. package/coverage/agility-component-lib-react/src/components/Forms/InputCounter/index.html +0 -116
  30. package/coverage/agility-component-lib-react/src/components/Forms/InputLabel/InputLabel.tsx.html +0 -211
  31. package/coverage/agility-component-lib-react/src/components/Forms/InputLabel/index.html +0 -131
  32. package/coverage/agility-component-lib-react/src/components/Forms/InputLabel/index.ts.html +0 -94
  33. package/coverage/agility-component-lib-react/src/components/Forms/Radio/Radio.tsx.html +0 -349
  34. package/coverage/agility-component-lib-react/src/components/Forms/Radio/index.html +0 -116
  35. package/coverage/agility-component-lib-react/src/components/Forms/Select/Select.tsx.html +0 -337
  36. package/coverage/agility-component-lib-react/src/components/Forms/Select/index.html +0 -116
  37. package/coverage/agility-component-lib-react/src/components/Forms/TextInputAddon/InputCta/InputCta.tsx.html +0 -271
  38. package/coverage/agility-component-lib-react/src/components/Forms/TextInputAddon/InputCta/index.html +0 -116
  39. package/coverage/agility-component-lib-react/src/components/Forms/TextInputSelect/InputSelect/InputSelect.tsx.html +0 -217
  40. package/coverage/agility-component-lib-react/src/components/Forms/TextInputSelect/InputSelect/index.html +0 -116
  41. package/coverage/agility-component-lib-react/src/components/Radio/Radio.tsx.html +0 -243
  42. package/coverage/agility-component-lib-react/src/components/Radio/index.html +0 -156
  43. package/coverage/agility-component-lib-react/src/components/Switch/Switch.tsx.html +0 -241
  44. package/coverage/agility-component-lib-react/src/components/Switch/index.html +0 -116
  45. package/coverage/agility-component-lib-react/src/util/DynamicIcons.tsx.html +0 -151
  46. package/coverage/agility-component-lib-react/src/util/Loader.tsx.html +0 -139
  47. package/coverage/agility-component-lib-react/src/util/index.html +0 -131
  48. package/coverage/agility-component-lib-react/styleMock.js.html +0 -91
  49. package/coverage/base.css +0 -224
  50. package/coverage/block-navigation.js +0 -87
  51. package/coverage/clover.xml +0 -145
  52. package/coverage/coverage-final.json +0 -15
  53. package/coverage/favicon.png +0 -0
  54. package/coverage/index.html +0 -281
  55. package/coverage/lcov-report/agility-component-lib-react/index.html +0 -153
  56. package/coverage/lcov-report/agility-component-lib-react/src/components/Button/Button.tsx.html +0 -255
  57. package/coverage/lcov-report/agility-component-lib-react/src/components/Button/index.html +0 -156
  58. package/coverage/lcov-report/agility-component-lib-react/src/components/Checkbox/Checkbox.tsx.html +0 -235
  59. package/coverage/lcov-report/agility-component-lib-react/src/components/Checkbox/index.html +0 -156
  60. package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/BaseField/BaseField.tsx.html +0 -330
  61. package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/BaseField/index.html +0 -158
  62. package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/InputCounter/InputCounter.tsx.html +0 -147
  63. package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/InputCounter/index.html +0 -158
  64. package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/TextInputAddon/InputCta/InputCta.tsx.html +0 -258
  65. package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/TextInputAddon/InputCta/index.html +0 -159
  66. package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/TextInputSelect/InputSelect/InputSelect.tsx.html +0 -210
  67. package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/TextInputSelect/InputSelect/index.html +0 -159
  68. package/coverage/lcov-report/agility-component-lib-react/src/components/Radio/Radio.tsx.html +0 -243
  69. package/coverage/lcov-report/agility-component-lib-react/src/components/Radio/index.html +0 -156
  70. package/coverage/lcov-report/agility-component-lib-react/src/components/Switch/Switch.tsx.html +0 -225
  71. package/coverage/lcov-report/agility-component-lib-react/src/components/Switch/index.html +0 -156
  72. package/coverage/lcov-report/agility-component-lib-react/src/util/DynamicIcons.tsx.html +0 -137
  73. package/coverage/lcov-report/agility-component-lib-react/src/util/index.html +0 -155
  74. package/coverage/lcov-report/agility-component-lib-react/styleMock.js.html +0 -90
  75. package/coverage/lcov-report/base.css +0 -354
  76. package/coverage/lcov-report/block-navigation.js +0 -82
  77. package/coverage/lcov-report/favicon.png +0 -0
  78. package/coverage/lcov-report/index.html +0 -385
  79. package/coverage/lcov-report/prettify.css +0 -101
  80. package/coverage/lcov-report/prettify.js +0 -955
  81. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  82. package/coverage/lcov-report/sorter.js +0 -189
  83. package/coverage/lcov.info +0 -267
  84. package/coverage/prettify.css +0 -1
  85. package/coverage/prettify.js +0 -2
  86. package/coverage/sort-arrow-sprite.png +0 -0
  87. package/coverage/sorter.js +0 -196
  88. package/lib/components/Checkbox/Checkbox.d.ts +0 -19
  89. package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -12
  90. package/lib/components/Checkbox/Checkbox.test.d.ts +0 -1
  91. package/lib/components/Checkbox/index.d.ts +0 -1
  92. package/lib/components/DatePicker/DatePicker.d.ts +0 -7
  93. package/lib/components/DatePicker/DatePicker.stories.d.ts +0 -6
  94. package/lib/components/DatePicker/DatePicker.test.d.ts +0 -1
  95. package/lib/components/DatePicker/index.d.ts +0 -1
  96. package/lib/components/Forms/InputCta/InputCta.d.ts +0 -16
  97. package/lib/components/Forms/InputCta/InputCta.stories.d.ts +0 -6
  98. package/lib/components/Forms/InputCta/InputCta.test.d.ts +0 -1
  99. package/lib/components/Forms/InputCta/index.d.ts +0 -1
  100. package/lib/components/InputCounter/InputCounter.d.ts +0 -16
  101. package/lib/components/InputCounter/InputCounter.stories.d.ts +0 -6
  102. package/lib/components/InputCounter/InputCounter.test.d.ts +0 -1
  103. package/lib/components/InputCounter/index.d.ts +0 -1
  104. package/lib/components/Radio/Radio.d.ts +0 -21
  105. package/lib/components/Radio/Radio.stories.d.ts +0 -12
  106. package/lib/components/Radio/Radio.test.d.ts +0 -1
  107. package/lib/components/Radio/index.d.ts +0 -1
  108. package/lib/components/Select/Select.d.ts +0 -25
  109. package/lib/components/Select/Select.stories.d.ts +0 -11
  110. package/lib/components/Select/Select.test.d.ts +0 -1
  111. package/lib/components/Select/index.d.ts +0 -1
  112. package/lib/components/TextInput/TextInput.d.ts +0 -46
  113. package/lib/components/TextInput/TextInput.stories.d.ts +0 -10
  114. package/lib/components/TextInput/index.d.ts +0 -1
  115. package/lib/components/TextInputAddon/TextInputAddon.d.ts +0 -51
  116. package/lib/components/TextInputAddon/TextInputAddon.stories.d.ts +0 -6
  117. package/lib/components/TextInputAddon/index.d.ts +0 -1
  118. package/lib/components/TreeView/types/tree.types.d.ts +0 -21
  119. package/yarn-error.log +0 -12463
@@ -1,337 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for agility-component-lib-react/src/components/Forms/Select/Select.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/components/Forms/Select</a> Select.tsx</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'>26/26</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'>4/4</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'>3/3</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'>22/22</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
- <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>
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>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
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>
103
- <a name='L38'></a><a href='#L38'>38</a>
104
- <a name='L39'></a><a href='#L39'>39</a>
105
- <a name='L40'></a><a href='#L40'>40</a>
106
- <a name='L41'></a><a href='#L41'>41</a>
107
- <a name='L42'></a><a href='#L42'>42</a>
108
- <a name='L43'></a><a href='#L43'>43</a>
109
- <a name='L44'></a><a href='#L44'>44</a>
110
- <a name='L45'></a><a href='#L45'>45</a>
111
- <a name='L46'></a><a href='#L46'>46</a>
112
- <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a>
128
- <a name='L63'></a><a href='#L63'>63</a>
129
- <a name='L64'></a><a href='#L64'>64</a>
130
- <a name='L65'></a><a href='#L65'>65</a>
131
- <a name='L66'></a><a href='#L66'>66</a>
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>
150
- <a name='L85'></a><a href='#L85'>85</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
151
- <span class="cline-any cline-yes">1x</span>
152
- <span class="cline-any cline-yes">1x</span>
153
- <span class="cline-any cline-neutral">&nbsp;</span>
154
- <span class="cline-any cline-neutral">&nbsp;</span>
155
- <span class="cline-any cline-neutral">&nbsp;</span>
156
- <span class="cline-any cline-neutral">&nbsp;</span>
157
- <span class="cline-any cline-neutral">&nbsp;</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>
165
- <span class="cline-any cline-neutral">&nbsp;</span>
166
- <span class="cline-any cline-neutral">&nbsp;</span>
167
- <span class="cline-any cline-neutral">&nbsp;</span>
168
- <span class="cline-any cline-neutral">&nbsp;</span>
169
- <span class="cline-any cline-neutral">&nbsp;</span>
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>
175
- <span class="cline-any cline-neutral">&nbsp;</span>
176
- <span class="cline-any cline-neutral">&nbsp;</span>
177
- <span class="cline-any cline-neutral">&nbsp;</span>
178
- <span class="cline-any cline-neutral">&nbsp;</span>
179
- <span class="cline-any cline-yes">1x</span>
180
- <span class="cline-any cline-yes">7x</span>
181
- <span class="cline-any cline-yes">7x</span>
182
- <span class="cline-any cline-yes">7x</span>
183
- <span class="cline-any cline-yes">7x</span>
184
- <span class="cline-any cline-yes">7x</span>
185
- <span class="cline-any cline-yes">7x</span>
186
- <span class="cline-any cline-yes">7x</span>
187
- <span class="cline-any cline-yes">7x</span>
188
- <span class="cline-any cline-neutral">&nbsp;</span>
189
- <span class="cline-any cline-yes">7x</span>
190
- <span class="cline-any cline-yes">7x</span>
191
- <span class="cline-any cline-yes">1x</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-neutral">&nbsp;</span>
195
- <span class="cline-any cline-yes">7x</span>
196
- <span class="cline-any cline-neutral">&nbsp;</span>
197
- <span class="cline-any cline-neutral">&nbsp;</span>
198
- <span class="cline-any cline-neutral">&nbsp;</span>
199
- <span class="cline-any cline-neutral">&nbsp;</span>
200
- <span class="cline-any cline-neutral">&nbsp;</span>
201
- <span class="cline-any cline-yes">7x</span>
202
- <span class="cline-any cline-yes">7x</span>
203
- <span class="cline-any cline-neutral">&nbsp;</span>
204
- <span class="cline-any cline-neutral">&nbsp;</span>
205
- <span class="cline-any cline-neutral">&nbsp;</span>
206
- <span class="cline-any cline-neutral">&nbsp;</span>
207
- <span class="cline-any cline-neutral">&nbsp;</span>
208
- <span class="cline-any cline-neutral">&nbsp;</span>
209
- <span class="cline-any cline-neutral">&nbsp;</span>
210
- <span class="cline-any cline-neutral">&nbsp;</span>
211
- <span class="cline-any cline-neutral">&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>
217
- <span class="cline-any cline-neutral">&nbsp;</span>
218
- <span class="cline-any cline-neutral">&nbsp;</span>
219
- <span class="cline-any cline-neutral">&nbsp;</span>
220
- <span class="cline-any cline-neutral">&nbsp;</span>
221
- <span class="cline-any cline-neutral">&nbsp;</span>
222
- <span class="cline-any cline-neutral">&nbsp;</span>
223
- <span class="cline-any cline-yes">8x</span>
224
- <span class="cline-any cline-yes">8x</span>
225
- <span class="cline-any cline-neutral">&nbsp;</span>
226
- <span class="cline-any cline-neutral">&nbsp;</span>
227
- <span class="cline-any cline-neutral">&nbsp;</span>
228
- <span class="cline-any cline-neutral">&nbsp;</span>
229
- <span class="cline-any cline-neutral">&nbsp;</span>
230
- <span class="cline-any cline-neutral">&nbsp;</span>
231
- <span class="cline-any cline-neutral">&nbsp;</span>
232
- <span class="cline-any cline-neutral">&nbsp;</span>
233
- <span class="cline-any cline-neutral">&nbsp;</span>
234
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { FC, useState } from 'react';
235
- import { default as cn } from 'classnames';
236
- import { InputLabel } from '../InputLabel';
237
- &nbsp;
238
- export type SimpleSelectOptions = {
239
- label: string;
240
- value: string;
241
- };
242
- &nbsp;
243
- export interface SimpleSelectProps {
244
- /** Label */
245
- label?: string;
246
- /** Select ID prop */
247
- id: string;
248
- /** Select name prop */
249
- name: string;
250
- /** List of options to display in the select menu */
251
- options: SimpleSelectOptions[];
252
- /** Select name prop */
253
- onChange?(value: string): void;
254
- /** Select disabled state */
255
- isDisabled?: boolean;
256
- /** Select error state */
257
- isError?: boolean;
258
- /** Select required state */
259
- isRequired?: boolean;
260
- }
261
- &nbsp;
262
- /** Comment */
263
- export const Select: FC&lt;SimpleSelectProps&gt; = ({
264
- label,
265
- id,
266
- name,
267
- options,
268
- onChange,
269
- isDisabled,
270
- isError,
271
- isRequired
272
- }: SimpleSelectProps) =&gt; {
273
- const [selectedOption, setSelectedOption] = useState&lt;string&gt;(options[0].value);
274
- const handleChange = (e: React.ChangeEvent&lt;HTMLSelectElement&gt;) =&gt; {
275
- const targetValue = e.target.value;
276
- typeof onChange == 'function' &amp;&amp; onChange(targetValue);
277
- setSelectedOption(targetValue);
278
- };
279
- const selectStyles = cn(
280
- 'block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none',
281
- 'focus:ring-purple-500 focus:border-purple-500 sm:text-sm rounded-md',
282
- { 'border-red-500': isError },
283
- { 'border-gray-300': !isError }
284
- );
285
- const wrapperStyle = cn({ 'opacity-50': isDisabled });
286
- return (
287
- &lt;div className={wrapperStyle}&gt;
288
- {label &amp;&amp; (
289
- &lt;InputLabel
290
- isPlaceholder
291
- isActive
292
- label={label}
293
- isRequired={isRequired}
294
- id={id}
295
- isError={isError}
296
- isDisabled={isDisabled}
297
- /&gt;
298
- )}
299
- &lt;select
300
- id={id}
301
- name={name}
302
- className={selectStyles}
303
- onChange={handleChange}
304
- disabled={isDisabled}
305
- value={selectedOption}
306
- &gt;
307
- {options.map(({ value, label }) =&gt; {
308
- return (
309
- &lt;option key={value} value={value}&gt;
310
- {label}
311
- &lt;/option&gt;
312
- );
313
- })}
314
- &lt;/select&gt;
315
- &lt;/div&gt;
316
- );
317
- };
318
- &nbsp;</pre></td></tr></table></pre>
319
-
320
- <div class='push'></div><!-- for sticky footer -->
321
- </div><!-- /wrapper -->
322
- <div class='footer quiet pad2 space-top1 center small'>
323
- Code coverage generated by
324
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
325
- at Tue May 31 2022 10:20:14 GMT-0400 (Eastern Daylight Time)
326
- </div>
327
- <script src="../../../../../prettify.js"></script>
328
- <script>
329
- window.onload = function () {
330
- prettyPrint();
331
- };
332
- </script>
333
- <script src="../../../../../sorter.js"></script>
334
- <script src="../../../../../block-navigation.js"></script>
335
- </body>
336
- </html>
337
-
@@ -1,116 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for agility-component-lib-react/src/components/Forms/Select</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> agility-component-lib-react/src/components/Forms/Select</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'>26/26</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'>4/4</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'>3/3</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'>22/22</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="Select.tsx"><a href="Select.tsx.html">Select.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>
85
- </td>
86
- <td data-value="100" class="pct high">100%</td>
87
- <td data-value="26" class="abs high">26/26</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="3" class="abs high">3/3</td>
92
- <td data-value="100" class="pct high">100%</td>
93
- <td data-value="22" class="abs high">22/22</td>
94
- </tr>
95
-
96
- </tbody>
97
- </table>
98
- </div>
99
- <div class='push'></div><!-- for sticky footer -->
100
- </div><!-- /wrapper -->
101
- <div class='footer quiet pad2 space-top1 center small'>
102
- Code coverage generated by
103
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue May 31 2022 10:20:14 GMT-0400 (Eastern Daylight Time)
105
- </div>
106
- <script src="../../../../../prettify.js"></script>
107
- <script>
108
- window.onload = function () {
109
- prettyPrint();
110
- };
111
- </script>
112
- <script src="../../../../../sorter.js"></script>
113
- <script src="../../../../../block-navigation.js"></script>
114
- </body>
115
- </html>
116
-