@zohodesk/components 1.2.35 → 1.2.36

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 (76) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +5 -0
  3. package/es/DropDown/DropDownSearch.js +5 -2
  4. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -0
  5. package/es/DropDown/props/defaultProps.js +2 -1
  6. package/es/DropDown/props/propTypes.js +2 -1
  7. package/es/ListItem/ListItemWithCheckBox.js +2 -1
  8. package/es/ListItem/ListItemWithRadio.js +2 -1
  9. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +2 -2
  10. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +2 -2
  11. package/es/MultiSelect/AdvancedGroupMultiSelect.js +6 -3
  12. package/es/MultiSelect/AdvancedMultiSelect.js +6 -2
  13. package/es/MultiSelect/MultiSelect.js +2 -1
  14. package/es/MultiSelect/MultiSelectWithAvatar.js +2 -1
  15. package/es/MultiSelect/SelectedOptions.js +8 -4
  16. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +2 -2
  17. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +6 -6
  18. package/es/MultiSelect/props/defaultProps.js +2 -1
  19. package/es/MultiSelect/props/propTypes.js +2 -1
  20. package/es/Select/SelectWithAvatar.js +5 -2
  21. package/es/Select/SelectWithIcon.js +4 -2
  22. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  23. package/es/Tab/Tabs.js +4 -2
  24. package/es/v1/DropDown/DropDownSearch.js +5 -2
  25. package/es/v1/DropDown/props/defaultProps.js +2 -1
  26. package/es/v1/DropDown/props/propTypes.js +2 -1
  27. package/es/v1/ListItem/ListItemWithCheckBox.js +2 -1
  28. package/es/v1/ListItem/ListItemWithRadio.js +2 -1
  29. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +6 -3
  30. package/es/v1/MultiSelect/AdvancedMultiSelect.js +6 -2
  31. package/es/v1/MultiSelect/MultiSelect.js +2 -1
  32. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +2 -1
  33. package/es/v1/MultiSelect/SelectedOptions.js +8 -4
  34. package/es/v1/MultiSelect/props/defaultProps.js +2 -1
  35. package/es/v1/MultiSelect/props/propTypes.js +2 -1
  36. package/es/v1/Select/SelectWithAvatar.js +5 -2
  37. package/es/v1/Select/SelectWithIcon.js +4 -2
  38. package/es/v1/Tab/Tabs.js +4 -2
  39. package/lib/DropDown/DropDownSearch.js +5 -2
  40. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -0
  41. package/lib/DropDown/props/defaultProps.js +2 -1
  42. package/lib/DropDown/props/propTypes.js +1 -1
  43. package/lib/ListItem/ListItemWithCheckBox.js +2 -1
  44. package/lib/ListItem/ListItemWithRadio.js +2 -1
  45. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +2 -2
  46. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +2 -2
  47. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +6 -3
  48. package/lib/MultiSelect/AdvancedMultiSelect.js +8 -4
  49. package/lib/MultiSelect/MultiSelect.js +2 -1
  50. package/lib/MultiSelect/MultiSelectWithAvatar.js +2 -1
  51. package/lib/MultiSelect/SelectedOptions.js +8 -4
  52. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +2 -2
  53. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +6 -6
  54. package/lib/MultiSelect/props/defaultProps.js +2 -1
  55. package/lib/MultiSelect/props/propTypes.js +2 -1
  56. package/lib/Select/SelectWithAvatar.js +5 -2
  57. package/lib/Select/SelectWithIcon.js +4 -2
  58. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  59. package/lib/Tab/Tabs.js +4 -2
  60. package/lib/v1/DropDown/DropDownSearch.js +5 -2
  61. package/lib/v1/DropDown/props/defaultProps.js +2 -1
  62. package/lib/v1/DropDown/props/propTypes.js +1 -1
  63. package/lib/v1/ListItem/ListItemWithCheckBox.js +2 -1
  64. package/lib/v1/ListItem/ListItemWithRadio.js +2 -1
  65. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +6 -3
  66. package/lib/v1/MultiSelect/AdvancedMultiSelect.js +8 -4
  67. package/lib/v1/MultiSelect/MultiSelect.js +2 -1
  68. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +2 -1
  69. package/lib/v1/MultiSelect/SelectedOptions.js +8 -4
  70. package/lib/v1/MultiSelect/props/defaultProps.js +2 -1
  71. package/lib/v1/MultiSelect/props/propTypes.js +2 -1
  72. package/lib/v1/Select/SelectWithAvatar.js +5 -2
  73. package/lib/v1/Select/SelectWithIcon.js +4 -2
  74. package/lib/v1/Tab/Tabs.js +4 -2
  75. package/package.json +3 -3
  76. package/result.json +1 -1
