@zohodesk/components 1.0.0-temp-610 → 1.0.0-temp-68

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 (252) hide show
  1. package/README.md +1020 -1020
  2. package/assets/Appearance/dark/mode/darkMode.module.css +1 -1
  3. package/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +1 -1
  4. package/assets/Appearance/default/mode/defaultMode.module.css +1 -1
  5. package/assets/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +1 -1
  6. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +358 -0
  7. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +34 -0
  8. package/assets/Appearance/pureDark/themes/blue/bluePureDarkComponentTheme.module.css +42 -0
  9. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +34 -0
  10. package/assets/Appearance/pureDark/themes/green/greenPureDarkComponentTheme.module.css +42 -0
  11. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +34 -0
  12. package/assets/Appearance/pureDark/themes/orange/orangePureDarkComponentTheme.module.css +42 -0
  13. package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +34 -0
  14. package/assets/Appearance/pureDark/themes/red/redPureDarkComponentTheme.module.css +42 -0
  15. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +34 -0
  16. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkComponentTheme.module.css +42 -0
  17. package/es/AppContainer/AppContainer.module.css +18 -18
  18. package/es/Avatar/Avatar.js +9 -9
  19. package/es/Avatar/Avatar.module.css +117 -115
  20. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  21. package/es/AvatarTeam/AvatarTeam.js +7 -7
  22. package/es/AvatarTeam/AvatarTeam.module.css +161 -147
  23. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  24. package/es/Button/Button.js +4 -4
  25. package/es/Button/Button.module.css +521 -448
  26. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  27. package/es/Buttongroup/Buttongroup.js +1 -1
  28. package/es/Buttongroup/Buttongroup.module.css +89 -60
  29. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  30. package/es/Card/Card.js +4 -4
  31. package/es/Card/Card.module.css +20 -20
  32. package/es/CheckBox/CheckBox.js +0 -0
  33. package/es/CheckBox/CheckBox.module.css +153 -147
  34. package/es/DateTime/CalendarView.js +0 -0
  35. package/es/DateTime/DateTime.js +17 -39
  36. package/es/DateTime/DateTime.module.css +187 -160
  37. package/es/DateTime/DateWidget.js +0 -0
  38. package/es/DateTime/DateWidget.module.css +42 -38
  39. package/es/DateTime/YearView.js +0 -0
  40. package/es/DateTime/YearView.module.css +80 -70
  41. package/es/DateTime/common.js +0 -0
  42. package/es/DateTime/index.js +0 -0
  43. package/es/DateTime/objectUtils.js +0 -0
  44. package/es/DateTime/typeChecker.js +0 -0
  45. package/es/DateTime/validator.js +0 -0
  46. package/es/DropBox/DropBox.js +0 -0
  47. package/es/DropBox/DropBox.module.css +406 -370
  48. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  49. package/es/DropDown/DropDown.js +0 -0
  50. package/es/DropDown/DropDown.module.css +5 -5
  51. package/es/DropDown/DropDownHeading.js +0 -0
  52. package/es/DropDown/DropDownHeading.module.css +53 -49
  53. package/es/DropDown/DropDownItem.js +0 -0
  54. package/es/DropDown/DropDownItem.module.css +94 -68
  55. package/es/DropDown/DropDownSearch.js +0 -0
  56. package/es/DropDown/DropDownSearch.module.css +14 -14
  57. package/es/DropDown/DropDownSeparator.js +0 -0
  58. package/es/DropDown/DropDownSeparator.module.css +7 -7
  59. package/es/Label/Label.js +2 -2
  60. package/es/Label/Label.module.css +52 -52
  61. package/es/Label/LabelColors.module.css +20 -20
  62. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  63. package/es/Layout/Box.js +0 -0
  64. package/es/Layout/Container.js +0 -0
  65. package/es/Layout/Layout.module.css +324 -324
  66. package/es/Layout/utils.js +0 -0
  67. package/es/LightNightMode/Colors.json +397 -397
  68. package/es/ListItem/ListItem.js +0 -0
  69. package/es/ListItem/ListItem.module.css +205 -173
  70. package/es/MultiSelect/AdvancedGroupMultiSelect.js +77 -99
  71. package/es/MultiSelect/AdvancedMultiSelect.js +49 -71
  72. package/es/MultiSelect/AdvancedMultiSelect.module.css +127 -116
  73. package/es/MultiSelect/MultiSelect.js +60 -83
  74. package/es/MultiSelect/MultiSelect.module.css +193 -178
  75. package/es/MultiSelect/MultiSelectWithAvatar.js +52 -75
  76. package/es/MultiSelect/SelectedOptions.module.css +15 -9
  77. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  78. package/es/PopOver/PopOver.module.css +8 -8
  79. package/es/Popup/Popup.js +0 -0
  80. package/es/Popup/PositionMapping.json +73 -73
  81. package/es/Provider.js +72 -35
  82. package/es/Radio/Radio.js +0 -0
  83. package/es/Radio/Radio.module.css +110 -104
  84. package/es/Responsive/CustomResponsive.js +0 -0
  85. package/es/Responsive/Responsive.js +0 -1
  86. package/es/Ribbon/Ribbon.js +0 -0
  87. package/es/Ribbon/Ribbon.module.css +376 -311
  88. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  89. package/es/RippleEffect/RippleEffect.module.css +70 -99
  90. package/es/Select/GroupSelect.js +74 -96
  91. package/es/Select/Select.js +68 -92
  92. package/es/Select/Select.module.css +100 -96
  93. package/es/Select/SelectWithAvatar.js +66 -89
  94. package/es/Select/SelectWithIcon.js +74 -98
  95. package/es/Select/__tests__/Select.spec.js +0 -0
  96. package/es/Stencils/Stencils.js +0 -0
  97. package/es/Stencils/Stencils.module.css +96 -78
  98. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  99. package/es/Switch/Switch.js +0 -0
  100. package/es/Switch/Switch.module.css +109 -110
  101. package/es/Tab/Tab.module.css +101 -92
  102. package/es/Tab/TabContent.module.css +4 -4
  103. package/es/Tab/Tabs.js +17 -17
  104. package/es/Tab/Tabs.module.css +140 -107
  105. package/es/Tag/Tag.js +8 -8
  106. package/es/Tag/Tag.module.css +250 -228
  107. package/es/TextBox/TextBox.js +0 -0
  108. package/es/TextBox/TextBox.module.css +157 -161
  109. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  110. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  111. package/es/TextBoxIcon/TextBoxIcon.module.css +78 -71
  112. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  113. package/es/Textarea/Textarea.js +0 -0
  114. package/es/Textarea/Textarea.module.css +139 -140
  115. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  116. package/es/Tooltip/Tooltip.module.css +109 -108
  117. package/es/beta/FocusRing/FocusRing.module.css +151 -126
  118. package/es/common/animation.module.css +624 -426
  119. package/es/common/avatarsizes.module.css +44 -44
  120. package/es/common/basic.module.css +33 -33
  121. package/es/common/basicReset.module.css +40 -50
  122. package/es/common/common.module.css +502 -458
  123. package/es/common/customscroll.module.css +89 -93
  124. package/es/common/docStyle.module.css +766 -715
  125. package/es/common/reset.module.css +12 -12
  126. package/es/common/transition.module.css +146 -106
  127. package/es/index.js +1 -2
  128. package/es/semantic/Button/semanticButton.module.css +9 -9
  129. package/es/utils/Common.js +0 -0
  130. package/es/utils/dropDownUtils.js +0 -0
  131. package/lib/AppContainer/AppContainer.js +1 -1
  132. package/lib/AppContainer/AppContainer.module.css +18 -18
  133. package/lib/Avatar/Avatar.js +9 -9
  134. package/lib/Avatar/Avatar.module.css +117 -117
  135. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  136. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  137. package/lib/AvatarTeam/AvatarTeam.module.css +161 -161
  138. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  139. package/lib/Button/Button.js +4 -4
  140. package/lib/Button/Button.module.css +521 -521
  141. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  142. package/lib/Buttongroup/Buttongroup.js +1 -1
  143. package/lib/Buttongroup/Buttongroup.module.css +89 -89
  144. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  145. package/lib/Card/Card.js +4 -4
  146. package/lib/Card/Card.module.css +20 -20
  147. package/lib/CheckBox/CheckBox.js +2 -1
  148. package/lib/CheckBox/CheckBox.module.css +153 -153
  149. package/lib/DateTime/CalendarView.js +0 -0
  150. package/lib/DateTime/DateTime.js +0 -0
  151. package/lib/DateTime/DateTime.module.css +187 -187
  152. package/lib/DateTime/DateWidget.js +0 -0
  153. package/lib/DateTime/DateWidget.module.css +42 -42
  154. package/lib/DateTime/YearView.js +0 -0
  155. package/lib/DateTime/YearView.module.css +80 -80
  156. package/lib/DateTime/common.js +0 -0
  157. package/lib/DateTime/index.js +0 -0
  158. package/lib/DateTime/objectUtils.js +0 -0
  159. package/lib/DateTime/typeChecker.js +0 -0
  160. package/lib/DateTime/validator.js +0 -0
  161. package/lib/DropBox/DropBox.js +1 -1
  162. package/lib/DropBox/DropBox.module.css +406 -406
  163. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  164. package/lib/DropDown/DropDown.js +0 -0
  165. package/lib/DropDown/DropDown.module.css +5 -5
  166. package/lib/DropDown/DropDownHeading.js +0 -0
  167. package/lib/DropDown/DropDownHeading.module.css +53 -53
  168. package/lib/DropDown/DropDownItem.js +0 -0
  169. package/lib/DropDown/DropDownItem.module.css +94 -94
  170. package/lib/DropDown/DropDownSearch.js +0 -0
  171. package/lib/DropDown/DropDownSearch.module.css +14 -14
  172. package/lib/DropDown/DropDownSeparator.js +0 -0
  173. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  174. package/lib/Label/Label.js +0 -0
  175. package/lib/Label/Label.module.css +52 -52
  176. package/lib/Label/LabelColors.module.css +20 -20
  177. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  178. package/lib/Layout/Box.js +0 -0
  179. package/lib/Layout/Container.js +0 -0
  180. package/lib/Layout/Layout.module.css +324 -324
  181. package/lib/Layout/utils.js +0 -0
  182. package/lib/LightNightMode/Colors.json +397 -397
  183. package/lib/ListItem/ListContainer.js +7 -4
  184. package/lib/ListItem/ListItem.js +1 -1
  185. package/lib/ListItem/ListItem.module.css +205 -210
  186. package/lib/ListItem/ListItemWithAvatar.js +1 -1
  187. package/lib/ListItem/ListItemWithCheckBox.js +1 -1
  188. package/lib/ListItem/ListItemWithIcon.js +1 -1
  189. package/lib/ListItem/ListItemWithRadio.js +1 -1
  190. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +12 -8
  191. package/lib/MultiSelect/AdvancedMultiSelect.module.css +127 -127
  192. package/lib/MultiSelect/MultiSelect.js +12 -11
  193. package/lib/MultiSelect/MultiSelect.module.css +193 -193
  194. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  195. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  196. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  197. package/lib/PopOver/PopOver.module.css +8 -8
  198. package/lib/Popup/Popup.js +0 -0
  199. package/lib/Popup/PositionMapping.json +73 -73
  200. package/lib/Provider/Config.js +4 -1
  201. package/lib/Provider.js +88 -37
  202. package/lib/Radio/Radio.js +0 -0
  203. package/lib/Radio/Radio.module.css +110 -110
  204. package/lib/Responsive/CustomResponsive.js +0 -0
  205. package/lib/Ribbon/Ribbon.js +0 -0
  206. package/lib/Ribbon/Ribbon.module.css +376 -376
  207. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  208. package/lib/RippleEffect/RippleEffect.module.css +70 -70
  209. package/lib/Select/GroupSelect.js +1 -1
  210. package/lib/Select/Select.js +9 -4
  211. package/lib/Select/Select.module.css +100 -100
  212. package/lib/Select/SelectWithAvatar.js +0 -0
  213. package/lib/Select/SelectWithIcon.js +0 -0
  214. package/lib/Select/__tests__/Select.spec.js +0 -0
  215. package/lib/Stencils/Stencils.js +0 -0
  216. package/lib/Stencils/Stencils.module.css +96 -96
  217. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  218. package/lib/Switch/Switch.js +0 -0
  219. package/lib/Switch/Switch.module.css +109 -109
  220. package/lib/Tab/Tab.module.css +101 -101
  221. package/lib/Tab/TabContent.module.css +4 -4
  222. package/lib/Tab/Tabs.js +11 -11
  223. package/lib/Tab/Tabs.module.css +140 -140
  224. package/lib/Tag/Tag.js +8 -8
  225. package/lib/Tag/Tag.module.css +250 -250
  226. package/lib/TextBox/TextBox.js +0 -0
  227. package/lib/TextBox/TextBox.module.css +157 -157
  228. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  229. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  230. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
  231. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  232. package/lib/Textarea/Textarea.js +0 -0
  233. package/lib/Textarea/Textarea.module.css +139 -139
  234. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  235. package/lib/Tooltip/Tooltip.js +15 -8
  236. package/lib/Tooltip/Tooltip.module.css +109 -104
  237. package/lib/beta/FocusRing/FocusRing.module.css +151 -151
  238. package/lib/common/animation.module.css +624 -624
  239. package/lib/common/avatarsizes.module.css +44 -44
  240. package/lib/common/basic.module.css +33 -33
  241. package/lib/common/basicReset.module.css +40 -40
  242. package/lib/common/common.module.css +502 -502
  243. package/lib/common/customscroll.module.css +89 -89
  244. package/lib/common/docStyle.module.css +766 -762
  245. package/lib/common/reset.module.css +12 -12
  246. package/lib/common/transition.module.css +146 -146
  247. package/lib/semantic/Button/semanticButton.module.css +9 -9
  248. package/lib/utils/Common.js +0 -0
  249. package/lib/utils/dropDownUtils.js +0 -0
  250. package/package.json +75 -75
  251. package/es/ResponsiveDropbox/ResponsiveDropbox.js +0 -74
  252. package/es/ResponsiveDropbox/ResponsiveDropbox.module.css +0 -6
