@madie/madie-design-system 1.2.74 → 1.2.76

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 (97) hide show
  1. package/.idea/inspectionProfiles/Project_Default.xml +6 -0
  2. package/.idea/misc.xml +6 -0
  3. package/.idea/modules.xml +8 -0
  4. package/.idea/react.iml +9 -0
  5. package/.idea/vcs.xml +6 -0
  6. package/components/MadieAlert/index.jsx +3 -3
  7. package/components/MadieDeleteDialog/MadieDeleteDialog.stories.js +25 -0
  8. package/components/MadieDeleteDialog/index.jsx +18 -1
  9. package/coverage/clover.xml +585 -0
  10. package/coverage/coverage-final.json +37 -0
  11. package/coverage/lcov-report/DateTimeField/DateTimeField.jsx.html +355 -0
  12. package/coverage/lcov-report/DateTimeField/index.html +116 -0
  13. package/coverage/lcov-report/InputLabel/index.html +116 -0
  14. package/coverage/lcov-report/InputLabel/index.jsx.html +244 -0
  15. package/coverage/lcov-report/MadieTooltip/index.html +116 -0
  16. package/coverage/lcov-report/MadieTooltip/index.jsx.html +232 -0
  17. package/coverage/lcov-report/MadieTooltipIcon/index.html +116 -0
  18. package/coverage/lcov-report/MadieTooltipIcon/index.jsx.html +178 -0
  19. package/coverage/lcov-report/TextField/index.html +116 -0
  20. package/coverage/lcov-report/TextField/index.jsx.html +640 -0
  21. package/coverage/lcov-report/base.css +224 -0
  22. package/coverage/lcov-report/block-navigation.js +87 -0
  23. package/coverage/lcov-report/favicon.png +0 -0
  24. package/coverage/lcov-report/index.html +491 -0
  25. package/coverage/lcov-report/prettify.css +1 -0
  26. package/coverage/lcov-report/prettify.js +2 -0
  27. package/coverage/lcov-report/react/components/Accordion/index.html +116 -0
  28. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +370 -0
  29. package/coverage/lcov-report/react/components/Button/index.html +116 -0
  30. package/coverage/lcov-report/react/components/Button/index.js.html +385 -0
  31. package/coverage/lcov-report/react/components/DateField/DateField.jsx.html +556 -0
  32. package/coverage/lcov-report/react/components/DateField/index.html +116 -0
  33. package/coverage/lcov-report/react/components/DateTimeField/DateTimeField.jsx.html +355 -0
  34. package/coverage/lcov-report/react/components/DateTimeField/index.html +116 -0
  35. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +364 -0
  36. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +178 -0
  37. package/coverage/lcov-report/react/components/Error/error.js.html +163 -0
  38. package/coverage/lcov-report/react/components/Error/index.html +146 -0
  39. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +496 -0
  40. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +697 -0
  41. package/coverage/lcov-report/react/components/Footer/footer.js.html +175 -0
  42. package/coverage/lcov-report/react/components/Footer/index.html +146 -0
  43. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +310 -0
  44. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +208 -0
  45. package/coverage/lcov-report/react/components/Infotip/index.html +146 -0
  46. package/coverage/lcov-report/react/components/Infotip/index.js.html +94 -0
  47. package/coverage/lcov-report/react/components/InputLabel/index.html +116 -0
  48. package/coverage/lcov-report/react/components/InputLabel/index.jsx.html +244 -0
  49. package/coverage/lcov-report/react/components/MadieAlert/index.html +116 -0
  50. package/coverage/lcov-report/react/components/MadieAlert/index.jsx.html +565 -0
  51. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.html +116 -0
  52. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.jsx.html +247 -0
  53. package/coverage/lcov-report/react/components/MadieDialog/index.html +116 -0
  54. package/coverage/lcov-report/react/components/MadieDialog/index.jsx.html +1024 -0
  55. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.html +116 -0
  56. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.jsx.html +232 -0
  57. package/coverage/lcov-report/react/components/MadieSpinner/index.html +116 -0
  58. package/coverage/lcov-report/react/components/MadieSpinner/index.jsx.html +190 -0
  59. package/coverage/lcov-report/react/components/MadieTooltip/index.html +116 -0
  60. package/coverage/lcov-report/react/components/MadieTooltip/index.jsx.html +232 -0
  61. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.html +116 -0
  62. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.jsx.html +178 -0
  63. package/coverage/lcov-report/react/components/Pagination/index.html +116 -0
  64. package/coverage/lcov-report/react/components/Pagination/index.jsx.html +736 -0
  65. package/coverage/lcov-report/react/components/Popover/index.html +116 -0
  66. package/coverage/lcov-report/react/components/Popover/index.js.html +478 -0
  67. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.html +116 -0
  68. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.jsx.html +514 -0
  69. package/coverage/lcov-report/react/components/Select/index.html +116 -0
  70. package/coverage/lcov-report/react/components/Select/index.jsx.html +646 -0
  71. package/coverage/lcov-report/react/components/Tabs/Tab.js.html +325 -0
  72. package/coverage/lcov-report/react/components/Tabs/index.html +131 -0
  73. package/coverage/lcov-report/react/components/Tabs/index.js.html +370 -0
  74. package/coverage/lcov-report/react/components/TextArea/index.html +116 -0
  75. package/coverage/lcov-report/react/components/TextArea/index.jsx.html +436 -0
  76. package/coverage/lcov-report/react/components/TextField/index.html +116 -0
  77. package/coverage/lcov-report/react/components/TextField/index.jsx.html +640 -0
  78. package/coverage/lcov-report/react/components/Toast/index.html +116 -0
  79. package/coverage/lcov-report/react/components/Toast/index.jsx.html +436 -0
  80. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +349 -0
  81. package/coverage/lcov-report/react/components/Tooltip/index.html +146 -0
  82. package/coverage/lcov-report/react/components/Tooltip/index.js.html +94 -0
  83. package/coverage/lcov-report/react/components/Tooltip/position.js.html +313 -0
  84. package/coverage/lcov-report/react/index.html +116 -0
  85. package/coverage/lcov-report/react/index.js.html +133 -0
  86. package/coverage/lcov-report/react/lib/Chevron.jsx.html +181 -0
  87. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +1777 -0
  88. package/coverage/lcov-report/react/lib/index.html +131 -0
  89. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  90. package/coverage/lcov-report/sorter.js +196 -0
  91. package/coverage/lcov.info +1251 -0
  92. package/dist/browser.js +1 -1
  93. package/dist/index.js +1 -1
  94. package/dist/react/index.js +10 -10
  95. package/dist/react/index.js.map +1 -1
  96. package/package.json +2 -1
  97. package/test/components/MadieDeleteDialog.test.js +31 -0
