@zohodesk/dot 1.0.0 → 1.2.0

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 (165) hide show
  1. package/README.md +10 -0
  2. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +555 -0
  3. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +16 -0
  4. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +16 -0
  5. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +16 -0
  6. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +16 -0
  7. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +16 -0
  8. package/assets/Appearance/light/mode/Dot_LightMode.module.css +555 -0
  9. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +16 -0
  10. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +16 -0
  11. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +16 -0
  12. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +16 -0
  13. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +16 -0
  14. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +555 -0
  15. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +16 -0
  16. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +16 -0
  17. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +16 -0
  18. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +16 -0
  19. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +16 -0
  20. package/coverage/ExternalLink/ExternalLink.js.html +229 -0
  21. package/coverage/ExternalLink/ExternalLink.module.css.html +94 -0
  22. package/coverage/ExternalLink/index.html +131 -0
  23. package/coverage/ExternalLink/props/defaultProps.js.html +100 -0
  24. package/coverage/ExternalLink/props/index.html +131 -0
  25. package/coverage/ExternalLink/props/propTypes.js.html +124 -0
  26. package/coverage/Image/Image.js.html +184 -0
  27. package/coverage/Image/Image.module.css.html +118 -0
  28. package/coverage/Image/index.html +131 -0
  29. package/coverage/Image/props/defaultProps.js.html +97 -0
  30. package/coverage/Image/props/index.html +131 -0
  31. package/coverage/Image/props/propTypes.js.html +127 -0
  32. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +448 -0
  33. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +133 -0
  34. package/coverage/avatar/AvatarWithTeam/index.html +131 -0
  35. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +112 -0
  36. package/coverage/avatar/AvatarWithTeam/props/index.html +131 -0
  37. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +163 -0
  38. package/coverage/base.css +224 -0
  39. package/coverage/block-navigation.js +87 -0
  40. package/coverage/coverage-final.json +13 -0
  41. package/coverage/coverage-summary.json +14 -0
  42. package/coverage/favicon.png +0 -0
  43. package/coverage/index.html +191 -0
  44. package/coverage/prettify.css +1 -0
  45. package/coverage/prettify.js +2 -0
  46. package/coverage/sort-arrow-sprite.png +0 -0
  47. package/coverage/sorter.js +196 -0
  48. package/es/FreezeLayer/FreezeLayer.js +1 -1
  49. package/es/FreezeLayer/css/cssJSLogic.js +1 -1
  50. package/es/Image/__tests__/Image.spec.js +70 -0
  51. package/es/Image/__tests__/__snapshots__/Image.spec.js.snap +74 -0
  52. package/es/Loader/Loader.js +1 -5
  53. package/es/alert/AlertHeader/props/propTypes.js +1 -1
  54. package/es/v1/ActionButton/ActionButton.js +137 -0
  55. package/es/v1/AlphabeticList/AlphabeticList.js +90 -0
  56. package/es/v1/Drawer/Drawer.js +271 -0
  57. package/es/v1/FlipCard/FlipCard.js +130 -0
  58. package/es/v1/FormAction/FormAction.js +75 -0
  59. package/es/v1/IconButton/IconButton.js +113 -0
  60. package/es/v1/ImportantNotes/ImportantNotes.js +41 -0
  61. package/es/v1/Link/Link.js +95 -0
  62. package/es/v1/MessageBanner/MessageBanner.js +58 -0
  63. package/es/v1/TagWithIcon/TagWithIcon.js +39 -0
  64. package/es/v1/alert/AlertHeader/AlertHeader.js +70 -0
  65. package/es/v1/alert/AlertLookup/AlertLookup.js +104 -0
  66. package/es/v1/emptystate/CommonEmptyState/CommonEmptyState.js +63 -0
  67. package/es/v1/emptystate/EditionPage/EditionPage.js +51 -0
  68. package/es/v1/lookup/Lookup/Lookup.js +105 -0
  69. package/es/v1/setup/table/Table/Table.js +22 -0
  70. package/es/v1/setup/table/TableBody/TableBody.js +26 -0
  71. package/es/v1/setup/table/TableData/TableData.js +31 -0
  72. package/es/v1/setup/table/TableHead/TableHead.js +31 -0
  73. package/es/v1/setup/table/TableRow/TableRow.js +36 -0
  74. package/es/v1/setup/table/Text/Text.js +50 -0
  75. package/es/v1/version2/AlertClose/AlertClose.js +43 -0
  76. package/es/v1/version2/GlobalNotification/GlobalNotification.js +111 -0
  77. package/es/v1/version2/alertIcons/AlarmAlertIcon.js +65 -0
  78. package/es/v1/version2/alertIcons/AlertIcons.js +57 -0
  79. package/es/v1/version2/alertIcons/DangerAlertIcon.js +65 -0
  80. package/es/v1/version2/alertIcons/ErrorAlertIcon.js +70 -0
  81. package/es/v1/version2/alertIcons/InfoAlertIcon.js +74 -0
  82. package/es/v1/version2/alertIcons/NotificationAlertIcon.js +70 -0
  83. package/es/v1/version2/alertIcons/SuccessAlertIcon.js +65 -0
  84. package/es/v1/version2/alertIcons/WarningAlertIcon.js +65 -0
  85. package/es/v1/version2/errorstate/Inconvenience/Inconvenience.js +63 -0
  86. package/es/v1/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +64 -0
  87. package/es/v1/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +63 -0
  88. package/es/v1/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +65 -0
  89. package/es/v1/version2/errorstate/UrlNotFound/UrlNotFound.js +63 -0
  90. package/es/v1/version2/errorstate/WillBeRightBack/WillBeRightBack.js +63 -0
  91. package/es/v1/version2/lookup/AlertLookup/AlertLookup.js +152 -0
  92. package/es/v1/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +54 -0
  93. package/es/version2/GlobalNotification/GlobalNotification.js +1 -1
  94. package/es/version2/lookup/AlertHeader/AlertHeader.js +1 -1
  95. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +1 -1
  96. package/lib/FreezeLayer/FreezeLayer.js +1 -1
  97. package/lib/FreezeLayer/css/cssJSLogic.js +1 -1
  98. package/lib/Image/__tests__/Image.spec.js +77 -0
  99. package/lib/Image/__tests__/__snapshots__/Image.spec.js.snap +74 -0
  100. package/lib/Loader/Loader.js +1 -6
  101. package/lib/alert/AlertHeader/props/propTypes.js +1 -1
  102. package/lib/v1/ActionButton/ActionButton.js +156 -0
  103. package/lib/v1/AlphabeticList/AlphabeticList.js +111 -0
  104. package/lib/v1/Drawer/Drawer.js +302 -0
  105. package/lib/v1/FlipCard/FlipCard.js +149 -0
  106. package/lib/v1/FormAction/FormAction.js +102 -0
  107. package/lib/v1/IconButton/IconButton.js +149 -0
  108. package/lib/v1/ImportantNotes/ImportantNotes.js +55 -0
  109. package/lib/v1/Link/Link.js +116 -0
  110. package/lib/v1/MessageBanner/MessageBanner.js +73 -0
  111. package/lib/v1/TagWithIcon/TagWithIcon.js +53 -0
  112. package/lib/v1/alert/AlertHeader/AlertHeader.js +86 -0
  113. package/lib/v1/alert/AlertLookup/AlertLookup.js +118 -0
  114. package/lib/v1/emptystate/CommonEmptyState/CommonEmptyState.js +76 -0
  115. package/lib/v1/emptystate/EditionPage/EditionPage.js +64 -0
  116. package/lib/v1/lookup/Lookup/Lookup.js +130 -0
  117. package/lib/v1/setup/table/Table/Table.js +34 -0
  118. package/lib/v1/setup/table/TableBody/TableBody.js +39 -0
  119. package/lib/v1/setup/table/TableData/TableData.js +44 -0
  120. package/lib/v1/setup/table/TableHead/TableHead.js +44 -0
  121. package/lib/v1/setup/table/TableRow/TableRow.js +49 -0
  122. package/lib/v1/setup/table/Text/Text.js +64 -0
  123. package/lib/v1/version2/AlertClose/AlertClose.js +62 -0
  124. package/lib/v1/version2/GlobalNotification/GlobalNotification.js +134 -0
  125. package/lib/v1/version2/alertIcons/AlarmAlertIcon.js +77 -0
  126. package/lib/v1/version2/alertIcons/AlertIcons.js +78 -0
  127. package/lib/v1/version2/alertIcons/DangerAlertIcon.js +77 -0
  128. package/lib/v1/version2/alertIcons/ErrorAlertIcon.js +82 -0
  129. package/lib/v1/version2/alertIcons/InfoAlertIcon.js +86 -0
  130. package/lib/v1/version2/alertIcons/NotificationAlertIcon.js +82 -0
  131. package/lib/v1/version2/alertIcons/SuccessAlertIcon.js +77 -0
  132. package/lib/v1/version2/alertIcons/WarningAlertIcon.js +77 -0
  133. package/lib/v1/version2/errorstate/Inconvenience/Inconvenience.js +79 -0
  134. package/lib/v1/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +80 -0
  135. package/lib/v1/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +79 -0
  136. package/lib/v1/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +81 -0
  137. package/lib/v1/version2/errorstate/UrlNotFound/UrlNotFound.js +79 -0
  138. package/lib/v1/version2/errorstate/WillBeRightBack/WillBeRightBack.js +79 -0
  139. package/lib/v1/version2/lookup/AlertLookup/AlertLookup.js +173 -0
  140. package/lib/v1/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +76 -0
  141. package/lib/version2/GlobalNotification/GlobalNotification.js +2 -2
  142. package/lib/version2/lookup/AlertHeader/AlertHeader.js +1 -1
  143. package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +1 -1
  144. package/package.json +22 -47
  145. package/react-cli.config.js +24 -0
  146. package/result.json +1 -0
  147. package/unittest/index.html +37 -0
  148. package/assets/Appearance/dark/mode/dotDarkMode.module.css +0 -555
  149. package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +0 -16
  150. package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +0 -16
  151. package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +0 -16
  152. package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +0 -16
  153. package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +0 -16
  154. package/assets/Appearance/default/mode/dotDefaultMode.module.css +0 -555
  155. package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +0 -16
  156. package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +0 -16
  157. package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +0 -16
  158. package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +0 -16
  159. package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +0 -16
  160. package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +0 -555
  161. package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +0 -16
  162. package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +0 -16
  163. package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +0 -16
  164. package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +0 -16
  165. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +0 -16