@@ -1,288 +1,288 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Avatar component should display avatar image and initial while avatar loading... 1`] = `
4
- <div
5
- className="avatar medium medium circle primary text_black
6
- border"
7
- data-id="Avatar"
8
- data-title="vimalesan a"
9
- onClick={[Function]}
10
- >
11
- <span
12
- className="initial initialTxt"
13
- data-id="Avatar_AvatarInitial"
14
- >
15
- VA
16
- </span>
17
- <img
18
- className="none"
19
- data-id="Avatar_AvatarImg"
20
- name="vimalesan a"
21
- onError={[Function]}
22
- onLoad={[Function]}
23
- src="avatar.jpg"
24
- />
25
- </div>
26
- `;
27
-
28
- exports[`Avatar component should display image valid url 1`] = `
29
- <div
30
- className="avatar medium medium circle primary text_black
31
- "
32
- data-id="Avatar"
33
- data-title="vimalesan a"
34
- onClick={[Function]}
35
- >
36
- <img
37
- className="image"
38
- data-id="Avatar_AvatarImg"
39
- name="vimalesan a"
40
- onError={[Function]}
41
- onLoad={[Function]}
42
- src="avatar.jpg"
43
- />
44
- </div>
45
- `;
46
-
47
- exports[`Avatar component should display initial 1`] = `
48
- <div
49
- className="avatar medium medium circle primary text_black
50
- border"
51
- data-id="Avatar"
52
- data-title="vimalesan a"
53
- onClick={[Function]}
54
- >
55
- <span
56
- className="initial initialTxt"
57
- data-id="Avatar_AvatarInitial"
58
- >
59
- VA
60
- </span>
61
- </div>
62
- `;
63
-
64
- exports[`Avatar component should display initial if invalid url 1`] = `
65
- <div
66
- className="avatar medium medium circle primary text_black
67
- border"
68
- data-id="Avatar"
69
- data-title="vimalesan a"
70
- onClick={[Function]}
71
- >
72
- <span
73
- className="initial initialTxt"
74
- data-id="Avatar_AvatarInitial"
75
- >
76
- VA
77
- </span>
78
- </div>
79
- `;
80
-
81
- exports[`Avatar component should have title 1`] = `
82
- <div
83
- className="avatar medium medium circle primary text_black
84
- "
85
- data-id="Avatar"
86
- data-title="Sample Title"
87
- onClick={[Function]}
88
- >
89
- <img
90
- className="image"
91
- data-id="Avatar_AvatarImg"
92
- name="vimalesan a"
93
- onError={[Function]}
94
- onLoad={[Function]}
95
- src="avatar.jpg"
96
- />
97
- </div>
98
- `;
99
-
100
- exports[`Avatar component should no need title 1`] = `
101
- <div
102
- className="avatar medium medium circle primary text_black
103
- "
104
- data-id="Avatar"
105
- data-title=""
106
- onClick={[Function]}
107
- >
108
- <img
109
- className="image"
110
- data-id="Avatar_AvatarImg"
111
- name="vimalesan a"
112
- onError={[Function]}
113
- onLoad={[Function]}
114
- src="avatar.jpg"
115
- />
116
- </div>
117
- `;
118
-
119
- exports[`Avatar component should the palette is default 1`] = `
120
- <div
121
- className="avatar medium medium circle default text_black
122
- "
123
- data-id="Avatar"
124
- data-title="vimalesan a"
125
- onClick={[Function]}
126
- >
127
- <img
128
- className="image"
129
- data-id="Avatar_AvatarImg"
130
- name="vimalesan a"
131
- onError={[Function]}
132
- onLoad={[Function]}
133
- src="avatar.jpg"
134
- />
135
- </div>
136
- `;
137
-
138
- exports[`Avatar component should the palette is info 1`] = `
139
- <div
140
- className="avatar medium medium circle info text_black
141
- "
142
- data-id="Avatar"
143
- data-title="vimalesan a"
144
- onClick={[Function]}
145
- >
146
- <img
147
- className="image"
148
- data-id="Avatar_AvatarImg"
149
- name="vimalesan a"
150
- onError={[Function]}
151
- onLoad={[Function]}
152
- src="avatar.jpg"
153
- />
154
- </div>
155
- `;
156
-
157
- exports[`Avatar component should the palette is secondary 1`] = `
158
- <div
159
- className="avatar medium medium circle secondary text_white
160
- "
161
- data-id="Avatar"
162
- data-title="vimalesan a"
163
- onClick={[Function]}
164
- >
165
- <img
166
- className="image"
167
- data-id="Avatar_AvatarImg"
168
- name="vimalesan a"
169
- onError={[Function]}
170
- onLoad={[Function]}
171
- src="avatar.jpg"
172
- />
173
- </div>
174
- `;
175
-
176
- exports[`Avatar component should the shape is square 1`] = `
177
- <div
178
- className="avatar medium medium square primary text_black
179
- "
180
- data-id="Avatar"
181
- data-title="vimalesan a"
182
- onClick={[Function]}
183
- >
184
- <img
185
- className="image"
186
- data-id="Avatar_AvatarImg"
187
- name="vimalesan a"
188
- onError={[Function]}
189
- onLoad={[Function]}
190
- src="avatar.jpg"
191
- />
192
- </div>
193
- `;
194
-
195
- exports[`Avatar component should the size is large 1`] = `
196
- <div
197
- className="avatar large large circle primary text_black
198
- "
199
- data-id="Avatar"
200
- data-title="vimalesan a"
201
- onClick={[Function]}
202
- >
203
- <img
204
- className="image"
205
- data-id="Avatar_AvatarImg"
206
- name="vimalesan a"
207
- onError={[Function]}
208
- onLoad={[Function]}
209
- src="avatar.jpg"
210
- />
211
- </div>
212
- `;
213
-
214
- exports[`Avatar component should the size is small 1`] = `
215
- <div
216
- className="avatar square circle primary text_black
217
- "
218
- data-id="Avatar"
219
- data-title="vimalesan a"
220
- onClick={[Function]}
221
- >
222
- <img
223
- className="image"
224
- data-id="Avatar_AvatarImg"
225
- name="vimalesan a"
226
- onError={[Function]}
227
- onLoad={[Function]}
228
- src="avatar.jpg"
229
- />
230
- </div>
231
- `;
232
-
233
- exports[`Avatar component should the size is xlarge 1`] = `
234
- <div
235
- className="avatar xlarge xlarge circle primary text_black
236
- "
237
- data-id="Avatar"
238
- data-title="vimalesan a"
239
- onClick={[Function]}
240
- >
241
- <img
242
- className="image"
243
- data-id="Avatar_AvatarImg"
244
- name="vimalesan a"
245
- onError={[Function]}
246
- onLoad={[Function]}
247
- src="avatar.jpg"
248
- />
249
- </div>
250
- `;
251
-
252
- exports[`Avatar component should the size is xmedium 1`] = `
253
- <div
254
- className="avatar xmedium xmedium circle primary text_black
255
- "
256
- data-id="Avatar"
257
- data-title="vimalesan a"
258
- onClick={[Function]}
259
- >
260
- <img
261
- className="image"
262
- data-id="Avatar_AvatarImg"
263
- name="vimalesan a"
264
- onError={[Function]}
265
- onLoad={[Function]}
266
- src="avatar.jpg"
267
- />
268
- </div>
269
- `;
270
-
271
- exports[`Avatar component should the size is xsmall 1`] = `
272
- <div
273
- className="avatar xsmall xsmall circle primary text_black
274
- "
275
- data-id="Avatar"
276
- data-title="vimalesan a"
277
- onClick={[Function]}
278
- >
279
- <img
280
- className="image"
281
- data-id="Avatar_AvatarImg"
282
- name="vimalesan a"
283
- onError={[Function]}
284
- onLoad={[Function]}
285
- src="avatar.jpg"
286
- />
287
- </div>
288
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Avatar component should display avatar image and initial while avatar loading... 1`] = `
4
+ <div
5
+ className="avatar medium medium circle primary text_black
6
+ border"
7
+ data-id="Avatar"
8
+ data-title="vimalesan a"
9
+ onClick={[Function]}
10
+ >
11
+ <span
12
+ className="initial initialTxt"
13
+ data-id="Avatar_AvatarInitial"
14
+ >
15
+ VA
16
+ </span>
17
+ <img
18
+ className="none"
19
+ data-id="Avatar_AvatarImg"
20
+ name="vimalesan a"
21
+ onError={[Function]}
22
+ onLoad={[Function]}
23
+ src="avatar.jpg"
24
+ />
25
+ </div>
26
+ `;
27
+
28
+ exports[`Avatar component should display image valid url 1`] = `
29
+ <div
30
+ className="avatar medium medium circle primary text_black
31
+ "
32
+ data-id="Avatar"
33
+ data-title="vimalesan a"
34
+ onClick={[Function]}
35
+ >
36
+ <img
37
+ className="image"
38
+ data-id="Avatar_AvatarImg"
39
+ name="vimalesan a"
40
+ onError={[Function]}
41
+ onLoad={[Function]}
42
+ src="avatar.jpg"
43
+ />
44
+ </div>
45
+ `;
46
+
47
+ exports[`Avatar component should display initial 1`] = `
48
+ <div
49
+ className="avatar medium medium circle primary text_black
50
+ border"
51
+ data-id="Avatar"
52
+ data-title="vimalesan a"
53
+ onClick={[Function]}
54
+ >
55
+ <span
56
+ className="initial initialTxt"
57
+ data-id="Avatar_AvatarInitial"
58
+ >
59
+ VA
60
+ </span>
61
+ </div>
62
+ `;
63
+
64
+ exports[`Avatar component should display initial if invalid url 1`] = `
65
+ <div
66
+ className="avatar medium medium circle primary text_black
67
+ border"
68
+ data-id="Avatar"
69
+ data-title="vimalesan a"
70
+ onClick={[Function]}
71
+ >
72
+ <span
73
+ className="initial initialTxt"
74
+ data-id="Avatar_AvatarInitial"
75
+ >
76
+ VA
77
+ </span>
78
+ </div>
79
+ `;
80
+
81
+ exports[`Avatar component should have title 1`] = `
82
+ <div
83
+ className="avatar medium medium circle primary text_black
84
+ "
85
+ data-id="Avatar"
86
+ data-title="Sample Title"
87
+ onClick={[Function]}
88
+ >
89
+ <img
90
+ className="image"
91
+ data-id="Avatar_AvatarImg"
92
+ name="vimalesan a"
93
+ onError={[Function]}
94
+ onLoad={[Function]}
95
+ src="avatar.jpg"
96
+ />
97
+ </div>
98
+ `;
99
+
100
+ exports[`Avatar component should no need title 1`] = `
101
+ <div
102
+ className="avatar medium medium circle primary text_black
103
+ "
104
+ data-id="Avatar"
105
+ data-title=""
106
+ onClick={[Function]}
107
+ >
108
+ <img
109
+ className="image"
110
+ data-id="Avatar_AvatarImg"
111
+ name="vimalesan a"
112
+ onError={[Function]}
113
+ onLoad={[Function]}
114
+ src="avatar.jpg"
115
+ />
116
+ </div>
117
+ `;
118
+
119
+ exports[`Avatar component should the palette is default 1`] = `
120
+ <div
121
+ className="avatar medium medium circle default text_black
122
+ "
123
+ data-id="Avatar"
124
+ data-title="vimalesan a"
125
+ onClick={[Function]}
126
+ >
127
+ <img
128
+ className="image"
129
+ data-id="Avatar_AvatarImg"
130
+ name="vimalesan a"
131
+ onError={[Function]}
132
+ onLoad={[Function]}
133
+ src="avatar.jpg"
134
+ />
135
+ </div>
136
+ `;
137
+
138
+ exports[`Avatar component should the palette is info 1`] = `
139
+ <div
140
+ className="avatar medium medium circle info text_black
141
+ "
142
+ data-id="Avatar"
143
+ data-title="vimalesan a"
144
+ onClick={[Function]}
145
+ >
146
+ <img
147
+ className="image"
148
+ data-id="Avatar_AvatarImg"
149
+ name="vimalesan a"
150
+ onError={[Function]}
151
+ onLoad={[Function]}
152
+ src="avatar.jpg"
153
+ />
154
+ </div>
155
+ `;
156
+
157
+ exports[`Avatar component should the palette is secondary 1`] = `
158
+ <div
159
+ className="avatar medium medium circle secondary text_white
160
+ "
161
+ data-id="Avatar"
162
+ data-title="vimalesan a"
163
+ onClick={[Function]}
164
+ >
165
+ <img
166
+ className="image"
167
+ data-id="Avatar_AvatarImg"
168
+ name="vimalesan a"
169
+ onError={[Function]}
170
+ onLoad={[Function]}
171
+ src="avatar.jpg"
172
+ />
173
+ </div>
174
+ `;
175
+
176
+ exports[`Avatar component should the shape is square 1`] = `
177
+ <div
178
+ className="avatar medium medium square primary text_black
179
+ "
180
+ data-id="Avatar"
181
+ data-title="vimalesan a"
182
+ onClick={[Function]}
183
+ >
184
+ <img
185
+ className="image"
186
+ data-id="Avatar_AvatarImg"
187
+ name="vimalesan a"
188
+ onError={[Function]}
189
+ onLoad={[Function]}
190
+ src="avatar.jpg"
191
+ />
192
+ </div>
193
+ `;
194
+
195
+ exports[`Avatar component should the size is large 1`] = `
196
+ <div
197
+ className="avatar large large circle primary text_black
198
+ "
199
+ data-id="Avatar"
200
+ data-title="vimalesan a"
201
+ onClick={[Function]}
202
+ >
203
+ <img
204
+ className="image"
205
+ data-id="Avatar_AvatarImg"
206
+ name="vimalesan a"
207
+ onError={[Function]}
208
+ onLoad={[Function]}
209
+ src="avatar.jpg"
210
+ />
211
+ </div>
212
+ `;
213
+
214
+ exports[`Avatar component should the size is small 1`] = `
215
+ <div
216
+ className="avatar square circle primary text_black
217
+ "
218
+ data-id="Avatar"
219
+ data-title="vimalesan a"
220
+ onClick={[Function]}
221
+ >
222
+ <img
223
+ className="image"
224
+ data-id="Avatar_AvatarImg"
225
+ name="vimalesan a"
226
+ onError={[Function]}
227
+ onLoad={[Function]}
228
+ src="avatar.jpg"
229
+ />
230
+ </div>
231
+ `;
232
+
233
+ exports[`Avatar component should the size is xlarge 1`] = `
234
+ <div
235
+ className="avatar xlarge xlarge circle primary text_black
236
+ "
237
+ data-id="Avatar"
238
+ data-title="vimalesan a"
239
+ onClick={[Function]}
240
+ >
241
+ <img
242
+ className="image"
243
+ data-id="Avatar_AvatarImg"
244
+ name="vimalesan a"
245
+ onError={[Function]}
246
+ onLoad={[Function]}
247
+ src="avatar.jpg"
248
+ />
249
+ </div>
250
+ `;
251
+
252
+ exports[`Avatar component should the size is xmedium 1`] = `
253
+ <div
254
+ className="avatar xmedium xmedium circle primary text_black
255
+ "
256
+ data-id="Avatar"
257
+ data-title="vimalesan a"
258
+ onClick={[Function]}
259
+ >
260
+ <img
261
+ className="image"
262
+ data-id="Avatar_AvatarImg"
263
+ name="vimalesan a"
264
+ onError={[Function]}
265
+ onLoad={[Function]}
266
+ src="avatar.jpg"
267
+ />
268
+ </div>
269
+ `;
270
+
271
+ exports[`Avatar component should the size is xsmall 1`] = `
272
+ <div
273
+ className="avatar xsmall xsmall circle primary text_black
274
+ "
275
+ data-id="Avatar"
276
+ data-title="vimalesan a"
277
+ onClick={[Function]}
278
+ >
279
+ <img
280
+ className="image"
281
+ data-id="Avatar_AvatarImg"
282
+ name="vimalesan a"
283
+ onError={[Function]}
284
+ onLoad={[Function]}
285
+ src="avatar.jpg"
286
+ />
287
+ </div>
288
+ `;
@@ -39,15 +39,15 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
39
39
 
40
40
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
41
41
 
42
- /* once avatar support firstname lastname and pattern
43
- pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
44
-
45
- Not going to export to external then can kept inside supportapp
42
+ /* once avatar support firstname lastname and pattern
43
+ pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
44
+
45
+ Not going to export to external then can kept inside supportapp
46
46
  */
47
47
 
48
- /*
49
- eslint css-modules/no-unused-class: [2, { markAsUsed: ["primary", "secondary",
50
- "small", "xsmall", "medium", "xmedium", "large", "xlarge"] }]
48
+ /*
49
+ eslint css-modules/no-unused-class: [2, { markAsUsed: ["primary", "secondary",
50
+ "small", "xsmall", "medium", "xmedium", "large", "xlarge"] }]
51
51
  */
52
52
  var AvatarTeam = /*#__PURE__*/function (_React$Component) {
53
53
  _inherits(AvatarTeam, _React$Component);