@madie/madie-design-system 1.2.26 → 1.2.27

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 (74) hide show
  1. package/components/MadieAlert/index.jsx +41 -22
  2. package/coverage/clover.xml +47 -44
  3. package/coverage/coverage-final.json +2 -2
  4. package/coverage/lcov-report/index.html +12 -12
  5. package/coverage/lcov-report/react/components/Accordion/index.html +1 -1
  6. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +1 -1
  7. package/coverage/lcov-report/react/components/Button/index.html +1 -1
  8. package/coverage/lcov-report/react/components/Button/index.js.html +1 -1
  9. package/coverage/lcov-report/react/components/DateField/DateField.jsx.html +1 -1
  10. package/coverage/lcov-report/react/components/DateField/index.html +1 -1
  11. package/coverage/lcov-report/react/components/DateTimeField/DateTimeField.jsx.html +1 -1
  12. package/coverage/lcov-report/react/components/DateTimeField/index.html +1 -1
  13. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +1 -1
  14. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +1 -1
  15. package/coverage/lcov-report/react/components/Error/error.js.html +1 -1
  16. package/coverage/lcov-report/react/components/Error/index.html +1 -1
  17. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +1 -1
  18. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +1 -1
  19. package/coverage/lcov-report/react/components/Footer/footer.js.html +1 -1
  20. package/coverage/lcov-report/react/components/Footer/index.html +1 -1
  21. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +1 -1
  22. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +1 -1
  23. package/coverage/lcov-report/react/components/Infotip/index.html +1 -1
  24. package/coverage/lcov-report/react/components/Infotip/index.js.html +1 -1
  25. package/coverage/lcov-report/react/components/InputLabel/index.html +1 -1
  26. package/coverage/lcov-report/react/components/InputLabel/index.jsx.html +1 -1
  27. package/coverage/lcov-report/react/components/MadieAlert/index.html +10 -10
  28. package/coverage/lcov-report/react/components/MadieAlert/index.jsx.html +93 -36
  29. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.html +1 -1
  30. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.jsx.html +1 -1
  31. package/coverage/lcov-report/react/components/MadieDialog/index.html +1 -1
  32. package/coverage/lcov-report/react/components/MadieDialog/index.jsx.html +1 -1
  33. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.html +1 -1
  34. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.jsx.html +1 -1
  35. package/coverage/lcov-report/react/components/MadieSpinner/index.html +1 -1
  36. package/coverage/lcov-report/react/components/MadieSpinner/index.jsx.html +1 -1
  37. package/coverage/lcov-report/react/components/MadieTooltip/index.html +1 -1
  38. package/coverage/lcov-report/react/components/MadieTooltip/index.jsx.html +1 -1
  39. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.html +1 -1
  40. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.jsx.html +1 -1
  41. package/coverage/lcov-report/react/components/Pagination/index.html +1 -1
  42. package/coverage/lcov-report/react/components/Pagination/index.jsx.html +1 -1
  43. package/coverage/lcov-report/react/components/Popover/index.html +1 -1
  44. package/coverage/lcov-report/react/components/Popover/index.js.html +1 -1
  45. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.html +1 -1
  46. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.jsx.html +1 -1
  47. package/coverage/lcov-report/react/components/Select/index.html +1 -1
  48. package/coverage/lcov-report/react/components/Select/index.jsx.html +1 -1
  49. package/coverage/lcov-report/react/components/Tabs/Tab.js.html +1 -1
  50. package/coverage/lcov-report/react/components/Tabs/index.html +1 -1
  51. package/coverage/lcov-report/react/components/Tabs/index.js.html +1 -1
  52. package/coverage/lcov-report/react/components/TextArea/index.html +1 -1
  53. package/coverage/lcov-report/react/components/TextArea/index.jsx.html +1 -1
  54. package/coverage/lcov-report/react/components/TextField/index.html +1 -1
  55. package/coverage/lcov-report/react/components/TextField/index.jsx.html +1 -1
  56. package/coverage/lcov-report/react/components/Toast/index.html +1 -1
  57. package/coverage/lcov-report/react/components/Toast/index.jsx.html +8 -8
  58. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +1 -1
  59. package/coverage/lcov-report/react/components/Tooltip/index.html +1 -1
  60. package/coverage/lcov-report/react/components/Tooltip/index.js.html +1 -1
  61. package/coverage/lcov-report/react/components/Tooltip/position.js.html +1 -1
  62. package/coverage/lcov-report/react/index.html +1 -1
  63. package/coverage/lcov-report/react/index.js.html +1 -1
  64. package/coverage/lcov-report/react/lib/Chevron.jsx.html +1 -1
  65. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +1 -1
  66. package/coverage/lcov-report/react/lib/index.html +1 -1
  67. package/coverage/lcov.info +91 -86
  68. package/dist/browser.js +1 -1
  69. package/dist/index.js +1 -1
  70. package/dist/react/index.js +2 -2
  71. package/dist/react/index.js.map +1 -1
  72. package/package-lock.json +2 -2
  73. package/package.json +1 -1
  74. package/test/components/MadieAlert.test.js +5 -0
