npm - @rabbitio/ui-kit - Versions diffs - 1.0.0-beta.83 → 1.0.0-beta.85 - Mend

@rabbitio/ui-kit 1.0.0-beta.83 → 1.0.0-beta.85

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 (216) hide show

package/coverage/rabbit-ui-kit/src/ui-kit/components/atoms/buttons/Button/Button.jsx.html ADDED Viewed

@@ -0,0 +1,712 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for rabbit-ui-kit/src/ui-kit/components/atoms/buttons/Button/Button.jsx</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../../../../../../../prettify.css" />
+    <link rel="stylesheet" href="../../../../../../../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../../../../../../../favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../../../../../../../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../../../../../../../index.html">All files</a> / <a href="index.html">rabbit-ui-kit/src/ui-kit/components/atoms/buttons/Button</a> Button.jsx</h1>
+        <div class='clearfix'>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>0/209</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>0/209</span>
+            </div>
+        </div>
+        <p class="quiet">
+            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.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line low'></div>
+    <pre><table class="coverage">
+<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
+<a name='L2'></a><a href='#L2'>2</a>
+<a name='L3'></a><a href='#L3'>3</a>
+<a name='L4'></a><a href='#L4'>4</a>
+<a name='L5'></a><a href='#L5'>5</a>
+<a name='L6'></a><a href='#L6'>6</a>
+<a name='L7'></a><a href='#L7'>7</a>
+<a name='L8'></a><a href='#L8'>8</a>
+<a name='L9'></a><a href='#L9'>9</a>
+<a name='L10'></a><a href='#L10'>10</a>
+<a name='L11'></a><a href='#L11'>11</a>
+<a name='L12'></a><a href='#L12'>12</a>
+<a name='L13'></a><a href='#L13'>13</a>
+<a name='L14'></a><a href='#L14'>14</a>
+<a name='L15'></a><a href='#L15'>15</a>
+<a name='L16'></a><a href='#L16'>16</a>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<a name='L20'></a><a href='#L20'>20</a>
+<a name='L21'></a><a href='#L21'>21</a>
+<a name='L22'></a><a href='#L22'>22</a>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a>
+<a name='L25'></a><a href='#L25'>25</a>
+<a name='L26'></a><a href='#L26'>26</a>
+<a name='L27'></a><a href='#L27'>27</a>
+<a name='L28'></a><a href='#L28'>28</a>
+<a name='L29'></a><a href='#L29'>29</a>
+<a name='L30'></a><a href='#L30'>30</a>
+<a name='L31'></a><a href='#L31'>31</a>
+<a name='L32'></a><a href='#L32'>32</a>
+<a name='L33'></a><a href='#L33'>33</a>
+<a name='L34'></a><a href='#L34'>34</a>
+<a name='L35'></a><a href='#L35'>35</a>
+<a name='L36'></a><a href='#L36'>36</a>
+<a name='L37'></a><a href='#L37'>37</a>
+<a name='L38'></a><a href='#L38'>38</a>
+<a name='L39'></a><a href='#L39'>39</a>
+<a name='L40'></a><a href='#L40'>40</a>
+<a name='L41'></a><a href='#L41'>41</a>
+<a name='L42'></a><a href='#L42'>42</a>
+<a name='L43'></a><a href='#L43'>43</a>
+<a name='L44'></a><a href='#L44'>44</a>
+<a name='L45'></a><a href='#L45'>45</a>
+<a name='L46'></a><a href='#L46'>46</a>
+<a name='L47'></a><a href='#L47'>47</a>
+<a name='L48'></a><a href='#L48'>48</a>
+<a name='L49'></a><a href='#L49'>49</a>
+<a name='L50'></a><a href='#L50'>50</a>
+<a name='L51'></a><a href='#L51'>51</a>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a>
+<a name='L55'></a><a href='#L55'>55</a>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</a>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</a>
+<a name='L67'></a><a href='#L67'>67</a>
+<a name='L68'></a><a href='#L68'>68</a>
+<a name='L69'></a><a href='#L69'>69</a>
+<a name='L70'></a><a href='#L70'>70</a>
+<a name='L71'></a><a href='#L71'>71</a>
+<a name='L72'></a><a href='#L72'>72</a>
+<a name='L73'></a><a href='#L73'>73</a>
+<a name='L74'></a><a href='#L74'>74</a>
+<a name='L75'></a><a href='#L75'>75</a>
+<a name='L76'></a><a href='#L76'>76</a>
+<a name='L77'></a><a href='#L77'>77</a>
+<a name='L78'></a><a href='#L78'>78</a>
+<a name='L79'></a><a href='#L79'>79</a>
+<a name='L80'></a><a href='#L80'>80</a>
+<a name='L81'></a><a href='#L81'>81</a>
+<a name='L82'></a><a href='#L82'>82</a>
+<a name='L83'></a><a href='#L83'>83</a>
+<a name='L84'></a><a href='#L84'>84</a>
+<a name='L85'></a><a href='#L85'>85</a>
+<a name='L86'></a><a href='#L86'>86</a>
+<a name='L87'></a><a href='#L87'>87</a>
+<a name='L88'></a><a href='#L88'>88</a>
+<a name='L89'></a><a href='#L89'>89</a>
+<a name='L90'></a><a href='#L90'>90</a>
+<a name='L91'></a><a href='#L91'>91</a>
+<a name='L92'></a><a href='#L92'>92</a>
+<a name='L93'></a><a href='#L93'>93</a>
+<a name='L94'></a><a href='#L94'>94</a>
+<a name='L95'></a><a href='#L95'>95</a>
+<a name='L96'></a><a href='#L96'>96</a>
+<a name='L97'></a><a href='#L97'>97</a>
+<a name='L98'></a><a href='#L98'>98</a>
+<a name='L99'></a><a href='#L99'>99</a>
+<a name='L100'></a><a href='#L100'>100</a>
+<a name='L101'></a><a href='#L101'>101</a>
+<a name='L102'></a><a href='#L102'>102</a>
+<a name='L103'></a><a href='#L103'>103</a>
+<a name='L104'></a><a href='#L104'>104</a>
+<a name='L105'></a><a href='#L105'>105</a>
+<a name='L106'></a><a href='#L106'>106</a>
+<a name='L107'></a><a href='#L107'>107</a>
+<a name='L108'></a><a href='#L108'>108</a>
+<a name='L109'></a><a href='#L109'>109</a>
+<a name='L110'></a><a href='#L110'>110</a>
+<a name='L111'></a><a href='#L111'>111</a>
+<a name='L112'></a><a href='#L112'>112</a>
+<a name='L113'></a><a href='#L113'>113</a>
+<a name='L114'></a><a href='#L114'>114</a>
+<a name='L115'></a><a href='#L115'>115</a>
+<a name='L116'></a><a href='#L116'>116</a>
+<a name='L117'></a><a href='#L117'>117</a>
+<a name='L118'></a><a href='#L118'>118</a>
+<a name='L119'></a><a href='#L119'>119</a>
+<a name='L120'></a><a href='#L120'>120</a>
+<a name='L121'></a><a href='#L121'>121</a>
+<a name='L122'></a><a href='#L122'>122</a>
+<a name='L123'></a><a href='#L123'>123</a>
+<a name='L124'></a><a href='#L124'>124</a>
+<a name='L125'></a><a href='#L125'>125</a>
+<a name='L126'></a><a href='#L126'>126</a>
+<a name='L127'></a><a href='#L127'>127</a>
+<a name='L128'></a><a href='#L128'>128</a>
+<a name='L129'></a><a href='#L129'>129</a>
+<a name='L130'></a><a href='#L130'>130</a>
+<a name='L131'></a><a href='#L131'>131</a>
+<a name='L132'></a><a href='#L132'>132</a>
+<a name='L133'></a><a href='#L133'>133</a>
+<a name='L134'></a><a href='#L134'>134</a>
+<a name='L135'></a><a href='#L135'>135</a>
+<a name='L136'></a><a href='#L136'>136</a>
+<a name='L137'></a><a href='#L137'>137</a>
+<a name='L138'></a><a href='#L138'>138</a>
+<a name='L139'></a><a href='#L139'>139</a>
+<a name='L140'></a><a href='#L140'>140</a>
+<a name='L141'></a><a href='#L141'>141</a>
+<a name='L142'></a><a href='#L142'>142</a>
+<a name='L143'></a><a href='#L143'>143</a>
+<a name='L144'></a><a href='#L144'>144</a>
+<a name='L145'></a><a href='#L145'>145</a>
+<a name='L146'></a><a href='#L146'>146</a>
+<a name='L147'></a><a href='#L147'>147</a>
+<a name='L148'></a><a href='#L148'>148</a>
+<a name='L149'></a><a href='#L149'>149</a>
+<a name='L150'></a><a href='#L150'>150</a>
+<a name='L151'></a><a href='#L151'>151</a>
+<a name='L152'></a><a href='#L152'>152</a>
+<a name='L153'></a><a href='#L153'>153</a>
+<a name='L154'></a><a href='#L154'>154</a>
+<a name='L155'></a><a href='#L155'>155</a>
+<a name='L156'></a><a href='#L156'>156</a>
+<a name='L157'></a><a href='#L157'>157</a>
+<a name='L158'></a><a href='#L158'>158</a>
+<a name='L159'></a><a href='#L159'>159</a>
+<a name='L160'></a><a href='#L160'>160</a>
+<a name='L161'></a><a href='#L161'>161</a>
+<a name='L162'></a><a href='#L162'>162</a>
+<a name='L163'></a><a href='#L163'>163</a>
+<a name='L164'></a><a href='#L164'>164</a>
+<a name='L165'></a><a href='#L165'>165</a>
+<a name='L166'></a><a href='#L166'>166</a>
+<a name='L167'></a><a href='#L167'>167</a>
+<a name='L168'></a><a href='#L168'>168</a>
+<a name='L169'></a><a href='#L169'>169</a>
+<a name='L170'></a><a href='#L170'>170</a>
+<a name='L171'></a><a href='#L171'>171</a>
+<a name='L172'></a><a href='#L172'>172</a>
+<a name='L173'></a><a href='#L173'>173</a>
+<a name='L174'></a><a href='#L174'>174</a>
+<a name='L175'></a><a href='#L175'>175</a>
+<a name='L176'></a><a href='#L176'>176</a>
+<a name='L177'></a><a href='#L177'>177</a>
+<a name='L178'></a><a href='#L178'>178</a>
+<a name='L179'></a><a href='#L179'>179</a>
+<a name='L180'></a><a href='#L180'>180</a>
+<a name='L181'></a><a href='#L181'>181</a>
+<a name='L182'></a><a href='#L182'>182</a>
+<a name='L183'></a><a href='#L183'>183</a>
+<a name='L184'></a><a href='#L184'>184</a>
+<a name='L185'></a><a href='#L185'>185</a>
+<a name='L186'></a><a href='#L186'>186</a>
+<a name='L187'></a><a href='#L187'>187</a>
+<a name='L188'></a><a href='#L188'>188</a>
+<a name='L189'></a><a href='#L189'>189</a>
+<a name='L190'></a><a href='#L190'>190</a>
+<a name='L191'></a><a href='#L191'>191</a>
+<a name='L192'></a><a href='#L192'>192</a>
+<a name='L193'></a><a href='#L193'>193</a>
+<a name='L194'></a><a href='#L194'>194</a>
+<a name='L195'></a><a href='#L195'>195</a>
+<a name='L196'></a><a href='#L196'>196</a>
+<a name='L197'></a><a href='#L197'>197</a>
+<a name='L198'></a><a href='#L198'>198</a>
+<a name='L199'></a><a href='#L199'>199</a>
+<a name='L200'></a><a href='#L200'>200</a>
+<a name='L201'></a><a href='#L201'>201</a>
+<a name='L202'></a><a href='#L202'>202</a>
+<a name='L203'></a><a href='#L203'>203</a>
+<a name='L204'></a><a href='#L204'>204</a>
+<a name='L205'></a><a href='#L205'>205</a>
+<a name='L206'></a><a href='#L206'>206</a>
+<a name='L207'></a><a href='#L207'>207</a>
+<a name='L208'></a><a href='#L208'>208</a>
+<a name='L209'></a><a href='#L209'>209</a>
+<a name='L210'></a><a href='#L210'>210</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" >import React, { useEffect, useRef, useState } from "react";<span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" ></span></span></span>
+<span class="cstat-no" title="statement not covered" >import PropTypes from "prop-types";</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >import styles from "./Button.module.scss";</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >import { LoadingDots } from "../../LoadingDots/LoadingDots.jsx";</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >/**</span>
+<span class="cstat-no" title="statement not covered" > * Button component - A versatile and customizable button for React applications.</span>
+<span class="cstat-no" title="statement not covered" > * It supports various sizes, styles, and functionalities, including loaders, icons, and handling of click events.</span>
+<span class="cstat-no" title="statement not covered" > * This component can also be used as a link if "to" is provided.</span>
+<span class="cstat-no" title="statement not covered" > *</span>
+<span class="cstat-no" title="statement not covered" > * @component</span>
+<span class="cstat-no" title="statement not covered" > * @param {Object} props</span>
+<span class="cstat-no" title="statement not covered" > * @param {('xl'|'lg'|'md'|'sm')} [props.size='xl'] - Sets the size of the button.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [props.className=''] - An optional custom CSS class name for additional styling.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [props.mode='transparent'] - Determines the button's visual style.</span>
+<span class="cstat-no" title="statement not covered" > * @param {Function} [props.onClick=(resetButtonLoader, event) =&gt; {}] - Callback function that triggers on button click.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} [props.loader=true] - If true, displays a loader animation on the button when clicked.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} [props.loading=false] - Controls the actual display of the loader if `loader` is true.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [props.to=''] - The path for the button to act as a link.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} [props.fullWidthOnMobiles=false] - Expands the button to full width on mobiles.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} [props.fullWidthOnTablets=false] - Expands the button to full width on tablets.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [props.icon=''] - The path to the button's icon.</span>
+<span class="cstat-no" title="statement not covered" > * @param {React.ReactNode} [props.content=''] - The text or content displayed inside the button.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} [props.isDisabled=false] - Disables the button if true.</span>
+<span class="cstat-no" title="statement not covered" > * @param {Function} [props.setClickTrigger=(p) =&gt; {}] - Function to programmatically trigger a button click.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} [props.isFormSubmittingButton=false] - If true, adds a hidden `&lt;input type="submit"&gt;`.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} [props.bigIcon=false] - If true, displays a larger icon on the button.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} [props.checkmarkOnClick=false] - Shows a checkmark instead of content for a few seconds after click.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} [props.propagatePrimaryButtonClick=true] - Propagates the primary button click event if true.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} [props.smallPaddingOnSmallMobiles=false] - Enables smaller paddings for extra-small screen sizes.</span>
+<span class="cstat-no" title="statement not covered" > * @param {Function} [props.handleError=(func) =&gt; func()] - Function to handle errors during button click events.</span>
+<span class="cstat-no" title="statement not covered" > * @returns {React.ReactElement}</span>
+<span class="cstat-no" title="statement not covered" > */</span>
+<span class="cstat-no" title="statement not covered" >export const Button = ({</span>
+<span class="cstat-no" title="statement not covered" >    size = "xl",</span>
+<span class="cstat-no" title="statement not covered" >    className = "",</span>
+<span class="cstat-no" title="statement not covered" >    mode = "transparent",</span>
+<span class="cstat-no" title="statement not covered" >    onClick = (resetButtonLoader, event) =&gt; {},</span>
+<span class="cstat-no" title="statement not covered" >    loader = true,</span>
+<span class="cstat-no" title="statement not covered" >    loading = false,</span>
+<span class="cstat-no" title="statement not covered" >    to = "",</span>
+<span class="cstat-no" title="statement not covered" >    fullWidthOnMobiles = false,</span>
+<span class="cstat-no" title="statement not covered" >    fullWidthOnTablets = false,</span>
+<span class="cstat-no" title="statement not covered" >    icon = "",</span>
+<span class="cstat-no" title="statement not covered" >    content = "",</span>
+<span class="cstat-no" title="statement not covered" >    isDisabled = false,</span>
+<span class="cstat-no" title="statement not covered" >    setClickTrigger = p =&gt; {},</span>
+<span class="cstat-no" title="statement not covered" >    isFormSubmittingButton = false,</span>
+<span class="cstat-no" title="statement not covered" >    bigIcon = false,</span>
+<span class="cstat-no" title="statement not covered" >    checkmarkOnClick = false,</span>
+<span class="cstat-no" title="statement not covered" >    propagatePrimaryButtonClick = true,</span>
+<span class="cstat-no" title="statement not covered" >    smallPaddingOnSmallMobiles = false,</span>
+<span class="cstat-no" title="statement not covered" >    handleError = (func, event) =&gt; func(event),</span>
+<span class="cstat-no" title="statement not covered" >}) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >    const [isLoading, setIsLoading] = useState(loading);</span>
+<span class="cstat-no" title="statement not covered" >    const [isCheckShown, setIsCheckShown] = useState(false);</span>
+<span class="cstat-no" title="statement not covered" >    const [event, setEvent] = useState(null);</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >    const buttonRef = useRef();</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >    useEffect(() =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >        setClickTrigger(() =&gt; buttonRef.current.click());</span>
+<span class="cstat-no" title="statement not covered" >        // eslint-disable-next-line react-hooks/exhaustive-deps</span>
+<span class="cstat-no" title="statement not covered" >    }, [buttonRef]);</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >    useEffect(() =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >        if (isLoading) {</span>
+<span class="cstat-no" title="statement not covered" >            onClick(() =&gt; setIsLoading(false), event);</span>
+<span class="cstat-no" title="statement not covered" >        }</span>
+<span class="cstat-no" title="statement not covered" >        // eslint-disable-next-line react-hooks/exhaustive-deps</span>
+<span class="cstat-no" title="statement not covered" >    }, [isLoading]);</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >    const buttonClick = e =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >        if (isLoading || isDisabled) {</span>
+<span class="cstat-no" title="statement not covered" >            return false;</span>
+<span class="cstat-no" title="statement not covered" >        }</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >        if (checkmarkOnClick &amp;&amp; !isCheckShown &amp;&amp; !loader &amp;&amp; !loading) {</span>
+<span class="cstat-no" title="statement not covered" >            setIsCheckShown(true);</span>
+<span class="cstat-no" title="statement not covered" >            setTimeout(() =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >                setIsCheckShown(false);</span>
+<span class="cstat-no" title="statement not covered" >            }, 2000);</span>
+<span class="cstat-no" title="statement not covered" >        }</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >        if (e?.persist) {</span>
+<span class="cstat-no" title="statement not covered" >            // Persisting React's SyntheticEvent to be able to use it in any async context</span>
+<span class="cstat-no" title="statement not covered" >            e.persist();</span>
+<span class="cstat-no" title="statement not covered" >        }</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >        !propagatePrimaryButtonClick &amp;&amp; e.stopPropagation();</span>
+<span class="cstat-no" title="statement not covered" >        if (loader) {</span>
+<span class="cstat-no" title="statement not covered" >            setIsLoading(true);</span>
+<span class="cstat-no" title="statement not covered" >            setEvent(e);</span>
+<span class="cstat-no" title="statement not covered" >        } else {</span>
+<span class="cstat-no" title="statement not covered" >            onClick(() =&gt; setIsLoading(false), e);</span>
+<span class="cstat-no" title="statement not covered" >        }</span>
+<span class="cstat-no" title="statement not covered" >    };</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >    const classNames =</span>
+<span class="cstat-no" title="statement not covered" >        `${styles.button} ${styles[size]} ${styles[className]} ${styles[mode]}` +</span>
+<span class="cstat-no" title="statement not covered" >        (fullWidthOnMobiles ? ` ${styles["full-width-on-mobiles"]}` : "") +</span>
+<span class="cstat-no" title="statement not covered" >        (fullWidthOnTablets ? ` ${styles["full-width-on-tablets"]}` : "") +</span>
+<span class="cstat-no" title="statement not covered" >        (isDisabled ? ` ${styles.disable}` : "") +</span>
+<span class="cstat-no" title="statement not covered" >        (smallPaddingOnSmallMobiles ? ` ${styles["small-padding-on-small-mobiles"]}` : "");</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >    return (</span>
+<span class="cstat-no" title="statement not covered" >        &lt;&gt;</span>
+<span class="cstat-no" title="statement not covered" >            {isFormSubmittingButton ? &lt;input type="submit" hidden /&gt; : null}</span>
+<span class="cstat-no" title="statement not covered" >            {to ? (</span>
+<span class="cstat-no" title="statement not covered" >                &lt;a className={classNames} onClick={e =&gt; handleError(buttonClick, e)} href={to} ref={buttonRef}&gt;</span>
+<span class="cstat-no" title="statement not covered" >                    {icon ? (</span>
+<span class="cstat-no" title="statement not covered" >                        &lt;div className={styles["button-with-icon"] + (bigIcon ? ` ${styles["big-icon"]}` : "")}&gt;</span>
+<span class="cstat-no" title="statement not covered" >                            &lt;img src={icon} alt="button icon" loading="lazy" /&gt;</span>
+<span class="cstat-no" title="statement not covered" >                            &lt;span className={styles["button-with-icon-text"]}&gt;{content}&lt;/span&gt;</span>
+<span class="cstat-no" title="statement not covered" >                        &lt;/div&gt;</span>
+<span class="cstat-no" title="statement not covered" >                    ) : (</span>
+<span class="cstat-no" title="statement not covered" >                        content</span>
+<span class="cstat-no" title="statement not covered" >                    )}</span>
+<span class="cstat-no" title="statement not covered" >                &lt;/a&gt;</span>
+<span class="cstat-no" title="statement not covered" >            ) : (</span>
+<span class="cstat-no" title="statement not covered" >                &lt;div className={classNames} onClick={e =&gt; handleError(buttonClick, e)} ref={buttonRef}&gt;</span>
+<span class="cstat-no" title="statement not covered" >                    &lt;div</span>
+<span class="cstat-no" title="statement not covered" >                        className={`${styles["button-primary-dots-wrapper"]} ${isLoading &amp;&amp; loader ? styles.show : ""}`}</span>
+<span class="cstat-no" title="statement not covered" >                    &gt;</span>
+<span class="cstat-no" title="statement not covered" >                        {loader &amp;&amp; isLoading ? &lt;LoadingDots isColored={mode === "white"} /&gt; : null}</span>
+<span class="cstat-no" title="statement not covered" >                    &lt;/div&gt;</span>
+<span class="cstat-no" title="statement not covered" >                    &lt;div</span>
+<span class="cstat-no" title="statement not covered" >                        className={`${styles["button-success-icon"]} ${styles[mode]} ${</span>
+<span class="cstat-no" title="statement not covered" >                            isCheckShown ? styles["show"] : ""</span>
+<span class="cstat-no" title="statement not covered" >                        }`}</span>
+<span class="cstat-no" title="statement not covered" >                    &gt;&lt;/div&gt;</span>
+<span class="cstat-no" title="statement not covered" >                    {icon ? (</span>
+<span class="cstat-no" title="statement not covered" >                        &lt;div</span>
+<span class="cstat-no" title="statement not covered" >                            className={`${styles["button-with-icon"]} ${</span>
+<span class="cstat-no" title="statement not covered" >                                (isLoading &amp;&amp; loader) || (checkmarkOnClick &amp;&amp; isCheckShown) ? styles["hide"] : ""</span>
+<span class="cstat-no" title="statement not covered" >                            } ${bigIcon ? styles["big-icon"] : ""}`}</span>
+<span class="cstat-no" title="statement not covered" >                        &gt;</span>
+<span class="cstat-no" title="statement not covered" >                            &lt;img src={icon} alt="button icon" loading="lazy" /&gt;</span>
+<span class="cstat-no" title="statement not covered" >                            &lt;span className={styles["button-with-icon-text"]}&gt;{content}&lt;/span&gt;</span>
+<span class="cstat-no" title="statement not covered" >                        &lt;/div&gt;</span>
+<span class="cstat-no" title="statement not covered" >                    ) : (</span>
+<span class="cstat-no" title="statement not covered" >                        &lt;span</span>
+<span class="cstat-no" title="statement not covered" >                            className={`${styles["button-text"]} ${</span>
+<span class="cstat-no" title="statement not covered" >                                (isLoading &amp;&amp; loader) || (checkmarkOnClick &amp;&amp; isCheckShown) ? styles["hide"] : ""</span>
+<span class="cstat-no" title="statement not covered" >                            }`}</span>
+<span class="cstat-no" title="statement not covered" >                        &gt;</span>
+<span class="cstat-no" title="statement not covered" >                            {content}</span>
+<span class="cstat-no" title="statement not covered" >                        &lt;/span&gt;</span>
+<span class="cstat-no" title="statement not covered" >                    )}</span>
+<span class="cstat-no" title="statement not covered" >                &lt;/div&gt;</span>
+<span class="cstat-no" title="statement not covered" >            )}</span>
+<span class="cstat-no" title="statement not covered" >        &lt;/&gt;</span>
+<span class="cstat-no" title="statement not covered" >    );</span>
+<span class="cstat-no" title="statement not covered" >};</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >Button.propTypes = {</span>
+<span class="cstat-no" title="statement not covered" >    size: PropTypes.oneOf(["xl", "lg", "md", "sm"]),</span>
+<span class="cstat-no" title="statement not covered" >    className: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    mode: PropTypes.oneOf([</span>
+<span class="cstat-no" title="statement not covered" >        "transparent",</span>
+<span class="cstat-no" title="statement not covered" >        "white",</span>
+<span class="cstat-no" title="statement not covered" >        "white-flat",</span>
+<span class="cstat-no" title="statement not covered" >        "primary",</span>
+<span class="cstat-no" title="statement not covered" >        "primary-bordered",</span>
+<span class="cstat-no" title="statement not covered" >        "primary-transparent",</span>
+<span class="cstat-no" title="statement not covered" >        "transparent-bordered",</span>
+<span class="cstat-no" title="statement not covered" >        "transparent-without-shadow",</span>
+<span class="cstat-no" title="statement not covered" >    ]),</span>
+<span class="cstat-no" title="statement not covered" >    onClick: PropTypes.func,</span>
+<span class="cstat-no" title="statement not covered" >    loader: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    loading: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    to: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    fullWidthOnMobiles: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    fullWidthOnTablets: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    icon: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    content: PropTypes.node,</span>
+<span class="cstat-no" title="statement not covered" >    isDisabled: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    setClickTrigger: PropTypes.func,</span>
+<span class="cstat-no" title="statement not covered" >    isFormSubmittingButton: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    bigIcon: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    checkmarkOnClick: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    propagatePrimaryButtonClick: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    smallPaddingOnSmallMobiles: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    handleError: PropTypes.func,</span>
+<span class="cstat-no" title="statement not covered" >};</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >Button.defaultProps = {</span>
+<span class="cstat-no" title="statement not covered" >    size: "xl",</span>
+<span class="cstat-no" title="statement not covered" >    className: "",</span>
+<span class="cstat-no" title="statement not covered" >    mode: "transparent",</span>
+<span class="cstat-no" title="statement not covered" >    onClick: (resetButtonLoader, event) =&gt; {},</span>
+<span class="cstat-no" title="statement not covered" >    loader: true,</span>
+<span class="cstat-no" title="statement not covered" >    loading: false,</span>
+<span class="cstat-no" title="statement not covered" >    to: "",</span>
+<span class="cstat-no" title="statement not covered" >    fullWidthOnMobiles: false,</span>
+<span class="cstat-no" title="statement not covered" >    fullWidthOnTablets: false,</span>
+<span class="cstat-no" title="statement not covered" >    icon: "",</span>
+<span class="cstat-no" title="statement not covered" >    content: "",</span>
+<span class="cstat-no" title="statement not covered" >    isDisabled: false,</span>
+<span class="cstat-no" title="statement not covered" >    setClickTrigger: p =&gt; {},</span>
+<span class="cstat-no" title="statement not covered" >    isFormSubmittingButton: false,</span>
+<span class="cstat-no" title="statement not covered" >    bigIcon: false,</span>
+<span class="cstat-no" title="statement not covered" >    checkmarkOnClick: false,</span>
+<span class="cstat-no" title="statement not covered" >    propagatePrimaryButtonClick: true,</span>
+<span class="cstat-no" title="statement not covered" >    smallPaddingOnSmallMobiles: false,</span>
+<span class="cstat-no" title="statement not covered" >    handleError: func =&gt; func(),</span>
+<span class="cstat-no" title="statement not covered" >};</span>
+&nbsp;</pre></td></tr></table></pre>
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <div class='footer quiet pad2 space-top1 center small'>
+                Code coverage generated by
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at 2024-08-15T09:15:11.580Z
+            </div>
+        <script src="../../../../../../../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../../../../../../../sorter.js"></script>
+        <script src="../../../../../../../block-navigation.js"></script>
+    </body>
+</html>