@@ -258,7 +258,8 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
258
258
  size: tagSize
259
259
  })) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
260
260
  flexible: true,
261
- className: _MultiSelectModule["default"].textBox
261
+ className: _MultiSelectModule["default"].textBox,
262
+ dataId: "".concat(dataId, "_textBox")
262
263
  }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
263
264
  a11y: {
264
265
  ariaActivedescendant: selectedId,
@@ -304,7 +305,8 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
304
305
  needResponsive: needResponsive,
305
306
  isPadding: false,
306
307
  isResponsivePadding: true,
307
- alignBox: "row"
308
+ alignBox: "row",
309
+ dataId: "".concat(dataId, "_dropbox")
308
310
  }, isLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
309
311
  align: "both",
310
312
  className: _MultiSelectModule["default"].loader
@@ -342,6 +344,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
342
344
  role: 'heading'
343
345
  }
344
346
  })) : null, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
347
+ dataId: "".concat(dataId, "_Options"),
345
348
  activeId: selectedId,
346
349
  suggestions: suggestions,
347
350
  getRef: _this2.suggestionItemRef,
@@ -442,7 +442,8 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
442
442
  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
443
443
  name: iconName,
444
444
  size: iconSize,
445
- iconClass: iconClass
445
+ iconClass: iconClass,
446
+ dataId: "".concat(dataId, "_icon")
446
447
  })) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
447
448
  flexible: true
448
449
  }, /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], {
@@ -533,7 +534,8 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
533
534
  }))) : null, /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
534
535
  customClass: "".concat(tabletMode ? _SelectModule["default"].responsivedropBoxList : _SelectModule["default"].dropBoxList, " ").concat(!tabletMode && dropBoxSize ? _SelectModule["default"][dropBoxSize] : ''),
535
536
  shrink: true,
536
- eleRef: _this5.scrollContentRef
537
+ eleRef: _this5.scrollContentRef,
538
+ dataId: "".concat(dataId, "_Options")
537
539
  }, options.length ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, options.map(function (options, i) {
538
540
  var iconName = options.iconName,
539
541
  iconSize = options.iconSize,
@@ -510,13 +510,15 @@ var Tabs = function Tabs(props) {
510
510
  }, DropBoxProps, {
511
511
  isResponsivePadding: true,
512
512
  needFocusScope: true,
513
- onClose: togglePopupLocal
513
+ onClose: togglePopupLocal,
514
+ dataId: "".concat(dataId, "_dropbox")
514
515
  }), getCustomDropBoxHeaderPlaceHolder && getCustomDropBoxHeaderPlaceHolder(props), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
515
516
  flexible: true,
516
517
  shrink: true,
517
518
  scroll: "vertical",
518
519
  className: "".concat(tabletMode ? '' : _v1TabsModule["default"].menuBox, " ").concat(moreBoxClass),
519
- onScroll: onScrollLocal
520
+ onScroll: onScrollLocal,
521
+ dataId: "".concat(dataId, "_Tabs")
520
522
  }, _react["default"].Children.map(moreTabs, function (child) {
521
523
  if (!child) {
522
524
  return null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.2.35",
3
+ "version": "1.2.36",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -70,7 +70,7 @@
70
70
  "@zohodesk/a11y": "2.2.3",
71
71
  "@zohodesk/docstool": "1.0.0-alpha-2",
72
72
  "@zohodesk/hooks": "2.0.4",
73
- "@zohodesk/icons": "1.0.45",
73
+ "@zohodesk/icons": "1.0.50",
74
74
  "@zohodesk/svg": "1.1.14",
75
75
  "@zohodesk/utils": "1.3.13",
76
76
  "@zohodesk/variables": "1.0.0",
@@ -85,7 +85,7 @@
85
85
  "selectn": "1.1.2"
86
86
  },
87
87
  "peerDependencies": {
88
- "@zohodesk/icons": "1.0.45",
88
+ "@zohodesk/icons": "1.0.50",
89
89
  "@zohodesk/variables": "1.0.0",
90
90
  "@zohodesk/svg": "1.1.14",
91
91
  "@zohodesk/virtualizer": "1.0.3",