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

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 (54) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  3. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  4. package/coverage/ExternalLink/index.html +1 -1
  5. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  6. package/coverage/ExternalLink/props/index.html +1 -1
  7. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  8. package/coverage/IconButton/IconButton.js.html +1 -1
  9. package/coverage/IconButton/IconButton.module.css.html +1 -1
  10. package/coverage/IconButton/index.html +1 -1
  11. package/coverage/IconButton/props/defaultProps.js.html +1 -1
  12. package/coverage/IconButton/props/index.html +1 -1
  13. package/coverage/IconButton/props/propTypes.js.html +1 -1
  14. package/coverage/Image/Image.js.html +1 -1
  15. package/coverage/Image/Image.module.css.html +1 -1
  16. package/coverage/Image/index.html +1 -1
  17. package/coverage/Image/props/defaultProps.js.html +1 -1
  18. package/coverage/Image/props/index.html +1 -1
  19. package/coverage/Image/props/propTypes.js.html +1 -1
  20. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  21. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  22. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  23. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  24. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  25. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  26. package/coverage/coverage-final.json +16 -16
  27. package/coverage/coverage-summary.json +16 -16
  28. package/coverage/index.html +1 -1
  29. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +3 -4
  30. package/es/list/DepartmentDropDown/DepartmentDropDown.js +3 -9
  31. package/es/list/DepartmentDropDown/props/defaultProps.js +1 -2
  32. package/es/list/DepartmentDropDown/props/propTypes.js +1 -2
  33. package/es/list/Thread/Thread.js +1 -2
  34. package/es/list/status/StatusDropdown/StatusDropdown.js +138 -182
  35. package/es/list/status/StatusDropdown/StatusDropdown.module.css +6 -6
  36. package/es/list/status/StatusListItem/StatusListItem.js +5 -1
  37. package/es/list/status/StatusListItem/StatusListItem.module.css +5 -35
  38. package/es/v1/list/Thread/Thread.js +1 -2
  39. package/es/v1/list/status/StatusDropdown/StatusDropdown.js +126 -137
  40. package/es/v1/list/status/StatusListItem/StatusListItem.js +5 -1
  41. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +3 -5
  42. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +3 -8
  43. package/lib/list/DepartmentDropDown/props/defaultProps.js +1 -2
  44. package/lib/list/DepartmentDropDown/props/propTypes.js +1 -1
  45. package/lib/list/Thread/Thread.js +1 -2
  46. package/lib/list/status/StatusDropdown/StatusDropdown.js +182 -233
  47. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +6 -6
  48. package/lib/list/status/StatusListItem/StatusListItem.js +6 -1
  49. package/lib/list/status/StatusListItem/StatusListItem.module.css +5 -35
  50. package/lib/v1/list/Thread/Thread.js +1 -2
  51. package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +111 -130
  52. package/lib/v1/list/status/StatusListItem/StatusListItem.js +6 -1
  53. package/package.json +3 -3
  54. package/result.json +1 -1
@@ -6,58 +6,43 @@
6
6
  min-height: var(--zd_size35) ;
7
7
  cursor: pointer;
8
8
  }
9
-
10
9
  [dir=ltr] .withBorder {
11
10
  border-left: 1px solid var(--zdt_statuslistitem_default_border);
12
11
  }
13
-
14
12
  [dir=rtl] .withBorder {
15
13
  border-right: 1px solid var(--zdt_statuslistitem_default_border);
16
14
  }
17
-
18
15
  [dir=ltr] .small {
19
16
  padding: var(--zd_size7) var(--zd_size3) var(--zd_size7) var(--zd_size5) ;
20
17
  }
21
-
22
18
  [dir=rtl] .small {
23
19
  padding: var(--zd_size7) var(--zd_size5) var(--zd_size7) var(--zd_size3) ;
24
20
  }
25
-
26
21
  .medium {
27
22
  padding: var(--zd_size7) var(--zd_size20) ;
28
23
  }
29
-
30
24
  .large {
31
25
  height: var(--zd_size48) ;
32
26
  }
33
-
34
27
  [dir=ltr] .large {
35
28
  padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25) ;
36
29
  }
37
-
38
30
  [dir=rtl] .large {
39
31
  padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3) ;
40
32
  }
