@zohodesk/components 1.2.12 → 1.2.14

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 (223) hide show
  1. package/.cli/PropValidationExcludeFilesArray.js +1 -7
  2. package/.cli/propValidation_report.html +1 -1
  3. package/README.md +10 -0
  4. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +29 -317
  5. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
  6. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +1 -33
  7. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +19 -43
  8. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
  9. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +1 -33
  10. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +19 -43
  11. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
  12. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +1 -33
  13. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +19 -43
  14. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
  15. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +1 -33
  16. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +19 -43
  17. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
  18. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +1 -33
  19. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +19 -43
  20. package/assets/Appearance/light/mode/Component_LightMode.module.css +29 -317
  21. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +1 -33
  23. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +19 -43
  24. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
  25. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +1 -33
  26. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +19 -43
  27. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +1 -33
  29. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +19 -43
  30. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
  31. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +1 -33
  32. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +19 -43
  33. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +1 -33
  35. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +19 -43
  36. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +29 -317
  37. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +1 -33
  39. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +19 -43
  40. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +1 -33
  42. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +19 -43
  43. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +1 -33
  45. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +19 -43
  46. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +1 -33
  48. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +19 -43
  49. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +1 -33
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +19 -43
  52. package/assets/Contrast/darkContrastLightness.module.css +34 -34
  53. package/assets/Contrast/lightContrastLightness.module.css +34 -34
  54. package/assets/Contrast/pureDarkContrastLightness.module.css +34 -34
  55. package/coverage/Avatar/Avatar.js.html +649 -0
  56. package/coverage/Avatar/Avatar.module.css.html +556 -0
  57. package/coverage/Avatar/index.html +131 -0
  58. package/coverage/Avatar/props/defaultProps.js.html +136 -0
  59. package/coverage/Avatar/props/index.html +131 -0
  60. package/coverage/Avatar/props/propTypes.js.html +166 -0
  61. package/coverage/AvatarTeam/AvatarTeam.js.html +340 -0
  62. package/coverage/AvatarTeam/AvatarTeam.module.css.html +610 -0
  63. package/coverage/AvatarTeam/index.html +131 -0
  64. package/coverage/AvatarTeam/props/defaultProps.js.html +136 -0
  65. package/coverage/AvatarTeam/props/index.html +131 -0
  66. package/coverage/AvatarTeam/props/propTypes.js.html +169 -0
  67. package/coverage/Button/Button.js.html +1 -1
  68. package/coverage/Button/css/Button.module.css.html +1 -1
  69. package/coverage/Button/css/cssJSLogic.js.html +1 -1
  70. package/coverage/Button/css/index.html +1 -1
  71. package/coverage/Button/index.html +1 -1
  72. package/coverage/Button/props/defaultProps.js.html +1 -1
  73. package/coverage/Button/props/index.html +1 -1
  74. package/coverage/Button/props/propTypes.js.html +1 -1
  75. package/coverage/Buttongroup/Buttongroup.js.html +1 -1
  76. package/coverage/Buttongroup/Buttongroup.module.css.html +1 -1
  77. package/coverage/Buttongroup/index.html +1 -1
  78. package/coverage/Buttongroup/props/defaultProps.js.html +1 -1
  79. package/coverage/Buttongroup/props/index.html +1 -1
  80. package/coverage/Buttongroup/props/propTypes.js.html +1 -1
  81. package/coverage/Label/Label.js.html +253 -0
  82. package/coverage/Label/Label.module.css.html +241 -0
  83. package/coverage/Label/LabelColors.module.css.html +145 -0
  84. package/coverage/Label/index.html +146 -0
  85. package/coverage/Label/props/defaultProps.js.html +118 -0
  86. package/coverage/Label/props/index.html +131 -0
  87. package/coverage/Label/props/propTypes.js.html +145 -0
  88. package/coverage/Layout/Box.js.html +367 -0
  89. package/coverage/Layout/Container.js.html +439 -0
  90. package/coverage/Layout/Layout.module.css.html +1090 -0
  91. package/coverage/Layout/index.html +176 -0
  92. package/coverage/Layout/index.js.html +118 -0
  93. package/coverage/Layout/props/defaultProps.js.html +136 -0
  94. package/coverage/Layout/props/index.html +131 -0
  95. package/coverage/Layout/props/propTypes.js.html +262 -0
  96. package/coverage/Layout/utils.js.html +199 -0
  97. package/coverage/Provider/AvatarSize.js.html +124 -0
  98. package/coverage/Provider/CssProvider.js.html +133 -0
  99. package/coverage/Provider/index.html +131 -0
  100. package/coverage/Radio/Radio.js.html +415 -0
  101. package/coverage/Radio/Radio.module.css.html +403 -0
  102. package/coverage/Radio/index.html +131 -0
  103. package/coverage/Radio/props/defaultProps.js.html +127 -0
  104. package/coverage/Radio/props/index.html +131 -0
  105. package/coverage/Radio/props/propTypes.js.html +187 -0
  106. package/coverage/Ribbon/Ribbon.js.html +229 -0
  107. package/coverage/Ribbon/Ribbon.module.css.html +1210 -0
  108. package/coverage/Ribbon/index.html +131 -0
  109. package/coverage/Ribbon/props/defaultProps.js.html +112 -0
  110. package/coverage/Ribbon/props/index.html +131 -0
  111. package/coverage/Ribbon/props/propTypes.js.html +121 -0
  112. package/coverage/RippleEffect/RippleEffect.js.html +172 -0
  113. package/coverage/RippleEffect/RippleEffect.module.css.html +415 -0
  114. package/coverage/RippleEffect/index.html +131 -0
  115. package/coverage/RippleEffect/props/defaultProps.js.html +112 -0
  116. package/coverage/RippleEffect/props/index.html +131 -0
  117. package/coverage/RippleEffect/props/propTypes.js.html +121 -0
  118. package/coverage/Stencils/Stencils.js.html +163 -0
  119. package/coverage/Stencils/Stencils.module.css.html +319 -0
  120. package/coverage/Stencils/index.html +131 -0
  121. package/coverage/Stencils/props/defaultProps.js.html +103 -0
  122. package/coverage/Stencils/props/index.html +131 -0
  123. package/coverage/Stencils/props/propTypes.js.html +109 -0
  124. package/coverage/Switch/Switch.js.html +379 -0
  125. package/coverage/Switch/Switch.module.css.html +481 -0
  126. package/coverage/Switch/index.html +131 -0
  127. package/coverage/Switch/props/defaultProps.js.html +118 -0
  128. package/coverage/Switch/props/index.html +131 -0
  129. package/coverage/Switch/props/propTypes.js.html +172 -0
  130. package/coverage/common/avatarsizes.module.css.html +229 -0
  131. package/coverage/common/common.module.css.html +1519 -0
  132. package/coverage/common/index.html +131 -0
  133. package/coverage/coverage-final.json +46 -1
  134. package/coverage/coverage-summary.json +46 -1
  135. package/coverage/index.html +311 -11
  136. package/coverage/utils/dummyFunction.js.html +1 -1
  137. package/coverage/utils/getInitial.js.html +139 -0
  138. package/coverage/utils/index.html +25 -10
  139. package/es/Avatar/__tests__/Avatar.spec.js +181 -0
  140. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  141. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +138 -0
  142. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -0
  143. package/es/Buttongroup/Buttongroup.module.css +1 -2
  144. package/es/DateTime/DateTime.module.css +12 -1
  145. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +1 -4
  146. package/es/Label/__tests__/Label.spec.js +99 -0
  147. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -0
  148. package/es/ListItem/ListItem.module.css +6 -17
  149. package/es/Radio/__tests__/Radio.spec.js +241 -0
  150. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -0
  151. package/es/Ribbon/Ribbon.module.css +1 -2
  152. package/es/Ribbon/__tests__/Ribbon.spec.js +52 -0
  153. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  154. package/es/RippleEffect/__tests__/RippleEffect.spec.js +69 -0
  155. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -0
  156. package/es/Stencils/__tests__/Stencils.spec.js +46 -0
  157. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -0
  158. package/es/Switch/__tests__/Switch.spec.js +156 -0
  159. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  160. package/es/Tag/Tag.module.css +2 -3
  161. package/es/common/common.module.css +2 -2
  162. package/es/v1/DateTime/CalendarView.js +43 -10
  163. package/es/v1/DateTime/DateTime.js +8 -4
  164. package/es/v1/DateTime/DateTimePopupFooter.js +2 -2
  165. package/es/v1/DateTime/DateTimePopupHeader.js +1 -1
  166. package/es/v1/DateTime/DateWidget.js +8 -4
  167. package/es/v1/DateTime/DaysRow.js +1 -1
  168. package/es/v1/DateTime/Time.js +2 -2
  169. package/es/v1/DateTime/YearView.js +2 -2
  170. package/es/v1/DateTime/props/defaultProps.js +57 -0
  171. package/es/v1/DateTime/props/propTypes.js +195 -0
  172. package/es/v1/ListItem/ListItemWithAvatar.js +7 -8
  173. package/es/v1/Tag/Tag.js +6 -2
  174. package/es/v1/TextBox/TextBox.js +10 -10
  175. package/es/v1/Typography/Typography.js +4 -4
  176. package/es/v1/Typography/css/Typography.module.css +33 -0
  177. package/es/v1/Typography/css/cssJSLogic.js +14 -8
  178. package/es/v1/Typography/props/defaultProps.js +4 -4
  179. package/es/v1/Typography/props/propTypes.js +8 -5
  180. package/lib/Avatar/__tests__/Avatar.spec.js +188 -0
  181. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  182. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +145 -0
  183. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -0
  184. package/lib/Buttongroup/Buttongroup.module.css +1 -2
  185. package/lib/DateTime/DateTime.module.css +12 -1
  186. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +1 -4
  187. package/lib/Label/__tests__/Label.spec.js +106 -0
  188. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -0
  189. package/lib/ListItem/ListItem.module.css +6 -17
  190. package/lib/Radio/__tests__/Radio.spec.js +250 -0
  191. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -0
  192. package/lib/Ribbon/Ribbon.module.css +1 -2
  193. package/lib/Ribbon/__tests__/Ribbon.spec.js +59 -0
  194. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  195. package/lib/RippleEffect/__tests__/RippleEffect.spec.js +76 -0
  196. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -0
  197. package/lib/Stencils/__tests__/Stencils.spec.js +53 -0
  198. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -0
  199. package/lib/Switch/__tests__/Switch.spec.js +163 -0
  200. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  201. package/lib/Tag/Tag.module.css +2 -3
  202. package/lib/common/common.module.css +2 -2
  203. package/lib/v1/DateTime/CalendarView.js +44 -10
  204. package/lib/v1/DateTime/DateTime.js +8 -4
  205. package/lib/v1/DateTime/DateTimePopupFooter.js +2 -2
  206. package/lib/v1/DateTime/DateTimePopupHeader.js +1 -1
  207. package/lib/v1/DateTime/DateWidget.js +8 -4
  208. package/lib/v1/DateTime/DaysRow.js +1 -1
  209. package/lib/v1/DateTime/Time.js +2 -2
  210. package/lib/v1/DateTime/YearView.js +2 -2
  211. package/lib/v1/DateTime/props/defaultProps.js +70 -0
  212. package/lib/v1/DateTime/props/propTypes.js +227 -0
  213. package/lib/v1/ListItem/ListItemWithAvatar.js +14 -9
  214. package/lib/v1/Tag/Tag.js +7 -4
  215. package/lib/v1/TextBox/TextBox.js +8 -9
  216. package/lib/v1/Typography/Typography.js +3 -3
  217. package/lib/v1/Typography/css/Typography.module.css +33 -0
  218. package/lib/v1/Typography/css/cssJSLogic.js +8 -5
  219. package/lib/v1/Typography/props/defaultProps.js +4 -4
  220. package/lib/v1/Typography/props/propTypes.js +8 -5
  221. package/package.json +10 -10
  222. package/result.json +1 -1
  223. package/unittest/index.html +1 -1