@@ -0,0 +1,448 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for avatar/AvatarWithTeam/AvatarWithTeam.js</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">avatar/AvatarWithTeam</a> AvatarWithTeam.js</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">100% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>5/5</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">88.88% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>16/18</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'>1/1</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'>5/5</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input oninput="onInput()" type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line 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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
188
+ <span class="cline-any cline-neutral">&nbsp;</span>
189
+ <span class="cline-any cline-neutral">&nbsp;</span>
190
+ <span class="cline-any cline-neutral">&nbsp;</span>
191
+ <span class="cline-any cline-neutral">&nbsp;</span>
192
+ <span class="cline-any cline-neutral">&nbsp;</span>
193
+ <span class="cline-any cline-neutral">&nbsp;</span>
194
+ <span class="cline-any cline-neutral">&nbsp;</span>
195
+ <span class="cline-any cline-neutral">&nbsp;</span>
196
+ <span class="cline-any cline-neutral">&nbsp;</span>
197
+ <span class="cline-any cline-neutral">&nbsp;</span>
198
+ <span class="cline-any cline-neutral">&nbsp;</span>
199
+ <span class="cline-any cline-neutral">&nbsp;</span>
200
+ <span class="cline-any cline-neutral">&nbsp;</span>
201
+ <span class="cline-any cline-neutral">&nbsp;</span>
202
+ <span class="cline-any cline-neutral">&nbsp;</span>
203
+ <span class="cline-any cline-neutral">&nbsp;</span>
204
+ <span class="cline-any cline-neutral">&nbsp;</span>
205
+ <span class="cline-any cline-neutral">&nbsp;</span>
206
+ <span class="cline-any cline-neutral">&nbsp;</span>
207
+ <span class="cline-any cline-neutral">&nbsp;</span>
208
+ <span class="cline-any cline-neutral">&nbsp;</span>
209
+ <span class="cline-any cline-neutral">&nbsp;</span>
210
+ <span class="cline-any cline-neutral">&nbsp;</span>
211
+ <span class="cline-any cline-neutral">&nbsp;</span>
212
+ <span class="cline-any cline-neutral">&nbsp;</span>
213
+ <span class="cline-any cline-yes">3x</span>
214
+ <span class="cline-any cline-neutral">&nbsp;</span>
215
+ <span class="cline-any cline-neutral">&nbsp;</span>
216
+ <span class="cline-any cline-neutral">&nbsp;</span>
217
+ <span class="cline-any cline-neutral">&nbsp;</span>
218
+ <span class="cline-any cline-neutral">&nbsp;</span>
219
+ <span class="cline-any cline-neutral">&nbsp;</span>
220
+ <span class="cline-any cline-yes">3x</span>
221
+ <span class="cline-any cline-neutral">&nbsp;</span>
222
+ <span class="cline-any cline-yes">3x</span>
223
+ <span class="cline-any cline-neutral">&nbsp;</span>
224
+ <span class="cline-any cline-neutral">&nbsp;</span>
225
+ <span class="cline-any cline-neutral">&nbsp;</span>
226
+ <span class="cline-any cline-neutral">&nbsp;</span>
227
+ <span class="cline-any cline-neutral">&nbsp;</span>
228
+ <span class="cline-any cline-neutral">&nbsp;</span>
229
+ <span class="cline-any cline-neutral">&nbsp;</span>
230
+ <span class="cline-any cline-neutral">&nbsp;</span>
231
+ <span class="cline-any cline-neutral">&nbsp;</span>
232
+ <span class="cline-any cline-neutral">&nbsp;</span>
233
+ <span class="cline-any cline-neutral">&nbsp;</span>
234
+ <span class="cline-any cline-neutral">&nbsp;</span>
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-neutral">&nbsp;</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-neutral">&nbsp;</span>
251
+ <span class="cline-any cline-neutral">&nbsp;</span>
252
+ <span class="cline-any cline-neutral">&nbsp;</span>
253
+ <span class="cline-any cline-neutral">&nbsp;</span>
254
+ <span class="cline-any cline-neutral">&nbsp;</span>
255
+ <span class="cline-any cline-neutral">&nbsp;</span>
256
+ <span class="cline-any cline-neutral">&nbsp;</span>
257
+ <span class="cline-any cline-neutral">&nbsp;</span>
258
+ <span class="cline-any cline-neutral">&nbsp;</span>
259
+ <span class="cline-any cline-neutral">&nbsp;</span>
260
+ <span class="cline-any cline-neutral">&nbsp;</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-neutral">&nbsp;</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-neutral">&nbsp;</span>
268
+ <span class="cline-any cline-neutral">&nbsp;</span>
269
+ <span class="cline-any cline-neutral">&nbsp;</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-neutral">&nbsp;</span>
274
+ <span class="cline-any cline-neutral">&nbsp;</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-neutral">&nbsp;</span>
279
+ <span class="cline-any cline-neutral">&nbsp;</span>
280
+ <span class="cline-any cline-neutral">&nbsp;</span>
281
+ <span class="cline-any cline-neutral">&nbsp;</span>
282
+ <span class="cline-any cline-neutral">&nbsp;</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-neutral">&nbsp;</span>
286
+ <span class="cline-any cline-neutral">&nbsp;</span>
287
+ <span class="cline-any cline-neutral">&nbsp;</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-neutral">&nbsp;</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-neutral">&nbsp;</span>
298
+ <span class="cline-any cline-neutral">&nbsp;</span>
299
+ <span class="cline-any cline-neutral">&nbsp;</span>
300
+ <span class="cline-any cline-yes">1x</span>
301
+ <span class="cline-any cline-yes">1x</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></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
309
+ import { defaultProps } from './props/defaultProps';
310
+ import { propTypes } from './props/propTypes';
311
+ import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
312
+ import AvatarTeam from '@zohodesk/components/lib/AvatarTeam/AvatarTeam';
313
+ import style from './AvatarWithTeam.module.css';
314
+ &nbsp;
315
+ export default class AvatarWithTeam extends React.Component {
316
+ render() {
317
+ let {
318
+ name,
319
+ size,
320
+ src,
321
+ teamName,
322
+ isTeam,
323
+ needTitle = false,
324
+ initial,
325
+ title,
326
+ palette,
327
+ textPalette,
328
+ customTextClass,
329
+ teamClassName,
330
+ borderOnActive,
331
+ customProps,
332
+ dataSelectorId,
333
+ teamBorderActive
334
+ } = this.props;
335
+ let {
336
+ AvatarWithTeamProps = {},
337
+ Avatar1Props = {},
338
+ AvatarTeam1Props = {},
339
+ Avatar2Props = {},
340
+ AvatarTeam2Props = {}
341
+ } = customProps;
342
+ &nbsp;
343
+ return (
344
+ &lt;span
345
+ className={`${style.container} `}
346
+ data-id='avatarWithTeamId'
347
+ data-test-id='avatarWithTeamId'
348
+ data-selector-id={dataSelectorId}
349
+ {...AvatarWithTeamProps}
350
+ &gt;
351
+ {isTeam &amp;&amp; teamName ? (
352
+ &lt;Avatar
353
+ name={name}
354
+ src={src}
355
+ size={size}
356
+ initial={initial}
357
+ needTitle={needTitle}
358
+ palette={palette}
359
+ textPalette={textPalette}
360
+ customClass={customTextClass}
361
+ borderOnActive={borderOnActive}
362
+ {...Avatar1Props}
363
+ /&gt;
364
+ ) : isTeam ? (
365
+ &lt;AvatarTeam
366
+ name={name}
367
+ src={src}
368
+ size={size}
369
+ needTitle={needTitle}
370
+ title={needTitle ? <span class="branch-0 cbranch-no" title="branch not covered" >title </span>: undefined}
371
+ palette={palette}
372
+ textPalette={textPalette}
373
+ customClass={{
374
+ customAvatar: customTextClass
375
+ }}
376
+ borderOnActive={borderOnActive}
377
+ {...AvatarTeam1Props}
378
+ /&gt;
379
+ ) : (
380
+ &lt;Avatar
381
+ name={name}
382
+ src={src}
383
+ size={size}
384
+ initial={initial}
385
+ needTitle={needTitle}
386
+ palette={palette}
387
+ textPalette={textPalette}
388
+ customClass={customTextClass}
389
+ borderOnActive={borderOnActive}
390
+ {...Avatar2Props}
391
+ /&gt;
392
+ )}
393
+ &nbsp;
394
+ {teamName ? (
395
+ &lt;span
396
+ className={`${style.teamAvatar} ${teamClassName} `}
397
+ data-id='teamNameTestId'
398
+ data-test-id='teamNameTestId'
399
+ data-title={needTitle ? <span class="branch-0 cbranch-no" title="branch not covered" >title </span>: undefined}
400
+ &gt;
401
+ &lt;AvatarTeam
402
+ name={teamName}
403
+ size='small'
404
+ palette={palette}
405
+ textPalette={textPalette}
406
+ isFilled
407
+ needTitle={needTitle}
408
+ customClass={{
409
+ customAvatar: customTextClass
410
+ }}
411
+ borderOnActive={teamBorderActive}
412
+ {...AvatarTeam2Props}
413
+ /&gt;
414
+ &lt;/span&gt;
415
+ ) : null}
416
+ &lt;/span&gt;
417
+ );
418
+ }
419
+ }
420
+ &nbsp;
421
+ AvatarWithTeam.defaultProps = defaultProps;
422
+ AvatarWithTeam.propTypes = propTypes;
423
+ &nbsp;
424
+ // if (__DOCS__) {
425
+ // AvatarWithTeam.docs = {
426
+ // componentGroup: 'Avatar Group'
427
+ // };
428
+ // }
429
+ &nbsp;</pre></td></tr></table></pre>
430
+
431
+ <div class='push'></div><!-- for sticky footer -->
432
+ </div><!-- /wrapper -->
433
+ <div class='footer quiet pad2 space-top1 center small'>
434
+ Code coverage generated by
435
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
436
+ at 2023-08-07T17:05:19.913Z
437
+ </div>
438
+ <script src="../../prettify.js"></script>
439
+ <script>
440
+ window.onload = function () {
441
+ prettyPrint();
442
+ };
443
+ </script>
444
+ <script src="../../sorter.js"></script>
445
+ <script src="../../block-navigation.js"></script>
446
+ </body>
447
+ </html>
448
+
@@ -0,0 +1,133 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for avatar/AvatarWithTeam/AvatarWithTeam.module.css</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">avatar/AvatarWithTeam</a> AvatarWithTeam.module.css</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">100% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>1/1</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">100% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>0/0</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">100% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>0/0</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'>1/1</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></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
83
+ <span class="cline-any cline-neutral">&nbsp;</span>
84
+ <span class="cline-any cline-neutral">&nbsp;</span>
85
+ <span class="cline-any cline-neutral">&nbsp;</span>
86
+ <span class="cline-any cline-neutral">&nbsp;</span>
87
+ <span class="cline-any cline-neutral">&nbsp;</span>
88
+ <span class="cline-any cline-neutral">&nbsp;</span>
89
+ <span class="cline-any cline-neutral">&nbsp;</span>
90
+ <span class="cline-any cline-neutral">&nbsp;</span>
91
+ <span class="cline-any cline-neutral">&nbsp;</span>
92
+ <span class="cline-any cline-neutral">&nbsp;</span>
93
+ <span class="cline-any cline-neutral">&nbsp;</span>
94
+ <span class="cline-any cline-neutral">&nbsp;</span>
95
+ <span class="cline-any cline-neutral">&nbsp;</span>
96
+ <span class="cline-any cline-neutral">&nbsp;</span>
97
+ <span class="cline-any cline-neutral">&nbsp;</span>
98
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">.container {
99
+ composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
100
+ vertical-align: middle;
101
+ position: relative;
102
+ }
103
+ &nbsp;
104
+ .teamAvatar {
105
+ position: absolute;
106
+ padding: 2px;
107
+ border-radius: 50%;
108
+ bottom: -6px;
109
+ right: -10px;
110
+ transform: scale(0.8);
111
+ background-color: var(--zdt_avatarwithteam_default_bg);
112
+ font-size: 0;
113
+ }
114
+ &nbsp;</pre></td></tr></table></pre>
115
+
116
+ <div class='push'></div><!-- for sticky footer -->
117
+ </div><!-- /wrapper -->
118
+ <div class='footer quiet pad2 space-top1 center small'>
119
+ Code coverage generated by
120
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
121
+ at 2023-08-07T17:05:19.913Z
122
+ </div>
123
+ <script src="../../prettify.js"></script>
124
+ <script>
125
+ window.onload = function () {
126
+ prettyPrint();
127
+ };
128
+ </script>
129
+ <script src="../../sorter.js"></script>
130
+ <script src="../../block-navigation.js"></script>
131
+ </body>
132
+ </html>
133
+