package/coverage/lcov-report/react/components/MadieAlert/index.jsx.html ADDED
@@ -0,0 +1,565 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for react/components/MadieAlert/index.jsx</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">react/components/MadieAlert</a> index.jsx</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">97.14% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>34/35</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">78.37% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>29/37</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'>7/7</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'>34/34</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>
151
+ <a name='L86'></a><a href='#L86'>86</a>
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>
155
+ <a name='L90'></a><a href='#L90'>90</a>
156
+ <a name='L91'></a><a href='#L91'>91</a>
157
+ <a name='L92'></a><a href='#L92'>92</a>
158
+ <a name='L93'></a><a href='#L93'>93</a>
159
+ <a name='L94'></a><a href='#L94'>94</a>
160
+ <a name='L95'></a><a href='#L95'>95</a>
161
+ <a name='L96'></a><a href='#L96'>96</a>
162
+ <a name='L97'></a><a href='#L97'>97</a>
163
+ <a name='L98'></a><a href='#L98'>98</a>
164
+ <a name='L99'></a><a href='#L99'>99</a>
165
+ <a name='L100'></a><a href='#L100'>100</a>
166
+ <a name='L101'></a><a href='#L101'>101</a>
167
+ <a name='L102'></a><a href='#L102'>102</a>
168
+ <a name='L103'></a><a href='#L103'>103</a>
169
+ <a name='L104'></a><a href='#L104'>104</a>
170
+ <a name='L105'></a><a href='#L105'>105</a>
171
+ <a name='L106'></a><a href='#L106'>106</a>
172
+ <a name='L107'></a><a href='#L107'>107</a>
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>
178
+ <a name='L113'></a><a href='#L113'>113</a>
179
+ <a name='L114'></a><a href='#L114'>114</a>
180
+ <a name='L115'></a><a href='#L115'>115</a>
181
+ <a name='L116'></a><a href='#L116'>116</a>
182
+ <a name='L117'></a><a href='#L117'>117</a>
183
+ <a name='L118'></a><a href='#L118'>118</a>
184
+ <a name='L119'></a><a href='#L119'>119</a>
185
+ <a name='L120'></a><a href='#L120'>120</a>
186
+ <a name='L121'></a><a href='#L121'>121</a>
187
+ <a name='L122'></a><a href='#L122'>122</a>
188
+ <a name='L123'></a><a href='#L123'>123</a>
189
+ <a name='L124'></a><a href='#L124'>124</a>
190
+ <a name='L125'></a><a href='#L125'>125</a>
191
+ <a name='L126'></a><a href='#L126'>126</a>
192
+ <a name='L127'></a><a href='#L127'>127</a>
193
+ <a name='L128'></a><a href='#L128'>128</a>
194
+ <a name='L129'></a><a href='#L129'>129</a>
195
+ <a name='L130'></a><a href='#L130'>130</a>
196
+ <a name='L131'></a><a href='#L131'>131</a>
197
+ <a name='L132'></a><a href='#L132'>132</a>
198
+ <a name='L133'></a><a href='#L133'>133</a>
199
+ <a name='L134'></a><a href='#L134'>134</a>
200
+ <a name='L135'></a><a href='#L135'>135</a>
201
+ <a name='L136'></a><a href='#L136'>136</a>
202
+ <a name='L137'></a><a href='#L137'>137</a>
203
+ <a name='L138'></a><a href='#L138'>138</a>
204
+ <a name='L139'></a><a href='#L139'>139</a>
205
+ <a name='L140'></a><a href='#L140'>140</a>
206
+ <a name='L141'></a><a href='#L141'>141</a>
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>
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>
235
+ <span class="cline-any cline-neutral">&nbsp;</span>
236
+ <span class="cline-any cline-neutral">&nbsp;</span>
237
+ <span class="cline-any cline-neutral">&nbsp;</span>
238
+ <span class="cline-any cline-neutral">&nbsp;</span>
239
+ <span class="cline-any cline-neutral">&nbsp;</span>
240
+ <span class="cline-any cline-neutral">&nbsp;</span>
241
+ <span class="cline-any cline-yes">1x</span>
242
+ <span class="cline-any cline-neutral">&nbsp;</span>
243
+ <span class="cline-any cline-neutral">&nbsp;</span>
244
+ <span class="cline-any cline-neutral">&nbsp;</span>
245
+ <span class="cline-any cline-neutral">&nbsp;</span>
246
+ <span class="cline-any cline-neutral">&nbsp;</span>
247
+ <span class="cline-any cline-neutral">&nbsp;</span>
248
+ <span class="cline-any cline-neutral">&nbsp;</span>
249
+ <span class="cline-any cline-neutral">&nbsp;</span>
250
+ <span class="cline-any cline-yes">12x</span>
251
+ <span class="cline-any cline-yes">12x</span>
252
+ <span class="cline-any cline-neutral">&nbsp;</span>
253
+ <span class="cline-any cline-yes">12x</span>
254
+ <span class="cline-any cline-yes">3x</span>
255
+ <span class="cline-any cline-yes">14x</span>
256
+ <span class="cline-any cline-yes">14x</span>
257
+ <span class="cline-any cline-yes">14x</span>
258
+ <span class="cline-any cline-yes">4x</span>
259
+ <span class="cline-any cline-yes">10x</span>
260
+ <span class="cline-any cline-yes">10x</span>
261
+ <span class="cline-any cline-neutral">&nbsp;</span>
262
+ <span class="cline-any cline-neutral">&nbsp;</span>
263
+ <span class="cline-any cline-neutral">&nbsp;</span>
264
+ <span class="cline-any cline-yes">5x</span>
265
+ <span class="cline-any cline-neutral">&nbsp;</span>
266
+ <span class="cline-any cline-neutral">&nbsp;</span>
267
+ <span class="cline-any cline-yes">10x</span>
268
+ <span class="cline-any cline-yes">1x</span>
269
+ <span class="cline-any cline-yes">9x</span>
270
+ <span class="cline-any cline-neutral">&nbsp;</span>
271
+ <span class="cline-any cline-neutral">&nbsp;</span>
272
+ <span class="cline-any cline-neutral">&nbsp;</span>
273
+ <span class="cline-any cline-yes">8x</span>
274
+ <span class="cline-any cline-yes">1x</span>
275
+ <span class="cline-any cline-neutral">&nbsp;</span>
276
+ <span class="cline-any cline-neutral">&nbsp;</span>
277
+ <span class="cline-any cline-neutral">&nbsp;</span>
278
+ <span class="cline-any cline-yes">1x</span>
279
+ <span class="cline-any cline-neutral">&nbsp;</span>
280
+ <span class="cline-any cline-yes">14x</span>
281
+ <span class="cline-any cline-neutral">&nbsp;</span>
282
+ <span class="cline-any cline-yes">3x</span>
283
+ <span class="cline-any cline-neutral">&nbsp;</span>
284
+ <span class="cline-any cline-neutral">&nbsp;</span>
285
+ <span class="cline-any cline-yes">12x</span>
286
+ <span class="cline-any cline-yes">5x</span>
287
+ <span class="cline-any cline-yes">3x</span>
288
+ <span class="cline-any cline-neutral">&nbsp;</span>
289
+ <span class="cline-any cline-neutral">&nbsp;</span>
290
+ <span class="cline-any cline-neutral">&nbsp;</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>
312
+ <span class="cline-any cline-neutral">&nbsp;</span>
313
+ <span class="cline-any cline-neutral">&nbsp;</span>
314
+ <span class="cline-any cline-neutral">&nbsp;</span>
315
+ <span class="cline-any cline-neutral">&nbsp;</span>
316
+ <span class="cline-any cline-neutral">&nbsp;</span>
317
+ <span class="cline-any cline-neutral">&nbsp;</span>
318
+ <span class="cline-any cline-neutral">&nbsp;</span>
319
+ <span class="cline-any cline-neutral">&nbsp;</span>
320
+ <span class="cline-any cline-neutral">&nbsp;</span>
321
+ <span class="cline-any cline-neutral">&nbsp;</span>
322
+ <span class="cline-any cline-neutral">&nbsp;</span>
323
+ <span class="cline-any cline-neutral">&nbsp;</span>
324
+ <span class="cline-any cline-neutral">&nbsp;</span>
325
+ <span class="cline-any cline-neutral">&nbsp;</span>
326
+ <span class="cline-any cline-neutral">&nbsp;</span>
327
+ <span class="cline-any cline-neutral">&nbsp;</span>
328
+ <span class="cline-any cline-neutral">&nbsp;</span>
329
+ <span class="cline-any cline-neutral">&nbsp;</span>
330
+ <span class="cline-any cline-neutral">&nbsp;</span>
331
+ <span class="cline-any cline-neutral">&nbsp;</span>
332
+ <span class="cline-any cline-neutral">&nbsp;</span>
333
+ <span class="cline-any cline-neutral">&nbsp;</span>
334
+ <span class="cline-any cline-neutral">&nbsp;</span>
335
+ <span class="cline-any cline-neutral">&nbsp;</span>
336
+ <span class="cline-any cline-neutral">&nbsp;</span>
337
+ <span class="cline-any cline-neutral">&nbsp;</span>
338
+ <span class="cline-any cline-neutral">&nbsp;</span>
339
+ <span class="cline-any cline-yes">3x</span>
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>
343
+ <span class="cline-any cline-neutral">&nbsp;</span>
344
+ <span class="cline-any cline-neutral">&nbsp;</span>
345
+ <span class="cline-any cline-neutral">&nbsp;</span>
346
+ <span class="cline-any cline-neutral">&nbsp;</span>
347
+ <span class="cline-any cline-neutral">&nbsp;</span>
348
+ <span class="cline-any cline-neutral">&nbsp;</span>
349
+ <span class="cline-any cline-neutral">&nbsp;</span>
350
+ <span class="cline-any cline-neutral">&nbsp;</span>
351
+ <span class="cline-any cline-neutral">&nbsp;</span>
352
+ <span class="cline-any cline-neutral">&nbsp;</span>
353
+ <span class="cline-any cline-neutral">&nbsp;</span>
354
+ <span class="cline-any cline-neutral">&nbsp;</span>
355
+ <span class="cline-any cline-neutral">&nbsp;</span>
356
+ <span class="cline-any cline-neutral">&nbsp;</span>
357
+ <span class="cline-any cline-neutral">&nbsp;</span>
358
+ <span class="cline-any cline-neutral">&nbsp;</span>
359
+ <span class="cline-any cline-neutral">&nbsp;</span>
360
+ <span class="cline-any cline-neutral">&nbsp;</span>
361
+ <span class="cline-any cline-neutral">&nbsp;</span>
362
+ <span class="cline-any cline-neutral">&nbsp;</span>
363
+ <span class="cline-any cline-neutral">&nbsp;</span>
364
+ <span class="cline-any cline-neutral">&nbsp;</span>
365
+ <span class="cline-any cline-neutral">&nbsp;</span>
366
+ <span class="cline-any cline-neutral">&nbsp;</span>
367
+ <span class="cline-any cline-neutral">&nbsp;</span>
368
+ <span class="cline-any cline-neutral">&nbsp;</span>
369
+ <span class="cline-any cline-neutral">&nbsp;</span>
370
+ <span class="cline-any cline-neutral">&nbsp;</span>
371
+ <span class="cline-any cline-neutral">&nbsp;</span>
372
+ <span class="cline-any cline-yes">1x</span>
373
+ <span class="cline-any cline-neutral">&nbsp;</span>
374
+ <span class="cline-any cline-neutral">&nbsp;</span>
375
+ <span class="cline-any cline-neutral">&nbsp;</span>
376
+ <span class="cline-any cline-neutral">&nbsp;</span>
377
+ <span class="cline-any cline-neutral">&nbsp;</span>
378
+ <span class="cline-any cline-neutral">&nbsp;</span>
379
+ <span class="cline-any cline-neutral">&nbsp;</span>
380
+ <span class="cline-any cline-neutral">&nbsp;</span>
381
+ <span class="cline-any cline-yes">1x</span>
382
+ <span class="cline-any cline-neutral">&nbsp;</span>
383
+ <span class="cline-any cline-neutral">&nbsp;</span>
384
+ <span class="cline-any cline-neutral">&nbsp;</span>
385
+ <span class="cline-any cline-neutral">&nbsp;</span>
386
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useEffect, useState } from "react";
387
+ &nbsp;
388
+ import ErrorIcon from "@mui/icons-material/Error"; // warning
389
+ import InfoIcon from "@mui/icons-material/Info"; // info
390
+ import CancelIcon from "@mui/icons-material/Cancel"; // error
391
+ import CheckCircleIcon from "@mui/icons-material/CheckCircle"; //success
392
+ import ContentCopyIcon from "@mui/icons-material/ContentCopy"; //copy
393
+ import Tooltip from "@mui/material/Tooltip";
394
+ import { IconButton } from "@mui/material";
395
+ import ClearIcon from "@mui/icons-material/Clear";
396
+ import Toast from "../Toast/index";
397
+ import classNames from "classnames";
398
+ import PropTypes from "prop-types";
399
+ &nbsp;
400
+ // warning, info, error, success
401
+ const MadieAlert = ({
402
+ type = <span class="branch-0 cbranch-no" title="branch not covered" >"warning",</span>
403
+ visible = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span>
404
+ content,
405
+ canClose = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span>
406
+ alertProps, // props to pass to outer component
407
+ closeButtonProps, // props to pass to close button
408
+ copyButton,
409
+ }) =&gt; {
410
+ const [copyText, setCopyText] = useState("");
411
+ const [toastOpen, setToastOpen] = useState(false);
412
+ &nbsp;
413
+ const copyButtonBuilder = (content) =&gt; {
414
+ const traversal = (contentNode, parentNode = <span class="branch-0 cbranch-no" title="branch not covered" >true)</span> =&gt; {
415
+ <span class="missing-if-branch" title="if path not taken" >I</span>if (!contentNode) <span class="cstat-no" title="statement not covered" >return "";</span>
416
+ let result = contentNode.type === "ul" ? "\n" : "";
417
+ if (Array.isArray(contentNode.props?.children)) {
418
+ contentNode.props.children.forEach((child, index) =&gt; {
419
+ result += traversal(child, false);
420
+ if (
421
+ (parentNode &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >index == 1)</span> ||
422
+ contentNode.type === "ul"
423
+ ) {
424
+ result += "\n";
425
+ }
426
+ });
427
+ } else if (typeof contentNode.props?.children === "object") {
428
+ result += traversal(contentNode.props.children, false);
429
+ } else if (
430
+ typeof contentNode.props?.children === "string" ||
431
+ typeof contentNode.props?.children === "number"
432
+ ) {
433
+ result += contentNode.props.children.toString();
434
+ } else <span class="missing-if-branch" title="else path not taken" >E</span>if (
435
+ typeof contentNode === "string" ||
436
+ <span class="branch-1 cbranch-no" title="branch not covered" > typeof contentNode === "number"</span>
437
+ ) {
438
+ result += contentNode.toString();
439
+ }
440
+ return result;
441
+ };
442
+ return traversal(content, false).trim();
443
+ };
444
+ &nbsp;
445
+ useEffect(() =&gt; {
446
+ if (content &amp;&amp; copyButton) {
447
+ setCopyText(copyButtonBuilder(content));
448
+ }
449
+ }, [content]);
450
+ // we have four states to render for
451
+ const typeSelect = {
452
+ warning: ErrorIcon,
453
+ info: InfoIcon,
454
+ error: CancelIcon,
455
+ success: CheckCircleIcon,
456
+ };
457
+ const Icon = typeSelect[type];
458
+ const alertClass = classNames("madie-alert", type);
459
+ const iconClass = classNames("alert-icon", type);
460
+ &nbsp;
461
+ return (
462
+ visible &amp;&amp; (
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;
475
+ &lt;Icon className={iconClass} /&gt;
476
+ &lt;div id="content"&gt;{content &amp;&amp; content}&lt;/div&gt;
477
+ {copyButton &amp;&amp; (
478
+ &lt;Tooltip
479
+ data-testid="copy-button-tooltip"
480
+ title={"Copy Text"}
481
+ arrow
482
+ &gt;
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
+ },
495
+ }}
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;
507
+ )}
508
+ {canClose &amp;&amp; (
509
+ &lt;IconButton
510
+ sx={{
511
+ marginLeft: "auto",
512
+ "&amp;:after": {
513
+ content: `''`,
514
+ position: "absolute",
515
+ left: "0px",
516
+ width: "1px",
517
+ height: "40px",
518
+ backgroundColor: "#B0B0B0",
519
+ pointerEvents: "none",
520
+ },
521
+ }}
522
+ {...closeButtonProps}
523
+ &gt;
524
+ &lt;ClearIcon sx={{ color: "#242424" }} /&gt;
525
+ &lt;/IconButton&gt;
526
+ )}
527
+ &lt;/div&gt;
528
+ )
529
+ );
530
+ };
531
+ &nbsp;
532
+ MadieAlert.propTypes = {
533
+ type: PropTypes.string,
534
+ visible: PropTypes.bool,
535
+ content: PropTypes.node,
536
+ canClose: PropTypes.bool,
537
+ alertProps: PropTypes.object,
538
+ closeButtonProps: PropTypes.object,
539
+ copyButton: PropTypes.bool,
540
+ };
541
+ MadieAlert.defaultProps = {
542
+ copyButton: false,
543
+ };
544
+ &nbsp;
545
+ export default MadieAlert;
546
+ &nbsp;</pre></td></tr></table></pre>
547
+
548
+ <div class='push'></div><!-- for sticky footer -->
549
+ </div><!-- /wrapper -->
550
+ <div class='footer quiet pad2 space-top1 center small'>
551
+ Code coverage generated by
552
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
553
+ at 2024-09-06T13:47:41.021Z
554
+ </div>
555
+ <script src="../../../prettify.js"></script>
556
+ <script>
557
+ window.onload = function () {
558
+ prettyPrint();
559
+ };
560
+ </script>
561
+ <script src="../../../sorter.js"></script>
562
+ <script src="../../../block-navigation.js"></script>
563
+ </body>
564
+ </html>
565
+