41
-
42
- .value,
43
- .multiLineValue {
33
+ .value,.multiLineValue {
44
34
  line-height: 1.5385;
45
35
  }
46
-
47
36
  .value {
48
37
  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
49
38
  }
50
-
51
- .multiLineValue {
39
+ .multiLineValue{
52
40
  word-break: break-word;
53
- -webkit-line-clamp: 5;
54
41
  composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
55
42
  }
56
-
57
43
  [dir=ltr] .withBorder.active {
58
44
  border-left-color: var(--zdt_statuslistitem_default_active_border);
59
45
  }
60
-
61
46
  [dir=rtl] .withBorder.active {
62
47
  border-right-color: var(--zdt_statuslistitem_default_active_border);
63
48
  }
@@ -65,56 +50,44 @@
65
50
  .default.hover, .default.effect:hover {
66
51
  background-color: var(--zdt_statuslistitem_default_effect_bg);
67
52
  }
68
-
69
53
  .primary.hover, .primary.effect:hover, .selected {
70
54
  background-color: var(--zdt_statuslistitem_primary_efffect_bg);
71
55
  }
72
-
73
56
  .secondary.hover, .secondary.effect:hover {
74
57
  background-color: var(--zdt_statuslistitem_secondary_effect_bg);
75
58
  }
76
-
77
59
  .list.active.default, .list.active.primary {
78
60
  background-color: var(--zdt_statuslistitem_primary_efffect_bg);
79
61
  }
80
-
81
62
  .list.active.secondary {
82
63
  background-color: var(--zdt_statuslistitem_secondary_effect_bg);
83
64
  }
84
-
85
65
  .secondary.hover,
86
66
  .secondary.effect:hover,
87
67
  .list.active.secondary {
88
68
  color: var(--zdt_statuslistitem_secondary_effect_text);
89
69
  }
90
-
91
70
  .tickIcon {
92
71
  color: var(--zdt_statuslistitem_tickicon);
93
72
  position: absolute;
94
- top: 50% ;
73
+ top:50% ;
95
74
  transform: translateY(-50%);
96
75
  }
97
-
98
76
  [dir=ltr] .tickIcon {
99
77
  right: var(--zd_size20) ;
100
78
  }
101
-
102
79
  [dir=rtl] .tickIcon {
103
80
  left: var(--zd_size20) ;
104
81
  }
105
-
106
- .tickIcon>i {
82
+ .tickIcon > i {
107
83
  display: block;
108
84
  }
109
-
110
85
  [dir=ltr] .active.withTick {
111
86
  padding-right: var(--zd_size39) ;
112
87
  }
113
-
114
88
  [dir=rtl] .active.withTick {
115
89
  padding-left: var(--zd_size39) ;
116
90
  }
117
-
118
91
  /* Status Type */
119
92
  .statusType {
120
93
  width: var(--zd_size8) ;
@@ -127,15 +100,12 @@
127
100
  [dir=rtl] .statusType {
128
101
  margin-left: var(--zd_size13) ;
129
102
  }
130
-
131
103
  .black {
132
104
  background-color: var(--zdt_statuslistitem_black_bg);
133
105
  }
134
-
135
106
  .orange {
136
107
  background-color: var(--zdt_statuslistitem_orange_bg);
137
108
  }
138
-
139
109
  .green {
140
110
  background-color: var(--zdt_statuslistitem_green_bg);
141
- }
111
+ }
@@ -20,12 +20,11 @@ var _ThreadModule = _interopRequireDefault(require("../../../list/Thread/Thread.
20
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
21
 
22
22
  var Thread = function Thread(props) {
23
- var threadCount = props.count,
23
+ var count = props.count,
24
24
  className = props.className,
25
25
  iconTitle = props.iconTitle,
26
26
  dataId = props.dataId,
27
27
  align = props.align;
28
- var count = threadCount === '0' ? '1' : threadCount;
29
28
  return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
30
29
  customClass: "".concat(_ThreadModule["default"].container, " ").concat(_ThreadModule["default"]["align_".concat(align)], " ").concat(className),
31
30
  title: iconTitle,
@@ -29,10 +29,6 @@ var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"))
29
29
 
30
30
  var _EmptySearch = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptySearch"));
31
31
 
32
- var _Common = require("@zohodesk/components/es/utils/Common");
33
-
34
- var _TextBox = _interopRequireDefault(require("@zohodesk/components/es/v1/TextBox/TextBox"));
35
-
36
32
  var _CommonEmptyState = _interopRequireDefault(require("../../../emptystate/CommonEmptyState/CommonEmptyState"));
37
33
 
38
34
  var _StatusListItem = _interopRequireDefault(require("../StatusListItem/StatusListItem"));
@@ -126,22 +122,18 @@ function StatusDropdown(props) {
126
122
  var _useState = (0, _react.useState)(options),
127
123
  _useState2 = _slicedToArray(_useState, 2),
128
124
  optionsList = _useState2[0],
129
- setOptionsList = _useState2[1];
125
+ setOptionsList = _useState2[1]; // const [selectedIndex, setSelectedIndex] = useState(0);
130
126
 
131
- var _useState3 = (0, _react.useState)(0),
127
+
128
+ var _useState3 = (0, _react.useState)(''),
132
129
  _useState4 = _slicedToArray(_useState3, 2),
133
- selectedIndex = _useState4[0],
134
- setSelectedIndex = _useState4[1];
135
-
136
- var _useState5 = (0, _react.useState)(''),
137
- _useState6 = _slicedToArray(_useState5, 2),
138
- searchString = _useState6[0],
139
- setSearchString = _useState6[1];
140
-
141
- var hiddenInput = (0, _react.useRef)(null);
142
- var searchInput = (0, _react.useRef)(null);
143
- var optionsContainer = (0, _react.useRef)(null);
144
- var dropdown = (0, _react.useRef)({});
130
+ searchString = _useState4[0],
131
+ setSearchString = _useState4[1]; // const hiddenInput = useRef(null);
132
+ // const searchInput = useRef(null);
133
+ // const optionsContainer = useRef(null);
134
+ // const dropdown = useRef({});
135
+
136
+
145
137
  var getAriaId = (0, _IdProvider.useUniqueId)();
146
138
  var _a11y$tabIndex = a11y.tabIndex,
147
139
  tabIndex = _a11y$tabIndex === void 0 ? 0 : _a11y$tabIndex,
@@ -155,85 +147,72 @@ function StatusDropdown(props) {
155
147
  return /*#__PURE__*/_react["default"].createElement(_EmptySearch["default"], {
156
148
  size: "small"
157
149
  });
158
- }
159
-
160
- function handleInputRef(el) {
161
- hiddenInput.current = el;
162
- }
150
+ } // function handleInputRef(el) {
151
+ // hiddenInput.current = el;
152
+ // }
153
+ // function itemRef(ele, index, id) {
154
+ // dropdown.current[`suggestion_${id}`] = ele;
155
+ // }
156
+ // function searchInputRef(el) {
157
+ // searchInput.current = el;
158
+ // }
163
159
 
164
- function itemRef(ele, index, id) {
165
- dropdown.current["suggestion_".concat(id)] = ele;
166
- }
167
-
168
- function searchInputRef(el) {
169
- searchInput.current = el;
170
- }
171
160
 
172
161
  function handleTogglePopup(e) {
173
162
  !isPopupOpen && onSelectLabel && onSelectLabel(e);
174
163
  onTogglePopup && onTogglePopup(isPopupOpen);
175
164
  togglePopup(e, boxPosition);
176
- }
165
+ } // function scrollContentRef(el) {
166
+ // if (isPopupOpen) {
167
+ // optionsContainer.current = el;
168
+ // }
169
+ // }
177
170
 
178
- function scrollContentRef(el) {
179
- if (isPopupOpen) {
180
- optionsContainer.current = el;
181
- }
182
- }
183
171
 
184
172
  function onSelect(element, e) {
185
173
  onClick && onClick(e, element);
186
174
  onTogglePopup && onTogglePopup(isPopupOpen);
187
175
  togglePopup(e);
188
- }
176
+ } // function handleKeyDown(e) {
177
+ // let { keyCode } = e;
178
+ // let totalIndex = optionsList.length;
179
+ // if (isPopupReady && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
180
+ // e.preventDefault(); //prevent body scroll
181
+ // }
182
+ // if (isPopupReady) {
183
+ // switch (keyCode) {
184
+ // case 40:
185
+ // if (selectedIndex === totalIndex - 1) {
186
+ // setSelectedIndex(0);
187
+ // } else {
188
+ // if (selectedIndex === totalIndex - 3) {
189
+ // isNextOptions && getNextOptions && getNextOptions();
190
+ // }
191
+ // setSelectedIndex(selectedIndex + 1);
192
+ // }
193
+ // break;
194
+ // case 38:
195
+ // if (selectedIndex === 0) {
196
+ // setSelectedIndex(totalIndex - 1);
197
+ // } else {
198
+ // setSelectedIndex(selectedIndex - 1);
199
+ // }
200
+ // break;
201
+ // case 13:
202
+ // onClick && onClick(optionsList[selectedIndex].name, e);
203
+ // onTogglePopup && onTogglePopup(isPopupOpen);
204
+ // togglePopup(e, boxPosition);
205
+ // break;
206
+ // default:
207
+ // break;
208
+ // }
209
+ // } else {
210
+ // if (keyCode === 13 || keyCode === 40) {
211
+ // togglePopup(e, boxPosition);
212
+ // }
213
+ // }
214
+ // }
189
215
 
190
- function handleKeyDown(e) {
191
- var keyCode = e.keyCode;
192
- var totalIndex = optionsList.length;
193
-
194
- if (isPopupReady && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
195
- e.preventDefault(); //prevent body scroll
196
- }
197
-
198
- if (isPopupReady) {
199
- switch (keyCode) {
200
- case 40:
201
- if (selectedIndex === totalIndex - 1) {
202
- setSelectedIndex(0);
203
- } else {
204
- if (selectedIndex === totalIndex - 3) {
205
- isNextOptions && getNextOptions && getNextOptions();
206
- }
207
-
208
- setSelectedIndex(selectedIndex + 1);
209
- }
210
-
211
- break;
212
-
213
- case 38:
214
- if (selectedIndex === 0) {
215
- setSelectedIndex(totalIndex - 1);
216
- } else {
217
- setSelectedIndex(selectedIndex - 1);
218
- }
219
-
220
- break;
221
-
222
- case 13:
223
- onClick && onClick(optionsList[selectedIndex].name, e);
224
- onTogglePopup && onTogglePopup(isPopupOpen);
225
- togglePopup(e, boxPosition);
226
- break;
227
-
228
- default:
229
- break;
230
- }
231
- } else {
232
- if (keyCode === 13 || keyCode === 40) {
233
- togglePopup(e, boxPosition);
234
- }
235
- }
236
- }
237
216
 
238
217
  function searchList(value) {
239
218
  var foptions = options.filter(function (dept) {
@@ -244,8 +223,8 @@ function StatusDropdown(props) {
244
223
 
245
224
  function handleChange(value, e) {
246
225
  var foptions = searchList(value);
247
- setSearchString(value);
248
- setSelectedIndex(-1);
226
+ setSearchString(value); // setSelectedIndex(-1);
227
+
249
228
  setOptionsList(foptions);
250
229
  }
251
230
 
@@ -253,11 +232,10 @@ function StatusDropdown(props) {
253
232
  var foptions = searchList('');
254
233
  setSearchString('');
255
234
  setOptionsList(foptions);
256
- }
235
+ } // function handleMouseEnter(id, value, index, e) {
236
+ // setSelectedIndex(index);
237
+ // }
257
238
 
258
- function handleMouseEnter(id, value, index, e) {
259
- setSelectedIndex(index);
260
- }
261
239
 
262
240
  function handleScroll(e) {
263
241
  if (e.target.scrollTop + e.target.offsetHeight > e.target.scrollHeight - 1) {
@@ -278,18 +256,19 @@ function StatusDropdown(props) {
278
256
  setOptionsList(options);
279
257
  }, [options.length]);
280
258
  (0, _hooks.useEffectCallOnlyAfterState)(function () {
281
- setTimeout(function () {
282
- isPopupOpen && isSearch ? searchInput.current && searchInput.current.focus() : hiddenInput.current && hiddenInput.current.focus();
283
- }, 10);
284
- var mergeOptions = optionsList;
285
- var option = mergeOptions[selectedIndex];
286
- var id = option && option[idName] || {};
287
- var selSuggestion = dropdown.current["suggestion_".concat(id)];
288
-
289
259
  if (isPopupOpen) {
290
- optionsContainer.current && (0, _Common.scrollTo)(optionsContainer.current, selSuggestion);
291
260
  onSearchClear();
292
- }
261
+ } // setTimeout(() => {
262
+ // isPopupOpen && isSearch
263
+ // ? searchInput.current && searchInput.current.focus()
264
+ // : hiddenInput.current && hiddenInput.current.focus();
265
+ // }, 10);
266
+ // let mergeOptions = optionsList;
267
+ // let option = mergeOptions[selectedIndex];
268
+ // let id = (option && option[idName]) || {};
269
+ // let selSuggestion = dropdown.current[`suggestion_${id}`];
270
+ // optionsContainer.current && scrollTo(optionsContainer.current, selSuggestion);
271
+
293
272
  }, [isPopupOpen]);
294
273
  return /*#__PURE__*/_react["default"].createElement("div", {
295
274
  className: _StatusDropdownModule["default"].posRel,
@@ -299,12 +278,12 @@ function StatusDropdown(props) {
299
278
  tagName: "button",
300
279
  alignBox: "row",
301
280
  className: "".concat(_StatusDropdownModule["default"].container, " ").concat(containerClass, " ").concat(_semanticButtonModule["default"].buttonReset),
302
- onMouseDown: !showOnHover && !isDisabled && !isReadOnly && isEditable ? handleTogglePopup : null,
281
+ onClick: !showOnHover && !isDisabled && !isReadOnly && isEditable ? handleTogglePopup : null,
303
282
  eleRef: getTargetRef,
304
283
  align: targetAlign,
305
284
  isCover: false,
306
- dataId: dataId,
307
- onClick: removeClose,
285
+ dataId: dataId // onClick={removeClose}
286
+ ,
308
287
  disabled: isDisabled || isReadOnly ? true : false,
309
288
  "aria-haspopup": isSearch ? 'listbox' : 'menu',
310
289
  "aria-expanded": isPopupReady && isEditable ? true : false,
@@ -312,15 +291,7 @@ function StatusDropdown(props) {
312
291
  "aria-labelledby": ariaLabelledby,
313
292
  "aria-label": ariaLabel,
314
293
  "aria-disabled": isDisabled || isReadOnly
315
- }, isEditable ? /*#__PURE__*/_react["default"].createElement("div", {
316
- className: _StatusDropdownModule["default"].hiddenInput
317
- }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
318
- type: "text",
319
- inputRef: handleInputRef,
320
- onKeyDown: handleKeyDown,
321
- needAppearance: false,
322
- placeHolder: placeHolderText
323
- })) : null, children ? children : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
294
+ }, children ? children : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
324
295
  className: "".concat(_StatusDropdownModule["default"].value, " toggleDropText"),
325
296
  shrink: true,
326
297
  tagName: "span",
@@ -352,7 +323,9 @@ function StatusDropdown(props) {
352
323
  customDropBoxWrap: _StatusDropdownModule["default"].dropBoxContainer
353
324
  },
354
325
  needResponsive: needResponsive,
355
- isResponsivePadding: true
326
+ isResponsivePadding: true,
327
+ needFocusScope: true,
328
+ onClose: handleTogglePopup
356
329
  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isSearch ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
357
330
  className: _StatusDropdownModule["default"].search
358
331
  }, /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], {
@@ -360,9 +333,14 @@ function StatusDropdown(props) {
360
333
  onChange: handleChange,
361
334
  value: searchString,
362
335
  onClear: onSearchClear,
363
- size: searchBoxSize,
364
- inputRef: searchInputRef,
365
- onKeyDown: handleKeyDown,
336
+ size: searchBoxSize // inputRef={searchInputRef}
337
+ // onKeyDown={handleKeyDown}
338
+ ,
339
+ customProps: {
340
+ TextBoxProps: {
341
+ 'data-a11y-autofocus': true
342
+ }
343
+ },
366
344
  a11y: {
367
345
  ariaHaspopup: isSearch ? 'listbox' : 'menu',
368
346
  ariaExpanded: isPopupReady,
@@ -384,36 +362,39 @@ function StatusDropdown(props) {
384
362
  shrink: true,
385
363
  dataId: "".concat(dataId, "_list"),
386
364
  preventParentScroll: "vertical",
387
- className: "".concat(tabletMode ? _StatusDropdownModule["default"].responsivemaxHgt : _StatusDropdownModule["default"].maxHgt),
388
- eleRef: scrollContentRef,
365
+ className: "".concat(tabletMode ? _StatusDropdownModule["default"].responsivemaxHgt : _StatusDropdownModule["default"].maxHgt) // eleRef={scrollContentRef}
366
+ ,
389
367
  onScroll: handleScroll,
390
368
  role: isSearch ? 'listbox' : 'menu',
391
- "aria-labelledby": ariaTitleId,
392
- tabindex: "-1"
369
+ tabindex: "-1",
370
+ "data-scroll": "true"
393
371
  }, optionsList.length != 0 && isDataLoaded ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, optionsList.map(function (item, i) {
372
+ var listItemText = item[keyName];
373
+ var isActive = value === listItemText;
394
374
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
395
375
  key: i
396
376
  }, /*#__PURE__*/_react["default"].createElement(_StatusListItem["default"], {
397
377
  dataId: "dataid_".concat(i),
398
- value: item[keyName],
378
+ value: listItemText,
399
379
  id: item[idName],
400
- active: value === item[keyName],
380
+ active: isActive,
401
381
  onClick: function onClick(e) {
402
382
  return onSelect(item, e);
403
383
  },
404
- index: i,
405
- highlight: selectedIndex === i,
384
+ index: i // highlight={selectedIndex === i}
385
+ ,
406
386
  needTick: needTick,
407
- needBorder: false,
408
- onMouseEnter: handleMouseEnter,
409
- getRef: itemRef,
387
+ needBorder: false // onMouseEnter={handleMouseEnter}
388
+ // getRef={itemRef}
389
+ ,
410
390
  bulletColor: item[statusColor],
411
- title: item[keyName],
391
+ title: listItemText,
412
392
  needMultiLineText: needMultiLineText,
393
+ autoHover: true,
413
394
  a11y: {
414
395
  role: isSearch ? 'option' : 'menuitem',
415
- ariaSelected: value === item[keyName],
416
- 'data-a11y-list-active': selectedIndex === i
396
+ ariaSelected: isActive,
397
+ ariaLabel: listItemText
417
398
  }
418
399
  }));
419
400
  })) : isDataLoaded ? /*#__PURE__*/_react["default"].createElement(_CommonEmptyState["default"], {
@@ -58,7 +58,10 @@ function StatusListItem(props) {
58
58
  var role = a11y.role,
59
59
  ariaSelected = a11y.ariaSelected,
60
60
  _a11y$ariaHidden = a11y.ariaHidden,
61
- ariaHidden = _a11y$ariaHidden === void 0 ? true : _a11y$ariaHidden;
61
+ ariaHidden = _a11y$ariaHidden === void 0 ? true : _a11y$ariaHidden,
62
+ ariaLabel = a11y.ariaLabel,
63
+ _a11y$insetFocus = a11y.insetFocus,
64
+ insetFocus = _a11y$insetFocus === void 0 ? true : _a11y$insetFocus;
62
65
 
63
66
  if (isLink) {
64
67
  options.href = href;
@@ -83,6 +86,8 @@ function StatusListItem(props) {
83
86
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
84
87
  role: role,
85
88
  "aria-selected": ariaSelected,
89
+ "aria-label": ariaLabel,
90
+ "data-a11y-inset-focus": insetFocus,
86
91
  isCover: false,
87
92
  align: "baseline",
88
93
  alignBox: "row",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-183.1",
3
+ "version": "1.0.0-temp-184.2",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -61,7 +61,7 @@
61
61
  "@zohodesk-private/node-plugins": "1.1.8",
62
62
  "@zohodesk-private/react-prop-validator": "1.2.3",
63
63
  "@zohodesk/a11y": "2.2.1",
64
- "@zohodesk/components": "1.0.0-temp-192.1",
64
+ "@zohodesk/components": "1.2.31",
65
65
  "@zohodesk/hooks": "2.0.4",
66
66
  "@zohodesk/icons": "1.0.43",
67
67
  "@zohodesk/svg": "1.1.14",
@@ -74,7 +74,7 @@
74
74
  "peerDependencies": {
75
75
  "velocity-react": "1.4.3",
76
76
  "@zohodesk/variables": "1.0.0",
77
- "@zohodesk/components": "1.2.29",
77
+ "@zohodesk/components": "1.2.31",
78
78
  "@zohodesk/icons": "1.0.43",
79
79
  "@zohodesk/svg": "1.1.14",
80
80
  "@zohodesk/virtualizer": "1.0.3",
package/result.json CHANGED
@@ -1 +1 @@
1
- {"jobDetails":{"isRunByLocal":true,"hostName":"muthu-19990","platForm":"Darwin","branchName":"multiselectTagCustomClass"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":4,"endTime":1719907227912,"startTime":1719907224163,"coverageDetail":{"codeCoveragePercentage":84.5,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/desk-library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}}]}}}
1
+ {"jobDetails":{"isRunByLocal":true,"hostName":"mari-19987","platForm":"Darwin","branchName":"mariram_testing"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":4,"endTime":1720098243768,"startTime":1720098238069,"coverageDetail":{"codeCoveragePercentage":84.5,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/mari-19987/React_Package/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}}]}}}