@@ -349,7 +349,7 @@ export default Collapsible;
349
349
  <div class='footer quiet pad2 space-top1 center small'>
350
350
  Code coverage generated by
351
351
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
352
- at 2024-08-19T15:22:58.799Z
352
+ at 2024-08-19T19:52:18.982Z
353
353
  </div>
354
354
  <script src="../../../prettify.js"></script>
355
355
  <script>
@@ -163,7 +163,7 @@ export default ErrorUI;
163
163
  <div class='footer quiet pad2 space-top1 center small'>
164
164
  Code coverage generated by
165
165
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
166
- at 2024-08-19T15:22:58.799Z
166
+ at 2024-08-19T19:52:18.982Z
167
167
  </div>
168
168
  <script src="../../../prettify.js"></script>
169
169
  <script>
@@ -148,7 +148,7 @@ export default class ErrorPage {
148
148
  <div class='footer quiet pad2 space-top1 center small'>
149
149
  Code coverage generated by
150
150
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
151
- at 2024-08-19T15:22:58.799Z
151
+ at 2024-08-19T19:52:18.982Z
152
152
  </div>
153
153
  <script src="../../../prettify.js"></script>
154
154
  <script>
@@ -131,7 +131,7 @@
131
131
  <div class='footer quiet pad2 space-top1 center small'>
132
132
  Code coverage generated by
133
133
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
134
- at 2024-08-19T15:22:58.799Z
134
+ at 2024-08-19T19:52:18.982Z
135
135
  </div>
136
136
  <script src="../../../prettify.js"></script>
137
137
  <script>
@@ -481,7 +481,7 @@ export default FooterUI;
481
481
  <div class='footer quiet pad2 space-top1 center small'>
482
482
  Code coverage generated by
483
483
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
484
- at 2024-08-19T15:22:58.799Z
484
+ at 2024-08-19T19:52:18.982Z
485
485
  </div>
486
486
  <script src="../../../prettify.js"></script>
487
487
  <script>
@@ -682,7 +682,7 @@ export default LegacyFooterUI;
682
682
  <div class='footer quiet pad2 space-top1 center small'>
683
683
  Code coverage generated by
684
684
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
685
- at 2024-08-19T15:22:58.799Z
685
+ at 2024-08-19T19:52:18.982Z
686
686
  </div>
687
687
  <script src="../../../prettify.js"></script>
688
688
  <script>
@@ -160,7 +160,7 @@ export default class Footer {
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 noreferrer">istanbul</a>
163
- at 2024-08-19T15:22:58.799Z
163
+ at 2024-08-19T19:52:18.982Z
164
164
  </div>
165
165
  <script src="../../../prettify.js"></script>
166
166
  <script>
@@ -131,7 +131,7 @@
131
131
  <div class='footer quiet pad2 space-top1 center small'>
132
132
  Code coverage generated by
133
133
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
134
- at 2024-08-19T15:22:58.799Z
134
+ at 2024-08-19T19:52:18.982Z
135
135
  </div>
136
136
  <script src="../../../prettify.js"></script>
137
137
  <script>
@@ -295,7 +295,7 @@ export default Infotip;
295
295
  <div class='footer quiet pad2 space-top1 center small'>
296
296
  Code coverage generated by
297
297
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
298
- at 2024-08-19T15:22:58.799Z
298
+ at 2024-08-19T19:52:18.982Z
299
299
  </div>
300
300
  <script src="../../../prettify.js"></script>
301
301
  <script>
@@ -193,7 +193,7 @@ InfotipIcon.defaultProps = {
193
193
  <div class='footer quiet pad2 space-top1 center small'>
194
194
  Code coverage generated by
195
195
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
196
- at 2024-08-19T15:22:58.799Z
196
+ at 2024-08-19T19:52:18.982Z
197
197
  </div>
198
198
  <script src="../../../prettify.js"></script>
199
199
  <script>
@@ -131,7 +131,7 @@
131
131
  <div class='footer quiet pad2 space-top1 center small'>
132
132
  Code coverage generated by
133
133
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
134
- at 2024-08-19T15:22:58.799Z
134
+ at 2024-08-19T19:52:18.982Z
135
135
  </div>
136
136
  <script src="../../../prettify.js"></script>
137
137
  <script>
@@ -79,7 +79,7 @@ export default Infotip;
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 2024-08-19T15:22:58.799Z
82
+ at 2024-08-19T19:52:18.982Z
83
83
  </div>
84
84
  <script src="../../../prettify.js"></script>
85
85
  <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 noreferrer">istanbul</a>
104
- at 2024-08-19T15:22:58.799Z
104
+ at 2024-08-19T19:52:18.982Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -229,7 +229,7 @@ export default Label;
229
229
  <div class='footer quiet pad2 space-top1 center small'>
230
230
  Code coverage generated by
231
231
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
232
- at 2024-08-19T15:22:58.799Z
232
+ at 2024-08-19T19:52:18.982Z
233
233
  </div>
234
234
  <script src="../../../prettify.js"></script>
235
235
  <script>
@@ -23,9 +23,9 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">97.05% </span>
26
+ <span class="strong">97.29% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>33/34</span>
28
+ <span class='fraction'>36/37</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">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>6/6</span>
42
+ <span class='fraction'>7/7</span>
43
43
  </div>
44
44
 
45
45
 
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'>33/33</span>
49
+ <span class='fraction'>36/36</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="index.jsx"><a href="index.jsx.html">index.jsx</a></td>
83
- <td data-value="97.05" class="pic high">
83
+ <td data-value="97.29" class="pic high">
84
84
  <div class="chart"><div class="cover-fill" style="width: 97%"></div><div class="cover-empty" style="width: 3%"></div></div>
85
85
  </td>
86
- <td data-value="97.05" class="pct high">97.05%</td>
87
- <td data-value="34" class="abs high">33/34</td>
86
+ <td data-value="97.29" class="pct high">97.29%</td>
87
+ <td data-value="37" class="abs high">36/37</td>
88
88
  <td data-value="83.33" class="pct high">83.33%</td>
89
89
  <td data-value="36" class="abs high">30/36</td>
90
90
  <td data-value="100" class="pct high">100%</td>
91
- <td data-value="6" class="abs high">6/6</td>
91
+ <td data-value="7" class="abs high">7/7</td>
92
92
  <td data-value="100" class="pct high">100%</td>
93
- <td data-value="33" class="abs high">33/33</td>
93
+ <td data-value="36" class="abs high">36/36</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 2024-08-19T15:22:58.799Z
104
+ at 2024-08-19T19:52:18.982Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -23,9 +23,9 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">97.05% </span>
26
+ <span class="strong">97.29% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>33/34</span>
28
+ <span class='fraction'>36/37</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">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>6/6</span>
42
+ <span class='fraction'>7/7</span>
43
43
  </div>
44
44
 
45
45
 
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'>33/33</span>
49
+ <span class='fraction'>36/36</span>
50
50
  </div>
51
51
 
52
52
 
@@ -204,7 +204,26 @@
204
204
  <a name='L139'></a><a href='#L139'>139</a>
205
205
  <a name='L140'></a><a href='#L140'>140</a>
206
206
  <a name='L141'></a><a href='#L141'>141</a>
207
- <a name='L142'></a><a href='#L142'>142</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
207
+ <a name='L142'></a><a href='#L142'>142</a>
208
+ <a name='L143'></a><a href='#L143'>143</a>
209
+ <a name='L144'></a><a href='#L144'>144</a>
210
+ <a name='L145'></a><a href='#L145'>145</a>
211
+ <a name='L146'></a><a href='#L146'>146</a>
212
+ <a name='L147'></a><a href='#L147'>147</a>
213
+ <a name='L148'></a><a href='#L148'>148</a>
214
+ <a name='L149'></a><a href='#L149'>149</a>
215
+ <a name='L150'></a><a href='#L150'>150</a>
216
+ <a name='L151'></a><a href='#L151'>151</a>
217
+ <a name='L152'></a><a href='#L152'>152</a>
218
+ <a name='L153'></a><a href='#L153'>153</a>
219
+ <a name='L154'></a><a href='#L154'>154</a>
220
+ <a name='L155'></a><a href='#L155'>155</a>
221
+ <a name='L156'></a><a href='#L156'>156</a>
222
+ <a name='L157'></a><a href='#L157'>157</a>
223
+ <a name='L158'></a><a href='#L158'>158</a>
224
+ <a name='L159'></a><a href='#L159'>159</a>
225
+ <a name='L160'></a><a href='#L160'>160</a>
226
+ <a name='L161'></a><a href='#L161'>161</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
208
227
  <span class="cline-any cline-neutral">&nbsp;</span>
209
228
  <span class="cline-any cline-neutral">&nbsp;</span>
210
229
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -228,9 +247,10 @@
228
247
  <span class="cline-any cline-neutral">&nbsp;</span>
229
248
  <span class="cline-any cline-neutral">&nbsp;</span>
230
249
  <span class="cline-any cline-neutral">&nbsp;</span>
231
- <span class="cline-any cline-yes">8x</span>
250
+ <span class="cline-any cline-yes">12x</span>
251
+ <span class="cline-any cline-yes">12x</span>
232
252
  <span class="cline-any cline-neutral">&nbsp;</span>
233
- <span class="cline-any cline-yes">8x</span>
253
+ <span class="cline-any cline-yes">12x</span>
234
254
  <span class="cline-any cline-yes">3x</span>
235
255
  <span class="cline-any cline-yes">14x</span>
236
256
  <span class="cline-any cline-yes">14x</span>
@@ -262,23 +282,39 @@
262
282
  <span class="cline-any cline-yes">3x</span>
263
283
  <span class="cline-any cline-neutral">&nbsp;</span>
264
284
  <span class="cline-any cline-neutral">&nbsp;</span>
265
- <span class="cline-any cline-yes">8x</span>
285
+ <span class="cline-any cline-yes">12x</span>
266
286
  <span class="cline-any cline-yes">5x</span>
267
287
  <span class="cline-any cline-yes">3x</span>
268
288
  <span class="cline-any cline-neutral">&nbsp;</span>
269
289
  <span class="cline-any cline-neutral">&nbsp;</span>
270
290
  <span class="cline-any cline-neutral">&nbsp;</span>
271
- <span class="cline-any cline-yes">8x</span>
291
+ <span class="cline-any cline-yes">12x</span>
292
+ <span class="cline-any cline-neutral">&nbsp;</span>
293
+ <span class="cline-any cline-neutral">&nbsp;</span>
294
+ <span class="cline-any cline-neutral">&nbsp;</span>
295
+ <span class="cline-any cline-neutral">&nbsp;</span>
296
+ <span class="cline-any cline-neutral">&nbsp;</span>
297
+ <span class="cline-any cline-yes">12x</span>
298
+ <span class="cline-any cline-yes">12x</span>
299
+ <span class="cline-any cline-yes">12x</span>
300
+ <span class="cline-any cline-neutral">&nbsp;</span>
301
+ <span class="cline-any cline-yes">12x</span>
302
+ <span class="cline-any cline-neutral">&nbsp;</span>
303
+ <span class="cline-any cline-neutral">&nbsp;</span>
304
+ <span class="cline-any cline-neutral">&nbsp;</span>
305
+ <span class="cline-any cline-neutral">&nbsp;</span>
306
+ <span class="cline-any cline-neutral">&nbsp;</span>
307
+ <span class="cline-any cline-neutral">&nbsp;</span>
308
+ <span class="cline-any cline-neutral">&nbsp;</span>
309
+ <span class="cline-any cline-neutral">&nbsp;</span>
310
+ <span class="cline-any cline-neutral">&nbsp;</span>
311
+ <span class="cline-any cline-yes">1x</span>
272
312
  <span class="cline-any cline-neutral">&nbsp;</span>
273
313
  <span class="cline-any cline-neutral">&nbsp;</span>
274
314
  <span class="cline-any cline-neutral">&nbsp;</span>
275
315
  <span class="cline-any cline-neutral">&nbsp;</span>
276
316
  <span class="cline-any cline-neutral">&nbsp;</span>
277
- <span class="cline-any cline-yes">8x</span>
278
- <span class="cline-any cline-yes">8x</span>
279
- <span class="cline-any cline-yes">8x</span>
280
317
  <span class="cline-any cline-neutral">&nbsp;</span>
281
- <span class="cline-any cline-yes">8x</span>
282
318
  <span class="cline-any cline-neutral">&nbsp;</span>
283
319
  <span class="cline-any cline-neutral">&nbsp;</span>
284
320
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -302,6 +338,8 @@
302
338
  <span class="cline-any cline-neutral">&nbsp;</span>
303
339
  <span class="cline-any cline-yes">3x</span>
304
340
  <span class="cline-any cline-yes">3x</span>
341
+ <span class="cline-any cline-yes">3x</span>
342
+ <span class="cline-any cline-neutral">&nbsp;</span>
305
343
  <span class="cline-any cline-neutral">&nbsp;</span>
306
344
  <span class="cline-any cline-neutral">&nbsp;</span>
307
345
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -352,10 +390,10 @@ import InfoIcon from "@mui/icons-material/Info"; // info
352
390
  import CancelIcon from "@mui/icons-material/Cancel"; // error
353
391
  import CheckCircleIcon from "@mui/icons-material/CheckCircle"; //success
354
392
  import ContentCopyIcon from "@mui/icons-material/ContentCopy"; //copy
355
- &nbsp;
393
+ import Tooltip from "@mui/material/Tooltip";
356
394
  import { IconButton } from "@mui/material";
357
395
  import ClearIcon from "@mui/icons-material/Clear";
358
- &nbsp;
396
+ import Toast from "../Toast/index";
359
397
  import classNames from "classnames";
360
398
  import PropTypes from "prop-types";
361
399
  &nbsp;
@@ -370,6 +408,7 @@ const MadieAlert = ({
370
408
  copyButton,
371
409
  }) =&gt; {
372
410
  const [copyText, setCopyText] = useState("");
411
+ const [toastOpen, setToastOpen] = useState(false);
373
412
  &nbsp;
374
413
  const copyButtonBuilder = (content) =&gt; {
375
414
  const traversal = (contentNode, parentNode = true) =&gt; {
@@ -422,31 +461,49 @@ const MadieAlert = ({
422
461
  return (
423
462
  visible &amp;&amp; (
424
463
  &lt;div className={alertClass} {...alertProps}&gt;
464
+ &lt;Toast
465
+ toastKey="copy-success-toast"
466
+ data-testid="copy-success"
467
+ toastType="success"
468
+ open={toastOpen}
469
+ message="Copied to clipboard!"
470
+ onClose={() =&gt; {
471
+ setToastOpen(false);
472
+ }}
473
+ autoHideDuration={1500}
474
+ /&gt;
425
475
  &lt;Icon className={iconClass} /&gt;
426
476
  &lt;div id="content"&gt;{content &amp;&amp; content}&lt;/div&gt;
427
477
  {copyButton &amp;&amp; (
428
- &lt;IconButton
429
- sx={{
430
- marginLeft: "auto",
431
- "&amp;:after": {
432
- content: `''`,
433
- position: "absolute",
434
- left: "0px",
435
- width: "1px",
436
- height: "40px",
437
- backgroundColor: "#B0B0B0",
438
- pointerEvents: "none",
439
- },
440
- }}
478
+ &lt;Tooltip
479
+ data-testid="copy-button-tooltip"
480
+ title={"Copy Text"}
481
+ arrow
441
482
  &gt;
442
- &lt;ContentCopyIcon
443
- onClick={(e) =&gt; {
444
- e.preventDefault();
445
- navigator.clipboard.writeText(copyText);
483
+ &lt;IconButton
484
+ sx={{
485
+ marginLeft: "auto",
486
+ "&amp;:after": {
487
+ content: `''`,
488
+ position: "absolute",
489
+ left: "0px",
490
+ width: "1px",
491
+ height: "40px",
492
+ backgroundColor: "#B0B0B0",
493
+ pointerEvents: "none",
494
+ },
446
495
  }}
447
- sx={{ color: "#242424" }}
448
- /&gt;
449
- &lt;/IconButton&gt;
496
+ &gt;
497
+ &lt;ContentCopyIcon
498
+ onClick={(e) =&gt; {
499
+ e.preventDefault();
500
+ navigator.clipboard.writeText(copyText);
501
+ setToastOpen(true);
502
+ }}
503
+ sx={{ color: "#242424" }}
504
+ /&gt;
505
+ &lt;/IconButton&gt;
506
+ &lt;/Tooltip&gt;
450
507
  )}
451
508
  {canClose &amp;&amp; (
452
509
  &lt;IconButton
@@ -493,7 +550,7 @@ export default MadieAlert;
493
550
  <div class='footer quiet pad2 space-top1 center small'>
494
551
  Code coverage generated by
495
552
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
496
- at 2024-08-19T15:22:58.799Z
553
+ at 2024-08-19T19:52:18.982Z
497
554
  </div>
498
555
  <script src="../../../prettify.js"></script>
499
556
  <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 noreferrer">istanbul</a>
104
- at 2024-08-19T15:22:58.799Z
104
+ at 2024-08-19T19:52:18.982Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -232,7 +232,7 @@ export default MadieDeleteDialog;
232
232
  <div class='footer quiet pad2 space-top1 center small'>
233
233
  Code coverage generated by
234
234
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
235
- at 2024-08-19T15:22:58.799Z
235
+ at 2024-08-19T19:52:18.982Z
236
236
  </div>
237
237
  <script src="../../../prettify.js"></script>
238
238
  <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 noreferrer">istanbul</a>
104
- at 2024-08-19T15:22:58.799Z
104
+ at 2024-08-19T19:52:18.982Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -1009,7 +1009,7 @@ export default MadieDialog;
1009
1009
  <div class='footer quiet pad2 space-top1 center small'>
1010
1010
  Code coverage generated by
1011
1011
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
1012
- at 2024-08-19T15:22:58.799Z
1012
+ at 2024-08-19T19:52:18.982Z
1013
1013
  </div>
1014
1014
  <script src="../../../prettify.js"></script>
1015
1015
  <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 noreferrer">istanbul</a>
104
- at 2024-08-19T15:22:58.799Z
104
+ at 2024-08-19T19:52:18.982Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -217,7 +217,7 @@ export default MadieDiscardDialog;
217
217
  <div class='footer quiet pad2 space-top1 center small'>
218
218
  Code coverage generated by
219
219
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
220
- at 2024-08-19T15:22:58.799Z
220
+ at 2024-08-19T19:52:18.982Z
221
221
  </div>
222
222
  <script src="../../../prettify.js"></script>
223
223
  <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 noreferrer">istanbul</a>
104
- at 2024-08-19T15:22:58.799Z
104
+ at 2024-08-19T19:52:18.982Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -175,7 +175,7 @@ export default MadieSpinner;
175
175
  <div class='footer quiet pad2 space-top1 center small'>
176
176
  Code coverage generated by
177
177
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
178
- at 2024-08-19T15:22:58.799Z
178
+ at 2024-08-19T19:52:18.982Z
179
179
  </div>
180
180
  <script src="../../../prettify.js"></script>
181
181
  <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 noreferrer">istanbul</a>
104
- at 2024-08-19T15:22:58.799Z
104
+ at 2024-08-19T19:52:18.982Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -217,7 +217,7 @@ export default MadieToolTip;
217
217
  <div class='footer quiet pad2 space-top1 center small'>
218
218
  Code coverage generated by
219
219
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
220
- at 2024-08-19T15:22:58.799Z
220
+ at 2024-08-19T19:52:18.982Z
221
221
  </div>
222
222
  <script src="../../../prettify.js"></script>
223
223
  <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 noreferrer">istanbul</a>
104
- at 2024-08-19T15:22:58.799Z
104
+ at 2024-08-19T19:52:18.982Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -163,7 +163,7 @@ TooltipIcon.propTypes = {
163
163
  <div class='footer quiet pad2 space-top1 center small'>
164
164
  Code coverage generated by
165
165
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
166
- at 2024-08-19T15:22:58.799Z
166
+ at 2024-08-19T19:52:18.982Z
167
167
  </div>
168
168
  <script src="../../../prettify.js"></script>
169
169
  <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 noreferrer">istanbul</a>
104
- at 2024-08-19T15:22:58.799Z
104
+ at 2024-08-19T19:52:18.982Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -721,7 +721,7 @@ export { Pagination };
721
721
  <div class='footer quiet pad2 space-top1 center small'>
722
722
  Code coverage generated by
723
723
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
724
- at 2024-08-19T15:22:58.799Z
724
+ at 2024-08-19T19:52:18.982Z
725
725
  </div>
726
726
  <script src="../../../prettify.js"></script>
727
727
  <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 noreferrer">istanbul</a>
104
- at 2024-08-19T15:22:58.799Z
104
+ at 2024-08-19T19:52:18.982Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -463,7 +463,7 @@ export default MadiePopover;
463
463
  <div class='footer quiet pad2 space-top1 center small'>
464
464
  Code coverage generated by
465
465
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
466
- at 2024-08-19T15:22:58.799Z
466
+ at 2024-08-19T19:52:18.982Z
467
467
  </div>
468
468
  <script src="../../../prettify.js"></script>
469
469
  <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 noreferrer">istanbul</a>
104
- at 2024-08-19T15:22:58.799Z
104
+ at 2024-08-19T19:52:18.982Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -499,7 +499,7 @@ export default ReadOnlyTextField;
499
499
  <div class='footer quiet pad2 space-top1 center small'>
500
500
  Code coverage generated by
501
501
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
502
- at 2024-08-19T15:22:58.799Z
502
+ at 2024-08-19T19:52:18.982Z
503
503
  </div>
504
504
  <script src="../../../prettify.js"></script>
505
505
  <script>