@zohodesk/dot 1.0.0-temp-184.2 → 1.0.0-temp-185

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 (170) hide show
  1. package/.cli/PropUnificationExcludeFilesArray.js +344 -344
  2. package/.cli/PropValidationExcludeFilesArray.js +8 -8
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +8 -0
  5. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  6. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  7. package/coverage/ExternalLink/index.html +1 -1
  8. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  9. package/coverage/ExternalLink/props/index.html +1 -1
  10. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  11. package/coverage/IconButton/IconButton.js.html +1 -1
  12. package/coverage/IconButton/IconButton.module.css.html +1 -1
  13. package/coverage/IconButton/index.html +1 -1
  14. package/coverage/IconButton/props/defaultProps.js.html +1 -1
  15. package/coverage/IconButton/props/index.html +1 -1
  16. package/coverage/IconButton/props/propTypes.js.html +1 -1
  17. package/coverage/Image/Image.js.html +1 -1
  18. package/coverage/Image/Image.module.css.html +1 -1
  19. package/coverage/Image/index.html +1 -1
  20. package/coverage/Image/props/defaultProps.js.html +1 -1
  21. package/coverage/Image/props/index.html +1 -1
  22. package/coverage/Image/props/propTypes.js.html +1 -1
  23. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  24. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  25. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  26. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  27. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  28. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  29. package/coverage/coverage-final.json +16 -16
  30. package/coverage/coverage-summary.json +16 -16
  31. package/coverage/index.html +1 -1
  32. package/css_error.log +1 -1
  33. package/es/AttachmentViewer/AttachmentViewer.module.css +1 -1
  34. package/es/Drawer/Drawer.js +4 -5
  35. package/es/Drawer/Drawer.module.css +2 -2
  36. package/es/ExternalLink/ExternalLink.js +4 -5
  37. package/es/FlipCard/FlipCard.js +14 -12
  38. package/es/IconButton/IconButton.js +4 -5
  39. package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -316
  40. package/es/Link/Link.js +8 -10
  41. package/es/Message/Message.js +4 -5
  42. package/es/Message/Message.module.css +1 -1
  43. package/es/PlusIcon/PlusIcon.module.css +1 -1
  44. package/es/ToastMessage/ToastMessage.js +2 -4
  45. package/es/ToastMessage/ToastMessage.module.css +1 -1
  46. package/es/actions/AutoClose.js +2 -1
  47. package/es/alert/AlertLookup/AlertLookup.js +14 -12
  48. package/es/avatar/AvatarClose/AvatarClose.js +7 -7
  49. package/es/avatar/AvatarCollision/AvatarCollision.js +7 -7
  50. package/es/avatar/AvatarIcon/AvatarIcon.js +4 -5
  51. package/es/avatar/AvatarStatus/AvatarStatus.js +7 -8
  52. package/es/avatar/AvatarThread/AvatarThread.js +7 -7
  53. package/es/avatar/AvatarUser/AvatarUser.js +10 -9
  54. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +17 -14
  55. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +28 -24
  56. package/es/form/fields/CheckBoxField/CheckBoxField.js +15 -13
  57. package/es/form/fields/CurrencyField/CurrencyField.js +14 -12
  58. package/es/form/fields/DateField/DateField.js +14 -14
  59. package/es/form/fields/MultiSelectField/MultiSelectField.js +13 -12
  60. package/es/form/fields/PhoneField/PhoneField.js +7 -7
  61. package/es/form/fields/RadioField/RadioField.js +18 -15
  62. package/es/form/fields/SelectField/SelectField.js +14 -14
  63. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +13 -10
  64. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +11 -11
  65. package/es/form/fields/TextBoxField/TextBoxField.js +14 -14
  66. package/es/form/fields/TextEditor/TextEditor.module.css +49 -63
  67. package/es/form/fields/TextEditorField/TextEditorField.js +11 -10
  68. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +11 -10
  69. package/es/form/fields/TextareaField/TextareaField.js +14 -13
  70. package/es/layout/SubtabLayout/SubtabLayout.js +4 -6
  71. package/es/layout/SubtabLayout/SubtabLayout.module.css +1 -1
  72. package/es/list/DotNew/DotNew.module.css +2 -1
  73. package/es/list/ListLayout/ListLayout.js +4 -5
  74. package/es/list/SecondaryText/AccountName.js +12 -12
  75. package/es/list/SecondaryText/ContactName.js +8 -9
  76. package/es/list/SecondaryText/Email.js +8 -8
  77. package/es/list/SecondaryText/PhoneNumber.js +8 -8
  78. package/es/list/SecondaryText/SecondaryText.js +4 -5
  79. package/es/list/SecondaryText/TicketId.js +7 -7
  80. package/es/list/Subject/Subject.js +7 -7
  81. package/es/list/TagNew/TagNew.module.css +1 -1
  82. package/es/list/status/StatusDropdown/StatusDropdown.js +30 -115
  83. package/es/list/status/StatusDropdown/StatusDropdown.module.css +1 -10
  84. package/es/list/status/StatusDropdown/props/defaultProps.js +2 -1
  85. package/es/list/status/StatusDropdown/props/propTypes.js +1 -1
  86. package/es/list/status/StatusListItem/StatusListItem.js +5 -5
  87. package/es/lookup/Lookup/Lookup.js +4 -5
  88. package/es/lookup/Section/LookupSection.module.css +1 -1
  89. package/es/lookup/header/Search/Search.js +5 -3
  90. package/es/v1/Drawer/Drawer.js +4 -5
  91. package/es/v1/ExternalLink/ExternalLink.js +4 -5
  92. package/es/v1/FlipCard/FlipCard.js +14 -12
  93. package/es/v1/GlobalNotification/GlobalNotification.js +6 -7
  94. package/es/v1/IconButton/IconButton.js +4 -5
  95. package/es/v1/Link/Link.js +8 -10
  96. package/es/v1/Message/Message.js +4 -5
  97. package/es/v1/ToastMessage/ToastMessage.js +2 -4
  98. package/es/v1/actions/AutoClose.js +2 -1
  99. package/es/v1/alert/AlertLookup/AlertLookup.js +15 -15
  100. package/es/v1/avatar/AvatarClose/AvatarClose.js +7 -7
  101. package/es/v1/avatar/AvatarCollision/AvatarCollision.js +7 -7
  102. package/es/v1/avatar/AvatarIcon/AvatarIcon.js +4 -5
  103. package/es/v1/avatar/AvatarStatus/AvatarStatus.js +7 -8
  104. package/es/v1/avatar/AvatarThread/AvatarThread.js +7 -7
  105. package/es/v1/avatar/AvatarUser/AvatarUser.js +10 -9
  106. package/es/v1/avatar/AvatarWithTeam/AvatarWithTeam.js +17 -14
  107. package/es/v1/dropdown/ToggleDropDown/ToggleDropDown.js +28 -24
  108. package/es/v1/form/fields/CheckBoxField/CheckBoxField.js +15 -13
  109. package/es/v1/form/fields/CurrencyField/CurrencyField.js +14 -12
  110. package/es/v1/form/fields/DateField/DateField.js +14 -14
  111. package/es/v1/form/fields/MultiSelectField/MultiSelectField.js +13 -12
  112. package/es/v1/form/fields/PhoneField/PhoneField.js +7 -7
  113. package/es/v1/form/fields/RadioField/RadioField.js +18 -16
  114. package/es/v1/form/fields/SelectField/SelectField.js +14 -14
  115. package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +13 -10
  116. package/es/v1/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +11 -11
  117. package/es/v1/form/fields/TextBoxField/TextBoxField.js +14 -14
  118. package/es/v1/form/fields/TextEditorField/TextEditorField.js +11 -10
  119. package/es/v1/form/fields/TextEditorWrapper/TextEditorWrapper.js +11 -10
  120. package/es/v1/form/fields/TextareaField/TextareaField.js +14 -13
  121. package/es/v1/layout/SubtabLayout/SubtabLayout.js +4 -6
  122. package/es/v1/list/ListLayout/ListLayout.js +4 -5
  123. package/es/v1/list/SecondaryText/AccountName.js +12 -12
  124. package/es/v1/list/SecondaryText/ContactName.js +8 -9
  125. package/es/v1/list/SecondaryText/Email.js +8 -8
  126. package/es/v1/list/SecondaryText/PhoneNumber.js +8 -8
  127. package/es/v1/list/SecondaryText/SecondaryText.js +4 -5
  128. package/es/v1/list/SecondaryText/TicketId.js +7 -7
  129. package/es/v1/list/Subject/Subject.js +7 -7
  130. package/es/v1/list/status/StatusDropdown/StatusDropdown.js +32 -106
  131. package/es/v1/list/status/StatusDropdown/props/defaultProps.js +2 -1
  132. package/es/v1/list/status/StatusDropdown/props/propTypes.js +1 -1
  133. package/es/v1/list/status/StatusListItem/StatusListItem.js +5 -5
  134. package/es/v1/lookup/Lookup/Lookup.js +4 -5
  135. package/es/v1/lookup/header/Search/Search.js +5 -3
  136. package/es/v1/notification/DesktopNotification/DesktopNotification.js +6 -7
  137. package/es/v1/svg/PlusIcon.js +1 -1
  138. package/es/v1/svg/SnippetIcon.js +2 -2
  139. package/es/version2/GlobalNotification/GlobalNotification.js +6 -7
  140. package/es/version2/GlobalNotification/GlobalNotification.module.css +2 -2
  141. package/es/version2/lookup/AlertLookup/AlertLookup.js +15 -15
  142. package/es/version2/notification/DesktopNotification/DesktopNotification.js +6 -7
  143. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -3
  144. package/lib/AttachmentViewer/AttachmentViewer.module.css +1 -1
  145. package/lib/Drawer/Drawer.module.css +2 -2
  146. package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -316
  147. package/lib/Message/Message.module.css +1 -1
  148. package/lib/PlusIcon/PlusIcon.module.css +1 -1
  149. package/lib/ToastMessage/ToastMessage.module.css +1 -1
  150. package/lib/form/fields/TextEditor/TextEditor.module.css +49 -63
  151. package/lib/layout/SubtabLayout/SubtabLayout.module.css +1 -1
  152. package/lib/list/DotNew/DotNew.module.css +2 -1
  153. package/lib/list/TagNew/TagNew.module.css +1 -1
  154. package/lib/list/status/StatusDropdown/StatusDropdown.js +77 -161
  155. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +1 -10
  156. package/lib/list/status/StatusDropdown/props/defaultProps.js +2 -1
  157. package/lib/list/status/StatusDropdown/props/propTypes.js +1 -1
  158. package/lib/lookup/Section/LookupSection.module.css +1 -1
  159. package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +31 -103
  160. package/lib/v1/list/status/StatusDropdown/props/defaultProps.js +2 -1
  161. package/lib/v1/list/status/StatusDropdown/props/propTypes.js +1 -1
  162. package/lib/v1/svg/PlusIcon.js +1 -1
  163. package/lib/v1/svg/SnippetIcon.js +2 -2
  164. package/lib/version2/GlobalNotification/GlobalNotification.module.css +2 -2
  165. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -3
  166. package/package.json +11 -7
  167. package/propValidationArg.json +11 -11
  168. package/result.json +1 -1
  169. /package/es/{common → deprecated}/dot_boxShadow.module.css +0 -0
  170. /package/lib/{common → deprecated}/dot_boxShadow.module.css +0 -0