package/coverage/AvatarTeam/AvatarTeam.js.html ADDED
@@ -0,0 +1,340 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for AvatarTeam/AvatarTeam.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">AvatarTeam</a> AvatarTeam.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'>7/7</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'>12/12</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'>7/7</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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
152
+ <span class="cline-any cline-neutral">&nbsp;</span>
153
+ <span class="cline-any cline-neutral">&nbsp;</span>
154
+ <span class="cline-any cline-neutral">&nbsp;</span>
155
+ <span class="cline-any cline-neutral">&nbsp;</span>
156
+ <span class="cline-any cline-neutral">&nbsp;</span>
157
+ <span class="cline-any cline-neutral">&nbsp;</span>
158
+ <span class="cline-any cline-neutral">&nbsp;</span>
159
+ <span class="cline-any cline-neutral">&nbsp;</span>
160
+ <span class="cline-any cline-neutral">&nbsp;</span>
161
+ <span class="cline-any cline-neutral">&nbsp;</span>
162
+ <span class="cline-any cline-neutral">&nbsp;</span>
163
+ <span class="cline-any cline-neutral">&nbsp;</span>
164
+ <span class="cline-any cline-neutral">&nbsp;</span>
165
+ <span class="cline-any cline-neutral">&nbsp;</span>
166
+ <span class="cline-any cline-neutral">&nbsp;</span>
167
+ <span class="cline-any cline-neutral">&nbsp;</span>
168
+ <span class="cline-any cline-neutral">&nbsp;</span>
169
+ <span class="cline-any cline-neutral">&nbsp;</span>
170
+ <span class="cline-any cline-neutral">&nbsp;</span>
171
+ <span class="cline-any cline-neutral">&nbsp;</span>
172
+ <span class="cline-any cline-neutral">&nbsp;</span>
173
+ <span class="cline-any cline-neutral">&nbsp;</span>
174
+ <span class="cline-any cline-neutral">&nbsp;</span>
175
+ <span class="cline-any cline-neutral">&nbsp;</span>
176
+ <span class="cline-any cline-neutral">&nbsp;</span>
177
+ <span class="cline-any cline-neutral">&nbsp;</span>
178
+ <span class="cline-any cline-neutral">&nbsp;</span>
179
+ <span class="cline-any cline-neutral">&nbsp;</span>
180
+ <span class="cline-any cline-neutral">&nbsp;</span>
181
+ <span class="cline-any cline-neutral">&nbsp;</span>
182
+ <span class="cline-any cline-neutral">&nbsp;</span>
183
+ <span class="cline-any cline-neutral">&nbsp;</span>
184
+ <span class="cline-any cline-neutral">&nbsp;</span>
185
+ <span class="cline-any cline-neutral">&nbsp;</span>
186
+ <span class="cline-any cline-neutral">&nbsp;</span>
187
+ <span class="cline-any cline-neutral">&nbsp;</span>
188
+ <span class="cline-any cline-yes">24x</span>
189
+ <span class="cline-any cline-yes">24x</span>
190
+ <span class="cline-any cline-yes">24x</span>
191
+ <span class="cline-any cline-yes">24x</span>
192
+ <span class="cline-any cline-yes">24x</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-neutral">&nbsp;</span>
214
+ <span class="cline-any cline-neutral">&nbsp;</span>
215
+ <span class="cline-any cline-neutral">&nbsp;</span>
216
+ <span class="cline-any cline-neutral">&nbsp;</span>
217
+ <span class="cline-any cline-neutral">&nbsp;</span>
218
+ <span class="cline-any cline-neutral">&nbsp;</span>
219
+ <span class="cline-any cline-neutral">&nbsp;</span>
220
+ <span class="cline-any cline-neutral">&nbsp;</span>
221
+ <span class="cline-any cline-neutral">&nbsp;</span>
222
+ <span class="cline-any cline-neutral">&nbsp;</span>
223
+ <span class="cline-any cline-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-yes">1x</span>
227
+ <span class="cline-any cline-yes">1x</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></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
237
+ import { defaultProps } from './props/defaultProps';
238
+ import { propTypes } from './props/propTypes';
239
+ import Avatar from '../Avatar/Avatar';
240
+ import style from './AvatarTeam.module.css';
241
+ /* once avatar support firstname lastname and pattern
242
+ pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
243
+ &nbsp;
244
+ Not going to export to external then can kept inside supportapp
245
+ */
246
+ &nbsp;
247
+ /*
248
+ eslint css-modules/no-unused-class: [2, { markAsUsed: ["primary", "secondary",
249
+ "small", "xsmall", "medium", "xmedium", "large", "xlarge"] }]
250
+ */
251
+ &nbsp;
252
+ export default class AvatarTeam extends React.Component {
253
+ render() {
254
+ let {
255
+ src,
256
+ name,
257
+ size,
258
+ palette,
259
+ textPalette,
260
+ onClick,
261
+ title,
262
+ isFilled,
263
+ dataId,
264
+ needTitle,
265
+ customClass,
266
+ borderOnActive,
267
+ borderOnHover,
268
+ dataSelectorId,
269
+ customProps,
270
+ needInnerBorder,
271
+ needBorder,
272
+ needDefaultBorder
273
+ } = this.props;
274
+ let { AvatarTeamProps = {}, AvatarProps = {} } = customProps;
275
+ let { customAvatar = '', customAvatarTeam = '' } = customClass;
276
+ let border = borderOnHover || onClick;
277
+ return (
278
+ &lt;span
279
+ className={`${style.container} ${borderOnActive ? style.borderOnActive : border ? style.borderOnHover : ''} `}
280
+ data-id={dataId}
281
+ data-test-id={dataId}
282
+ data-selector-id={dataSelectorId}
283
+ {...AvatarTeamProps}
284
+ &gt;
285
+ &lt;Avatar
286
+ name={name}
287
+ onClick={onClick}
288
+ palette={palette}
289
+ textPalette={textPalette}
290
+ size={size}
291
+ src={src}
292
+ title={title}
293
+ needTitle={needTitle}
294
+ customClass={customAvatar}
295
+ borderOnActive={borderOnActive}
296
+ borderOnHover={border}
297
+ needInnerBorder={needInnerBorder}
298
+ needBorder={needBorder}
299
+ needDefaultBorder={needDefaultBorder}
300
+ {...AvatarProps}
301
+ /&gt;
302
+ &lt;span
303
+ className={`${style.team} ${isFilled ? `${style[`${palette}Filled`]}` : style.nofill}
304
+ ${style[`${size}team`]} ${customAvatarTeam}`}
305
+ /&gt;
306
+ &lt;/span&gt;
307
+ );
308
+ }
309
+ }
310
+ &nbsp;
311
+ AvatarTeam.defaultProps = defaultProps;
312
+ AvatarTeam.propTypes = propTypes;
313
+ &nbsp;
314
+ // if (__DOCS__) {
315
+ // AvatarTeam.docs = {
316
+ // componentGroup: 'Avatar Group',
317
+ // folderName: 'Style Guide',
318
+ // external: true
319
+ // };
320
+ // }
321
+ &nbsp;</pre></td></tr></table></pre>
322
+
323
+ <div class='push'></div><!-- for sticky footer -->
324
+ </div><!-- /wrapper -->
325
+ <div class='footer quiet pad2 space-top1 center small'>
326
+ Code coverage generated by
327
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
328
+ at 2023-11-23T10:49:09.273Z
329
+ </div>
330
+ <script src="../prettify.js"></script>
331
+ <script>
332
+ window.onload = function () {
333
+ prettyPrint();
334
+ };
335
+ </script>
336
+ <script src="../sorter.js"></script>
337
+ <script src="../block-navigation.js"></script>
338
+ </body>
339
+ </html>
340
+