@zohodesk/components 1.0.0-temp-63 → 1.0.0-temp-65
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.
- package/README.md +1020 -1020
- package/assets/Appearance/dark/mode/darkMode.module.css +1 -1
- package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +358 -0
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +34 -0
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkComponentTheme.module.css +42 -0
- package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +34 -0
- package/assets/Appearance/pureDark/themes/green/greenPureDarkComponentTheme.module.css +42 -0
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +34 -0
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkComponentTheme.module.css +42 -0
- package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +34 -0
- package/assets/Appearance/pureDark/themes/red/redPureDarkComponentTheme.module.css +42 -0
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +34 -0
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkComponentTheme.module.css +42 -0
- package/es/AppContainer/AppContainer.module.css +18 -18
- package/es/Avatar/Avatar.js +9 -9
- package/es/Avatar/Avatar.module.css +117 -117
- package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
- package/es/AvatarTeam/AvatarTeam.js +7 -7
- package/es/AvatarTeam/AvatarTeam.module.css +161 -161
- package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
- package/es/Button/Button.js +4 -4
- package/es/Button/Button.module.css +521 -521
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
- package/es/Buttongroup/Buttongroup.js +1 -1
- package/es/Buttongroup/Buttongroup.module.css +89 -89
- package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
- package/es/Card/Card.js +4 -4
- package/es/Card/Card.module.css +20 -20
- package/es/CheckBox/CheckBox.js +0 -0
- package/es/CheckBox/CheckBox.module.css +153 -153
- package/es/DateTime/CalendarView.js +0 -0
- package/es/DateTime/DateTime.js +0 -0
- package/es/DateTime/DateTime.module.css +187 -187
- package/es/DateTime/DateWidget.js +0 -0
- package/es/DateTime/DateWidget.module.css +42 -42
- package/es/DateTime/YearView.js +0 -0
- package/es/DateTime/YearView.module.css +80 -80
- package/es/DateTime/common.js +0 -0
- package/es/DateTime/index.js +0 -0
- package/es/DateTime/objectUtils.js +0 -0
- package/es/DateTime/typeChecker.js +0 -0
- package/es/DateTime/validator.js +0 -0
- package/es/DropBox/DropBox.js +0 -0
- package/es/DropBox/DropBox.module.css +406 -406
- package/es/DropBox/DropBoxPositionMapping.json +144 -144
- package/es/DropDown/DropDown.js +0 -0
- package/es/DropDown/DropDown.module.css +5 -5
- package/es/DropDown/DropDownHeading.js +0 -0
- package/es/DropDown/DropDownHeading.module.css +53 -53
- package/es/DropDown/DropDownItem.js +0 -0
- package/es/DropDown/DropDownItem.module.css +94 -94
- package/es/DropDown/DropDownSearch.js +0 -0
- package/es/DropDown/DropDownSearch.module.css +14 -14
- package/es/DropDown/DropDownSeparator.js +0 -0
- package/es/DropDown/DropDownSeparator.module.css +7 -7
- package/es/Label/Label.js +2 -2
- package/es/Label/Label.module.css +52 -52
- package/es/Label/LabelColors.module.css +20 -20
- package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
- package/es/Layout/Box.js +0 -0
- package/es/Layout/Container.js +0 -0
- package/es/Layout/Layout.module.css +324 -324
- package/es/Layout/utils.js +0 -0
- package/es/LightNightMode/Colors.json +397 -397
- package/es/ListItem/ListItem.js +0 -0
- package/es/ListItem/ListItem.module.css +205 -205
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
- package/es/MultiSelect/AdvancedMultiSelect.module.css +127 -127
- package/es/MultiSelect/MultiSelect.js +5 -5
- package/es/MultiSelect/MultiSelect.module.css +193 -193
- package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
- package/es/MultiSelect/SelectedOptions.module.css +15 -15
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
- package/es/PopOver/PopOver.module.css +8 -8
- package/es/Popup/Popup.js +0 -0
- package/es/Popup/PositionMapping.json +73 -73
- package/es/Provider.js +72 -35
- package/es/Radio/Radio.js +0 -0
- package/es/Radio/Radio.module.css +110 -110
- package/es/Responsive/CustomResponsive.js +0 -0
- package/es/Ribbon/Ribbon.js +0 -0
- package/es/Ribbon/Ribbon.module.css +376 -376
- package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
- package/es/RippleEffect/RippleEffect.module.css +70 -70
- package/es/Select/GroupSelect.js +0 -0
- package/es/Select/Select.js +0 -0
- package/es/Select/Select.module.css +100 -100
- package/es/Select/SelectWithAvatar.js +0 -0
- package/es/Select/SelectWithIcon.js +0 -0
- package/es/Select/__tests__/Select.spec.js +0 -0
- package/es/Stencils/Stencils.js +0 -0
- package/es/Stencils/Stencils.module.css +96 -96
- package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
- package/es/Switch/Switch.js +0 -0
- package/es/Switch/Switch.module.css +109 -109
- package/es/Tab/Tab.module.css +101 -101
- package/es/Tab/TabContent.module.css +4 -4
- package/es/Tab/Tabs.js +17 -17
- package/es/Tab/Tabs.module.css +140 -140
- package/es/Tag/Tag.js +8 -8
- package/es/Tag/Tag.module.css +250 -250
- package/es/TextBox/TextBox.js +0 -0
- package/es/TextBox/TextBox.module.css +157 -157
- package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
- package/es/TextBoxIcon/TextBoxIcon.js +0 -0
- package/es/TextBoxIcon/TextBoxIcon.module.css +78 -78
- package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
- package/es/Textarea/Textarea.js +0 -0
- package/es/Textarea/Textarea.module.css +139 -139
- package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
- package/es/Tooltip/Tooltip.module.css +109 -109
- package/es/beta/FocusRing/FocusRing.module.css +151 -151
- package/es/common/animation.module.css +624 -624
- package/es/common/avatarsizes.module.css +44 -44
- package/es/common/basic.module.css +33 -33
- package/es/common/basicReset.module.css +40 -40
- package/es/common/common.module.css +502 -502
- package/es/common/customscroll.module.css +89 -89
- package/es/common/docStyle.module.css +766 -762
- package/es/common/reset.module.css +12 -12
- package/es/common/transition.module.css +146 -146
- package/es/semantic/Button/semanticButton.module.css +9 -9
- package/es/utils/Common.js +0 -0
- package/es/utils/dropDownUtils.js +0 -0
- package/lib/AppContainer/AppContainer.module.css +18 -18
- package/lib/Avatar/Avatar.js +9 -9
- package/lib/Avatar/Avatar.module.css +117 -117
- package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
- package/lib/AvatarTeam/AvatarTeam.js +7 -7
- package/lib/AvatarTeam/AvatarTeam.module.css +161 -161
- package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
- package/lib/Button/Button.js +4 -4
- package/lib/Button/Button.module.css +521 -521
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
- package/lib/Buttongroup/Buttongroup.js +1 -1
- package/lib/Buttongroup/Buttongroup.module.css +89 -89
- package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
- package/lib/Card/Card.js +4 -4
- package/lib/Card/Card.module.css +20 -20
- package/lib/CheckBox/CheckBox.js +0 -0
- package/lib/CheckBox/CheckBox.module.css +153 -153
- package/lib/DateTime/CalendarView.js +0 -0
- package/lib/DateTime/DateTime.js +0 -0
- package/lib/DateTime/DateTime.module.css +187 -187
- package/lib/DateTime/DateWidget.js +0 -0
- package/lib/DateTime/DateWidget.module.css +42 -42
- package/lib/DateTime/YearView.js +0 -0
- package/lib/DateTime/YearView.module.css +80 -80
- package/lib/DateTime/common.js +0 -0
- package/lib/DateTime/index.js +0 -0
- package/lib/DateTime/objectUtils.js +0 -0
- package/lib/DateTime/typeChecker.js +0 -0
- package/lib/DateTime/validator.js +0 -0
- package/lib/DropBox/DropBox.js +0 -0
- package/lib/DropBox/DropBox.module.css +406 -406
- package/lib/DropBox/DropBoxPositionMapping.json +144 -144
- package/lib/DropDown/DropDown.js +0 -0
- package/lib/DropDown/DropDown.module.css +5 -5
- package/lib/DropDown/DropDownHeading.js +0 -0
- package/lib/DropDown/DropDownHeading.module.css +53 -53
- package/lib/DropDown/DropDownItem.js +0 -0
- package/lib/DropDown/DropDownItem.module.css +94 -94
- package/lib/DropDown/DropDownSearch.js +0 -0
- package/lib/DropDown/DropDownSearch.module.css +14 -14
- package/lib/DropDown/DropDownSeparator.js +0 -0
- package/lib/DropDown/DropDownSeparator.module.css +7 -7
- package/lib/Label/Label.js +0 -0
- package/lib/Label/Label.module.css +52 -52
- package/lib/Label/LabelColors.module.css +20 -20
- package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
- package/lib/Layout/Box.js +0 -0
- package/lib/Layout/Container.js +0 -0
- package/lib/Layout/Layout.module.css +324 -324
- package/lib/Layout/utils.js +0 -0
- package/lib/LightNightMode/Colors.json +397 -397
- package/lib/ListItem/ListItem.js +0 -0
- package/lib/ListItem/ListItem.module.css +205 -205
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
- package/lib/MultiSelect/AdvancedMultiSelect.module.css +127 -127
- package/lib/MultiSelect/MultiSelect.js +5 -5
- package/lib/MultiSelect/MultiSelect.module.css +193 -193
- package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
- package/lib/MultiSelect/SelectedOptions.module.css +15 -15
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
- package/lib/PopOver/PopOver.module.css +8 -8
- package/lib/Popup/Popup.js +0 -0
- package/lib/Popup/PositionMapping.json +73 -73
- package/lib/Provider.js +88 -37
- package/lib/Radio/Radio.js +0 -0
- package/lib/Radio/Radio.module.css +110 -110
- package/lib/Responsive/CustomResponsive.js +0 -0
- package/lib/Ribbon/Ribbon.js +0 -0
- package/lib/Ribbon/Ribbon.module.css +376 -376
- package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
- package/lib/RippleEffect/RippleEffect.module.css +70 -70
- package/lib/Select/GroupSelect.js +0 -0
- package/lib/Select/Select.js +0 -0
- package/lib/Select/Select.module.css +100 -100
- package/lib/Select/SelectWithAvatar.js +0 -0
- package/lib/Select/SelectWithIcon.js +0 -0
- package/lib/Select/__tests__/Select.spec.js +0 -0
- package/lib/Stencils/Stencils.js +0 -0
- package/lib/Stencils/Stencils.module.css +96 -96
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
- package/lib/Switch/Switch.js +0 -0
- package/lib/Switch/Switch.module.css +109 -109
- package/lib/Tab/Tab.module.css +101 -101
- package/lib/Tab/TabContent.module.css +4 -4
- package/lib/Tab/Tabs.js +11 -11
- package/lib/Tab/Tabs.module.css +140 -140
- package/lib/Tag/Tag.js +8 -8
- package/lib/Tag/Tag.module.css +250 -250
- package/lib/TextBox/TextBox.js +0 -0
- package/lib/TextBox/TextBox.module.css +157 -157
- package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
- package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
- package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
- package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
- package/lib/Textarea/Textarea.js +0 -0
- package/lib/Textarea/Textarea.module.css +139 -139
- package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
- package/lib/Tooltip/Tooltip.module.css +109 -109
- package/lib/beta/FocusRing/FocusRing.module.css +151 -151
- package/lib/common/animation.module.css +624 -624
- package/lib/common/avatarsizes.module.css +44 -44
- package/lib/common/basic.module.css +33 -33
- package/lib/common/basicReset.module.css +40 -40
- package/lib/common/common.module.css +502 -502
- package/lib/common/customscroll.module.css +89 -89
- package/lib/common/docStyle.module.css +766 -762
- package/lib/common/reset.module.css +12 -12
- package/lib/common/transition.module.css +146 -146
- package/lib/semantic/Button/semanticButton.module.css +9 -9
- package/lib/utils/Common.js +0 -0
- package/lib/utils/dropDownUtils.js +0 -0
- package/package.json +75 -75
|
@@ -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
|
+
`;
|
|
@@ -4,15 +4,15 @@ import React from 'react';
|
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import Avatar from '../Avatar/Avatar';
|
|
6
6
|
import style from './AvatarTeam.module.css';
|
|
7
|
-
/* once avatar support firstname lastname and pattern
|
|
8
|
-
pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
|
|
9
|
-
|
|
10
|
-
Not going to export to external then can kept inside supportapp
|
|
7
|
+
/* once avatar support firstname lastname and pattern
|
|
8
|
+
pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
|
|
9
|
+
|
|
10
|
+
Not going to export to external then can kept inside supportapp
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
|
-
/*
|
|
14
|
-
eslint css-modules/no-unused-class: [2, { markAsUsed: ["primary", "secondary",
|
|
15
|
-
"small", "xsmall", "medium", "xmedium", "large", "xlarge"] }]
|
|
13
|
+
/*
|
|
14
|
+
eslint css-modules/no-unused-class: [2, { markAsUsed: ["primary", "secondary",
|
|
15
|
+
"small", "xsmall", "medium", "xmedium", "large", "xlarge"] }]
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
18
|
export default class AvatarTeam extends React.Component {
|