package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap CHANGED
@@ -1,316 +1,316 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`IconButton Checking the "Children" 1`] = `
4
- <DocumentFragment>
5
- <button
6
- aria-pressed="false"
7
- class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
8
- data-id="iconContainer"
9
- data-ishtml="false"
10
- data-selector-id="iconButton"
11
- data-test-id="iconContainer"
12
- >
13
- <span>
14
- Element 1
15
- </span>
16
- <span>
17
- Element 2
18
- </span>
19
- <span>
20
- Element 3
21
- </span>
22
- </button>
23
- </DocumentFragment>
24
- `;
25
-
26
- exports[`IconButton eleRef prop is a function 1`] = `
27
- <DocumentFragment>
28
- <button
29
- aria-pressed="false"
30
- class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
31
- data-id="iconContainer"
32
- data-ishtml="false"
33
- data-selector-id="iconButton"
34
- data-test-id="iconContainer"
35
- />
36
- </DocumentFragment>
37
- `;
38
-
39
- exports[`IconButton rendering ally 1`] = `
40
- <DocumentFragment>
41
- <button
42
- aria-controls="ariaControls"
43
- aria-expanded="true"
44
- aria-haspopup="true"
45
- aria-label="ariaLabel"
46
- aria-labelledby="ariaLabelledby"
47
- aria-pressed="false"
48
- class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
49
- data-id="iconContainer"
50
- data-ishtml="false"
51
- data-selector-id="iconButton"
52
- data-test-id="iconContainer"
53
- />
54
- </DocumentFragment>
55
- `;
56
-
57
- exports[`IconButton rendering ally 2`] = `
58
- <DocumentFragment>
59
- <button
60
- aria-expanded="false"
61
- aria-haspopup="false"
62
- aria-pressed="false"
63
- class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
64
- data-id="iconContainer"
65
- data-ishtml="false"
66
- data-selector-id="iconButton"
67
- data-test-id="iconContainer"
68
- />
69
- </DocumentFragment>
70
- `;
71
-
72
- exports[`IconButton rendering in ClassName 1`] = `
73
- <DocumentFragment>
74
- <button
75
- aria-pressed="false"
76
- class="buttonReset wrapper IconButtonClass undefined effect default border defaultHover hoverEffect inflex coldir both"
77
- data-id="iconContainer"
78
- data-ishtml="false"
79
- data-selector-id="iconButton"
80
- data-test-id="iconContainer"
81
- />
82
- </DocumentFragment>
83
- `;
84
-
85
- exports[`IconButton rendering in Icon 1`] = `
86
- <DocumentFragment>
87
- <button
88
- aria-pressed="false"
89
- class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
90
- data-id="iconContainer"
91
- data-ishtml="false"
92
- data-selector-id="iconButton"
93
- data-test-id="iconContainer"
94
- >
95
- <i
96
- aria-hidden="true"
97
- class="zd_font_icons basic icon-infoStroke fbold iconClass "
98
- data-id="fontIcon"
99
- data-selector-id="fontIcon"
100
- data-test-id="fontIcon"
101
- style="--zd-iconfont-size: var(--zd_font_size13);"
102
- />
103
- </button>
104
- </DocumentFragment>
105
- `;
106
-
107
- exports[`IconButton rendering in dataIsHtml is True 1`] = `
108
- <DocumentFragment>
109
- <button
110
- aria-pressed="false"
111
- class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
112
- data-id="iconContainer"
113
- data-ishtml="true"
114
- data-selector-id="iconButton"
115
- data-test-id="iconContainer"
116
- />
117
- </DocumentFragment>
118
- `;
119
-
120
- exports[`IconButton rendering in isDisabled is True 1`] = `
121
- <DocumentFragment>
122
- <button
123
- aria-pressed="false"
124
- class="buttonReset wrapper undefined effect default border defaultHover disabled inflex coldir both"
125
- data-id="iconContainer"
126
- data-ishtml="false"
127
- data-selector-id="iconButton"
128
- data-test-id="iconContainer"
129
- disabled=""
130
- />
131
- </DocumentFragment>
132
- `;
133
-
134
- exports[`IconButton rendering in title 1`] = `
135
- <DocumentFragment>
136
- <button
137
- aria-pressed="false"
138
- class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
139
- data-id="iconContainer"
140
- data-ishtml="false"
141
- data-selector-id="iconButton"
142
- data-test-id="iconContainer"
143
- data-title="IconTitle"
144
- />
145
- </DocumentFragment>
146
- `;
147
-
148
- exports[`IconButton rendering isNeedEffect is False 1`] = `
149
- <DocumentFragment>
150
- <button
151
- aria-pressed="false"
152
- class="buttonReset wrapper undefined inflex coldir both"
153
- data-id="iconContainer"
154
- data-ishtml="false"
155
- data-selector-id="iconButton"
156
- data-test-id="iconContainer"
157
- />
158
- </DocumentFragment>
159
- `;
160
-
161
- exports[`IconButton rendering needButtonTag 1`] = `
162
- <DocumentFragment>
163
- <div
164
- aria-pressed="false"
165
- class="false wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
166
- data-id="iconContainer"
167
- data-ishtml="false"
168
- data-selector-id="iconButton"
169
- data-test-id="iconContainer"
170
- />
171
- </DocumentFragment>
172
- `;
173
-
174
- exports[`IconButton rendering the defult props 1`] = `
175
- <DocumentFragment>
176
- <button
177
- aria-pressed="false"
178
- class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
179
- data-id="iconContainer"
180
- data-ishtml="false"
181
- data-selector-id="iconButton"
182
- data-test-id="iconContainer"
183
- />
184
- </DocumentFragment>
185
- `;
186
-
187
- exports[`IconButton rendering the hovertypes- bg 1`] = `
188
- <DocumentFragment>
189
- <button
190
- aria-pressed="false"
191
- class="buttonReset wrapper undefined effect default border bgHover hoverEffect inflex coldir both"
192
- data-id="iconContainer"
193
- data-ishtml="false"
194
- data-selector-id="iconButton"
195
- data-test-id="iconContainer"
196
- />
197
- </DocumentFragment>
198
- `;
199
-
200
- exports[`IconButton rendering the hovertypes- border 1`] = `
201
- <DocumentFragment>
202
- <button
203
- aria-pressed="false"
204
- class="buttonReset wrapper undefined effect default border borderHover hoverEffect inflex coldir both"
205
- data-id="iconContainer"
206
- data-ishtml="false"
207
- data-selector-id="iconButton"
208
- data-test-id="iconContainer"
209
- />
210
- </DocumentFragment>
211
- `;
212
-
213
- exports[`IconButton rendering the hovertypes- default 1`] = `
214
- <DocumentFragment>
215
- <button
216
- aria-pressed="false"
217
- class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
218
- data-id="iconContainer"
219
- data-ishtml="false"
220
- data-selector-id="iconButton"
221
- data-test-id="iconContainer"
222
- />
223
- </DocumentFragment>
224
- `;
225
-
226
- exports[`IconButton rendering the isActive true with palette of- default 1`] = `
227
- <DocumentFragment>
228
- <button
229
- aria-pressed="false"
230
- class="buttonReset wrapper undefined effect default border defaultHover active hoverEffect inflex coldir both"
231
- data-id="iconContainer"
232
- data-ishtml="false"
233
- data-selector-id="iconButton"
234
- data-test-id="iconContainer"
235
- />
236
- </DocumentFragment>
237
- `;
238
-
239
- exports[`IconButton rendering the isActive true with palette of- primary 1`] = `
240
- <DocumentFragment>
241
- <button
242
- aria-pressed="false"
243
- class="buttonReset wrapper primary_active effect primary border defaultHover active hoverEffect inflex coldir both"
244
- data-id="iconContainer"
245
- data-ishtml="false"
246
- data-selector-id="iconButton"
247
- data-test-id="iconContainer"
248
- />
249
- </DocumentFragment>
250
- `;
251
-
252
- exports[`IconButton rendering the isActive true with palette of- primaryFilled 1`] = `
253
- <DocumentFragment>
254
- <button
255
- aria-pressed="false"
256
- class="buttonReset wrapper primaryFilled_active effect primaryFilled border defaultHover active hoverEffect inflex coldir both"
257
- data-id="iconContainer"
258
- data-ishtml="false"
259
- data-selector-id="iconButton"
260
- data-test-id="iconContainer"
261
- />
262
- </DocumentFragment>
263
- `;
264
-
265
- exports[`IconButton rendering the palette of- default 1`] = `
266
- <DocumentFragment>
267
- <button
268
- aria-pressed="false"
269
- class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
270
- data-id="iconContainer"
271
- data-ishtml="false"
272
- data-selector-id="iconButton"
273
- data-test-id="iconContainer"
274
- />
275
- </DocumentFragment>
276
- `;
277
-
278
- exports[`IconButton rendering the palette of- primary 1`] = `
279
- <DocumentFragment>
280
- <button
281
- aria-pressed="false"
282
- class="buttonReset wrapper primary effect primary border defaultHover hoverEffect inflex coldir both"
283
- data-id="iconContainer"
284
- data-ishtml="false"
285
- data-selector-id="iconButton"
286
- data-test-id="iconContainer"
287
- />
288
- </DocumentFragment>
289
- `;
290
-
291
- exports[`IconButton rendering the palette of- primaryFilled 1`] = `
292
- <DocumentFragment>
293
- <button
294
- aria-pressed="false"
295
- class="buttonReset wrapper primaryFilled effect primaryFilled border defaultHover hoverEffect inflex coldir both"
296
- data-id="iconContainer"
297
- data-ishtml="false"
298
- data-selector-id="iconButton"
299
- data-test-id="iconContainer"
300
- />
301
- </DocumentFragment>
302
- `;
303
-
304
- exports[`IconButton rendering tourId 1`] = `
305
- <DocumentFragment>
306
- <button
307
- aria-pressed="false"
308
- class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
309
- data-id="iconContainer"
310
- data-ishtml="false"
311
- data-selector-id="iconButton"
312
- data-test-id="iconContainer"
313
- data-tour="tourId"
314
- />
315
- </DocumentFragment>
316
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`IconButton Checking the "Children" 1`] = `
4
+ <DocumentFragment>
5
+ <button
6
+ aria-pressed="false"
7
+ class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
8
+ data-id="iconContainer"
9
+ data-ishtml="false"
10
+ data-selector-id="iconButton"
11
+ data-test-id="iconContainer"
12
+ >
13
+ <span>
14
+ Element 1
15
+ </span>
16
+ <span>
17
+ Element 2
18
+ </span>
19
+ <span>
20
+ Element 3
21
+ </span>
22
+ </button>
23
+ </DocumentFragment>
24
+ `;
25
+
26
+ exports[`IconButton eleRef prop is a function 1`] = `
27
+ <DocumentFragment>
28
+ <button
29
+ aria-pressed="false"
30
+ class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
31
+ data-id="iconContainer"
32
+ data-ishtml="false"
33
+ data-selector-id="iconButton"
34
+ data-test-id="iconContainer"
35
+ />
36
+ </DocumentFragment>
37
+ `;
38
+
39
+ exports[`IconButton rendering ally 1`] = `
40
+ <DocumentFragment>
41
+ <button
42
+ aria-controls="ariaControls"
43
+ aria-expanded="true"
44
+ aria-haspopup="true"
45
+ aria-label="ariaLabel"
46
+ aria-labelledby="ariaLabelledby"
47
+ aria-pressed="false"
48
+ class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
49
+ data-id="iconContainer"
50
+ data-ishtml="false"
51
+ data-selector-id="iconButton"
52
+ data-test-id="iconContainer"
53
+ />
54
+ </DocumentFragment>
55
+ `;
56
+
57
+ exports[`IconButton rendering ally 2`] = `
58
+ <DocumentFragment>
59
+ <button
60
+ aria-expanded="false"
61
+ aria-haspopup="false"
62
+ aria-pressed="false"
63
+ class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
64
+ data-id="iconContainer"
65
+ data-ishtml="false"
66
+ data-selector-id="iconButton"
67
+ data-test-id="iconContainer"
68
+ />
69
+ </DocumentFragment>
70
+ `;
71
+
72
+ exports[`IconButton rendering in ClassName 1`] = `
73
+ <DocumentFragment>
74
+ <button
75
+ aria-pressed="false"
76
+ class="buttonReset wrapper IconButtonClass undefined effect default border defaultHover hoverEffect inflex coldir both"
77
+ data-id="iconContainer"
78
+ data-ishtml="false"
79
+ data-selector-id="iconButton"
80
+ data-test-id="iconContainer"
81
+ />
82
+ </DocumentFragment>
83
+ `;
84
+
85
+ exports[`IconButton rendering in Icon 1`] = `
86
+ <DocumentFragment>
87
+ <button
88
+ aria-pressed="false"
89
+ class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
90
+ data-id="iconContainer"
91
+ data-ishtml="false"
92
+ data-selector-id="iconButton"
93
+ data-test-id="iconContainer"
94
+ >
95
+ <i
96
+ aria-hidden="true"
97
+ class="zd_font_icons basic icon-infoStroke fbold iconClass "
98
+ data-id="fontIcon"
99
+ data-selector-id="fontIcon"
100
+ data-test-id="fontIcon"
101
+ style="--zd-iconfont-size: var(--zd_font_size13);"
102
+ />
103
+ </button>
104
+ </DocumentFragment>
105
+ `;
106
+
107
+ exports[`IconButton rendering in dataIsHtml is True 1`] = `
108
+ <DocumentFragment>
109
+ <button
110
+ aria-pressed="false"
111
+ class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
112
+ data-id="iconContainer"
113
+ data-ishtml="true"
114
+ data-selector-id="iconButton"
115
+ data-test-id="iconContainer"
116
+ />
117
+ </DocumentFragment>
118
+ `;
119
+
120
+ exports[`IconButton rendering in isDisabled is True 1`] = `
121
+ <DocumentFragment>
122
+ <button
123
+ aria-pressed="false"
124
+ class="buttonReset wrapper undefined effect default border defaultHover disabled inflex coldir both"
125
+ data-id="iconContainer"
126
+ data-ishtml="false"
127
+ data-selector-id="iconButton"
128
+ data-test-id="iconContainer"
129
+ disabled=""
130
+ />
131
+ </DocumentFragment>
132
+ `;
133
+
134
+ exports[`IconButton rendering in title 1`] = `
135
+ <DocumentFragment>
136
+ <button
137
+ aria-pressed="false"
138
+ class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
139
+ data-id="iconContainer"
140
+ data-ishtml="false"
141
+ data-selector-id="iconButton"
142
+ data-test-id="iconContainer"
143
+ data-title="IconTitle"
144
+ />
145
+ </DocumentFragment>
146
+ `;
147
+
148
+ exports[`IconButton rendering isNeedEffect is False 1`] = `
149
+ <DocumentFragment>
150
+ <button
151
+ aria-pressed="false"
152
+ class="buttonReset wrapper undefined inflex coldir both"
153
+ data-id="iconContainer"
154
+ data-ishtml="false"
155
+ data-selector-id="iconButton"
156
+ data-test-id="iconContainer"
157
+ />
158
+ </DocumentFragment>
159
+ `;
160
+
161
+ exports[`IconButton rendering needButtonTag 1`] = `
162
+ <DocumentFragment>
163
+ <div
164
+ aria-pressed="false"
165
+ class="false wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
166
+ data-id="iconContainer"
167
+ data-ishtml="false"
168
+ data-selector-id="iconButton"
169
+ data-test-id="iconContainer"
170
+ />
171
+ </DocumentFragment>
172
+ `;
173
+
174
+ exports[`IconButton rendering the defult props 1`] = `
175
+ <DocumentFragment>
176
+ <button
177
+ aria-pressed="false"
178
+ class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
179
+ data-id="iconContainer"
180
+ data-ishtml="false"
181
+ data-selector-id="iconButton"
182
+ data-test-id="iconContainer"
183
+ />
184
+ </DocumentFragment>
185
+ `;
186
+
187
+ exports[`IconButton rendering the hovertypes- bg 1`] = `
188
+ <DocumentFragment>
189
+ <button
190
+ aria-pressed="false"
191
+ class="buttonReset wrapper undefined effect default border bgHover hoverEffect inflex coldir both"
192
+ data-id="iconContainer"
193
+ data-ishtml="false"
194
+ data-selector-id="iconButton"
195
+ data-test-id="iconContainer"
196
+ />
197
+ </DocumentFragment>
198
+ `;
199
+
200
+ exports[`IconButton rendering the hovertypes- border 1`] = `
201
+ <DocumentFragment>
202
+ <button
203
+ aria-pressed="false"
204
+ class="buttonReset wrapper undefined effect default border borderHover hoverEffect inflex coldir both"
205
+ data-id="iconContainer"
206
+ data-ishtml="false"
207
+ data-selector-id="iconButton"
208
+ data-test-id="iconContainer"
209
+ />
210
+ </DocumentFragment>
211
+ `;
212
+
213
+ exports[`IconButton rendering the hovertypes- default 1`] = `
214
+ <DocumentFragment>
215
+ <button
216
+ aria-pressed="false"
217
+ class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
218
+ data-id="iconContainer"
219
+ data-ishtml="false"
220
+ data-selector-id="iconButton"
221
+ data-test-id="iconContainer"
222
+ />
223
+ </DocumentFragment>
224
+ `;
225
+
226
+ exports[`IconButton rendering the isActive true with palette of- default 1`] = `
227
+ <DocumentFragment>
228
+ <button
229
+ aria-pressed="false"
230
+ class="buttonReset wrapper undefined effect default border defaultHover active hoverEffect inflex coldir both"
231
+ data-id="iconContainer"
232
+ data-ishtml="false"
233
+ data-selector-id="iconButton"
234
+ data-test-id="iconContainer"
235
+ />
236
+ </DocumentFragment>
237
+ `;
238
+
239
+ exports[`IconButton rendering the isActive true with palette of- primary 1`] = `
240
+ <DocumentFragment>
241
+ <button
242
+ aria-pressed="false"
243
+ class="buttonReset wrapper primary_active effect primary border defaultHover active hoverEffect inflex coldir both"
244
+ data-id="iconContainer"
245
+ data-ishtml="false"
246
+ data-selector-id="iconButton"
247
+ data-test-id="iconContainer"
248
+ />
249
+ </DocumentFragment>
250
+ `;
251
+
252
+ exports[`IconButton rendering the isActive true with palette of- primaryFilled 1`] = `
253
+ <DocumentFragment>
254
+ <button
255
+ aria-pressed="false"
256
+ class="buttonReset wrapper primaryFilled_active effect primaryFilled border defaultHover active hoverEffect inflex coldir both"
257
+ data-id="iconContainer"
258
+ data-ishtml="false"
259
+ data-selector-id="iconButton"
260
+ data-test-id="iconContainer"
261
+ />
262
+ </DocumentFragment>
263
+ `;
264
+
265
+ exports[`IconButton rendering the palette of- default 1`] = `
266
+ <DocumentFragment>
267
+ <button
268
+ aria-pressed="false"
269
+ class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
270
+ data-id="iconContainer"
271
+ data-ishtml="false"
272
+ data-selector-id="iconButton"
273
+ data-test-id="iconContainer"
274
+ />
275
+ </DocumentFragment>
276
+ `;
277
+
278
+ exports[`IconButton rendering the palette of- primary 1`] = `
279
+ <DocumentFragment>
280
+ <button
281
+ aria-pressed="false"
282
+ class="buttonReset wrapper primary effect primary border defaultHover hoverEffect inflex coldir both"
283
+ data-id="iconContainer"
284
+ data-ishtml="false"
285
+ data-selector-id="iconButton"
286
+ data-test-id="iconContainer"
287
+ />
288
+ </DocumentFragment>
289
+ `;
290
+
291
+ exports[`IconButton rendering the palette of- primaryFilled 1`] = `
292
+ <DocumentFragment>
293
+ <button
294
+ aria-pressed="false"
295
+ class="buttonReset wrapper primaryFilled effect primaryFilled border defaultHover hoverEffect inflex coldir both"
296
+ data-id="iconContainer"
297
+ data-ishtml="false"
298
+ data-selector-id="iconButton"
299
+ data-test-id="iconContainer"
300
+ />
301
+ </DocumentFragment>
302
+ `;
303
+
304
+ exports[`IconButton rendering tourId 1`] = `
305
+ <DocumentFragment>
306
+ <button
307
+ aria-pressed="false"
308
+ class="buttonReset wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
309
+ data-id="iconContainer"
310
+ data-ishtml="false"
311
+ data-selector-id="iconButton"
312
+ data-test-id="iconContainer"
313
+ data-tour="tourId"
314
+ />
315
+ </DocumentFragment>
316
+ `;
package/es/Link/Link.js CHANGED
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  import React from 'react';
4
2
  import { defaultProps } from './props/defaultProps';
5
3
  import { propTypes } from './props/propTypes';
@@ -80,20 +78,20 @@ export default class Link extends React.Component {
80
78
  return res;
81
79
  }, {}); //urlOutput = this.addHttp(urlOutput);
82
80
 
83
- return /*#__PURE__*/React.createElement("a", _extends({
81
+ return /*#__PURE__*/React.createElement("a", {
84
82
  href: isLink && urlOutput ? urlOutput : 'javascript:void(0);',
85
83
  target: target,
86
84
  "data-title": title,
87
- className: `${style.container} ${className ? className : ''}`
88
- }, option, {
85
+ className: `${style.container} ${className ? className : ''}`,
86
+ ...option,
89
87
  rel: rel,
90
88
  "data-id": dataId,
91
- "data-test-id": dataId
92
- }, others, {
93
- onClick: this.onCallBack.bind(this, urlOutput, href)
94
- }, customProps, {
89
+ "data-test-id": dataId,
90
+ ...others,
91
+ onClick: this.onCallBack.bind(this, urlOutput, href),
92
+ ...customProps,
95
93
  "aria-label": ariaLabel
96
- }), children);
94
+ }, children);
97
95
  }
98
96
 
99
97
  }