@zohodesk/components 1.0.0-temp-199.9 → 1.0.0-temp-216.1

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 (98) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +0 -9
  3. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +9 -5
  4. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +5 -0
  5. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +5 -0
  6. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +5 -0
  7. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +5 -0
  8. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +5 -0
  9. package/assets/Appearance/light/mode/Component_LightMode.module.css +9 -5
  10. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +5 -0
  11. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +5 -0
  12. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +5 -0
  13. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +5 -0
  14. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +5 -0
  15. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +9 -5
  16. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +5 -0
  17. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +5 -0
  18. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +5 -0
  19. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +5 -0
  20. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +5 -0
  21. package/es/Button/Button.js +0 -2
  22. package/es/Button/css/Button.module.css +37 -1
  23. package/es/Button/css/cssJSLogic.js +10 -1
  24. package/es/DropBox/DropBoxElement/DropBoxElement.js +1 -3
  25. package/es/DropBox/DropBoxElement/__tests__/__snapshots__/DropBoxElement.spec.js.snap +2 -4
  26. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +53 -56
  27. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +4 -4
  28. package/es/DropBox/__tests__/__snapshots__/DropBox.spec.js.snap +2 -4
  29. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +1 -3
  30. package/es/ListItem/ListItem.js +2 -2
  31. package/es/ListItem/ListItem.module.css +2 -15
  32. package/es/ListItem/ListItemWithAvatar.js +3 -3
  33. package/es/ListItem/ListItemWithIcon.js +2 -2
  34. package/es/MultiSelect/AdvancedGroupMultiSelect.js +2 -7
  35. package/es/MultiSelect/MultiSelect.js +2 -7
  36. package/es/MultiSelect/Suggestions.js +5 -14
  37. package/es/MultiSelect/props/defaultProps.js +4 -9
  38. package/es/MultiSelect/props/propTypes.js +3 -9
  39. package/es/Popup/Popup.js +83 -232
  40. package/es/Provider/LibraryContext.js +3 -1
  41. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +2 -4
  42. package/es/Select/GroupSelect.js +1 -5
  43. package/es/Select/SelectWithAvatar.js +2 -7
  44. package/es/Select/SelectWithIcon.js +2 -4
  45. package/es/Select/props/defaultProps.js +1 -2
  46. package/es/Select/props/propTypes.js +2 -4
  47. package/es/common/common.module.css +0 -5
  48. package/es/utils/Common.js +1 -2
  49. package/es/v1/ListItem/ListItem.js +1 -1
  50. package/es/v1/MultiSelect/AdvancedMultiSelect.js +1 -2
  51. package/es/v1/MultiSelect/MultiSelect.js +2 -7
  52. package/es/v1/MultiSelect/Suggestions.js +4 -8
  53. package/es/v1/MultiSelect/props/defaultProps.js +2 -4
  54. package/es/v1/MultiSelect/props/propTypes.js +2 -6
  55. package/es/v1/Select/GroupSelect.js +2 -7
  56. package/es/v1/Select/SelectWithAvatar.js +2 -7
  57. package/es/v1/Select/props/defaultProps.js +2 -4
  58. package/es/v1/Select/props/propTypes.js +2 -6
  59. package/lib/Button/Button.js +0 -2
  60. package/lib/Button/css/Button.module.css +37 -1
  61. package/lib/Button/css/cssJSLogic.js +15 -2
  62. package/lib/DropBox/DropBoxElement/DropBoxElement.js +1 -3
  63. package/lib/DropBox/DropBoxElement/__tests__/__snapshots__/DropBoxElement.spec.js.snap +2 -4
  64. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +53 -56
  65. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +2 -2
  66. package/lib/DropBox/__tests__/__snapshots__/DropBox.spec.js.snap +2 -4
  67. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +1 -3
  68. package/lib/ListItem/ListItem.js +2 -2
  69. package/lib/ListItem/ListItem.module.css +2 -15
  70. package/lib/ListItem/ListItemWithAvatar.js +3 -3
  71. package/lib/ListItem/ListItemWithIcon.js +2 -2
  72. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +3 -7
  73. package/lib/MultiSelect/MultiSelect.js +3 -6
  74. package/lib/MultiSelect/Suggestions.js +5 -12
  75. package/lib/MultiSelect/props/defaultProps.js +4 -9
  76. package/lib/MultiSelect/props/propTypes.js +3 -8
  77. package/lib/Popup/Popup.js +114 -282
  78. package/lib/Provider/LibraryContext.js +3 -1
  79. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +2 -4
  80. package/lib/Select/GroupSelect.js +2 -4
  81. package/lib/Select/SelectWithAvatar.js +3 -8
  82. package/lib/Select/SelectWithIcon.js +3 -5
  83. package/lib/Select/props/defaultProps.js +1 -2
  84. package/lib/Select/props/propTypes.js +2 -4
  85. package/lib/common/common.module.css +0 -5
  86. package/lib/utils/Common.js +1 -5
  87. package/lib/v1/ListItem/ListItem.js +1 -1
  88. package/lib/v1/MultiSelect/AdvancedMultiSelect.js +1 -3
  89. package/lib/v1/MultiSelect/MultiSelect.js +3 -8
  90. package/lib/v1/MultiSelect/Suggestions.js +4 -8
  91. package/lib/v1/MultiSelect/props/defaultProps.js +2 -4
  92. package/lib/v1/MultiSelect/props/propTypes.js +2 -6
  93. package/lib/v1/Select/GroupSelect.js +3 -8
  94. package/lib/v1/Select/SelectWithAvatar.js +3 -8
  95. package/lib/v1/Select/props/defaultProps.js +2 -4
  96. package/lib/v1/Select/props/propTypes.js +2 -6
  97. package/package.json +2 -2
  98. package/result.json +1 -1
@@ -668,8 +668,6 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
668
668
  isLoading = _this$props9.isLoading,
669
669
  dataSelectorId = _this$props9.dataSelectorId,
670
670
  customProps = _this$props9.customProps;
671
- var _customProps$suggesti = customProps.suggestionsProps,
672
- suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
673
671
  i18nKeys = Object.assign({}, i18nKeys, {
674
672
  emptyText: i18nKeys.emptyText || emptyMessage,
675
673
  searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -846,7 +844,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
846
844
  a11y: {
847
845
  role: 'heading'
848
846
  }
849
- })), /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
847
+ })), /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
850
848
  activeId: selectedId,
851
849
  suggestions: options,
852
850
  getRef: _this7.suggestionItemRef,
@@ -862,7 +860,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
862
860
  role: 'option'
863
861
  },
864
862
  dataId: "".concat(dataId, "_Options")
865
- }, suggestionsProps)));
863
+ }));
866
864
  }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
867
865
  options: revampedGroups,
868
866
  searchString: searchStr,
@@ -51,8 +51,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
51
51
 
52
52
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
53
53
 
54
- 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); }
55
-
56
54
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
57
55
 
58
56
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -215,10 +213,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
215
213
  needEffect = _this$props.needEffect,
216
214
  isLoading = _this$props.isLoading,
217
215
  dataSelectorId = _this$props.dataSelectorId,
218
- getTargetRef = _this$props.getTargetRef,
219
- customProps = _this$props.customProps;
220
- var _customProps$suggesti = customProps.suggestionsProps,
221
- suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
216
+ getTargetRef = _this$props.getTargetRef;
222
217
  i18nKeys = Object.assign({}, i18nKeys, {
223
218
  emptyText: i18nKeys.emptyText || emptyMessage,
224
219
  searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -357,7 +352,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
357
352
  a11y: {
358
353
  role: 'heading'
359
354
  }
360
- })) : null, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
355
+ })) : null, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
361
356
  dataId: "".concat(dataId, "_Options"),
362
357
  activeId: selectedId,
363
358
  suggestions: suggestions,
@@ -374,7 +369,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
374
369
  ariaParentRole: 'listbox',
375
370
  role: 'option'
376
371
  }
377
- }, suggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
372
+ }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
378
373
  isLoading: isFetchingOptions,
379
374
  options: options,
380
375
  searchString: searchStr,
@@ -440,9 +440,7 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
440
440
  _customProps$Dropdown = customProps.DropdownSearchTextBoxProps,
441
441
  DropdownSearchTextBoxProps = _customProps$Dropdown === void 0 ? {} : _customProps$Dropdown,
442
442
  _customProps$TextBoxI = customProps.TextBoxIconProps,
443
- TextBoxIconProps = _customProps$TextBoxI === void 0 ? {} : _customProps$TextBoxI,
444
- _customProps$listItem = customProps.listItemProps,
445
- listItemProps = _customProps$listItem === void 0 ? {} : _customProps$listItem;
443
+ TextBoxIconProps = _customProps$TextBoxI === void 0 ? {} : _customProps$TextBoxI;
446
444
  return /*#__PURE__*/_react["default"].createElement("div", {
447
445
  className: "".concat(_SelectModule["default"].container, " ").concat(_SelectModule["default"]["box_".concat(size)], " ").concat(isReadOnly ? _SelectModule["default"].readonly : '', " ").concat(borderColor === 'transparent' ? _SelectModule["default"].transparentContainer : ''),
448
446
  "data-title": isDisabled ? title : null,
@@ -575,7 +573,7 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
575
573
  var iconName = options.iconName,
576
574
  iconSize = options.iconSize,
577
575
  iconColor = options.iconColor;
578
- return /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], _extends({
576
+ return /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], {
579
577
  key: options[idKey],
580
578
  value: options[valueKey],
581
579
  size: "medium",
@@ -599,7 +597,7 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
599
597
  ariaSelected: selectedId === options[idKey],
600
598
  ariaLabel: options[valueKey]
601
599
  }
602
- }, listItemProps));
600
+ });
603
601
  })) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
604
602
  isLoading: isFetchingOptions,
605
603
  options: options,
@@ -110,8 +110,7 @@ var SelectWithAvatar_defaultProps = {
110
110
  isRestrictScroll: false,
111
111
  i18nKeys: {},
112
112
  needEffect: true,
113
- isLoading: false,
114
- customProps: {}
113
+ isLoading: false
115
114
  };
116
115
  exports.SelectWithAvatar_defaultProps = SelectWithAvatar_defaultProps;
117
116
  var SelectWithIcon_defaultProps = (_SelectWithIcon_defau = {
@@ -194,8 +194,7 @@ var GroupSelect_propTypes = {
194
194
  isDefaultSelectValue: _propTypes["default"].bool,
195
195
  customProps: _propTypes["default"].shape({
196
196
  TextBoxProps: _propTypes["default"].object,
197
- TextBoxIconProps: _propTypes["default"].object,
198
- suggestionsProps: _propTypes["default"].object
197
+ TextBoxIconProps: _propTypes["default"].object
199
198
  })
200
199
  };
201
200
  exports.GroupSelect_propTypes = GroupSelect_propTypes;
@@ -259,8 +258,7 @@ var SelectWithAvatar_propTypes = _objectSpread(_objectSpread({}, Select_propType
259
258
  htmlId: _propTypes["default"].string,
260
259
  needEffect: _propTypes["default"].bool,
261
260
  isLoading: _propTypes["default"].bool,
262
- dataSelectorId: _propTypes["default"].string,
263
- customProps: _propTypes["default"].string
261
+ dataSelectorId: _propTypes["default"].string
264
262
  });
265
263
 
266
264
  exports.SelectWithAvatar_propTypes = SelectWithAvatar_propTypes;
@@ -494,11 +494,6 @@
494
494
  overflow: hidden;
495
495
  }
496
496
 
497
- .listItemClamp {
498
- composes: wbreak clamp;
499
- -webkit-line-clamp: var(--line-clamp-count,3);
500
- }
501
-
502
497
  .offSelection {
503
498
  -webkit-user-select: none;
504
499
  -moz-user-select: none;
@@ -3,7 +3,6 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.DUMMY_OBJECT = void 0;
7
6
  exports.bind = bind;
8
7
  exports.bytesToSize = bytesToSize;
9
8
  exports.cancelBubblingEffect = cancelBubblingEffect;
@@ -513,7 +512,4 @@ function isTextSelected() {
513
512
  }
514
513
 
515
514
  return false;
516
- }
517
-
518
- var DUMMY_OBJECT = {};
519
- exports.DUMMY_OBJECT = DUMMY_OBJECT;
515
+ }
@@ -96,7 +96,7 @@ var ListItem = function ListItem(props) {
96
96
  autoHover: autoHover,
97
97
  needTick: needTick,
98
98
  needBorder: needBorder,
99
- customClass: "".concat(customListItem, " ").concat(needMultiLineText ? _ListItemModule["default"].txtAlignBaseLine + ' ' + _ListItemModule["default"].autoHeight : '', " ").concat(customListItem),
99
+ customClass: customListItem,
100
100
  dataId: dataIdString,
101
101
  dataSelectorId: "".concat(dataSelectorId),
102
102
  isLink: isLink,
@@ -611,9 +611,7 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
611
611
  role: 'option'
612
612
  },
613
613
  dataId: "".concat(dataIdMultiSelectComp, "_Options")
614
- }, SuggestionsProps, {
615
- needMultiLineText: true
616
- })) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
614
+ }, SuggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
617
615
  isLoading: isFetchingOptions,
618
616
  options: options,
619
617
  searchString: searchStr,
@@ -57,8 +57,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
57
57
 
58
58
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
59
59
 
60
- 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); }
61
-
62
60
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
63
61
 
64
62
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -1084,10 +1082,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
1084
1082
  boxSize = _this$props15.boxSize,
1085
1083
  isLoading = _this$props15.isLoading,
1086
1084
  selectAllText = _this$props15.selectAllText,
1087
- needSelectAll = _this$props15.needSelectAll,
1088
- customProps = _this$props15.customProps;
1089
- var _customProps$suggesti = customProps.suggestionsProps,
1090
- suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
1085
+ needSelectAll = _this$props15.needSelectAll;
1091
1086
  var _this$state9 = this.state,
1092
1087
  selectedOptions = _this$state9.selectedOptions,
1093
1088
  searchStr = _this$state9.searchStr,
@@ -1164,7 +1159,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
1164
1159
  eleRef: this.suggestionContainerRef
1165
1160
  }, isSearching ? /*#__PURE__*/_react["default"].createElement("div", {
1166
1161
  className: _MultiSelectModule["default"][palette]
1167
- }, searchText) : suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
1162
+ }, searchText) : suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
1168
1163
  suggestions: suggestions,
1169
1164
  getRef: this.suggestionItemRef,
1170
1165
  hoverOption: hoverOption,
@@ -1177,7 +1172,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
1177
1172
  a11y: {
1178
1173
  role: 'option'
1179
1174
  }
1180
- }, suggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
1175
+ }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
1181
1176
  isLoading: isFetchingOptions,
1182
1177
  options: options,
1183
1178
  searchString: searchStr,
@@ -83,8 +83,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
83
83
  avatarPalette = _this$props.avatarPalette,
84
84
  palette = _this$props.palette,
85
85
  htmlId = _this$props.htmlId,
86
- a11y = _this$props.a11y,
87
- needMultiLineText = _this$props.needMultiLineText;
86
+ a11y = _this$props.a11y;
88
87
  var ariaParentRole = a11y.ariaParentRole,
89
88
  ariaMultiselectable = a11y.ariaMultiselectable;
90
89
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
@@ -144,8 +143,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
144
143
  size: listItemSize,
145
144
  avatarPalette: avatarPalette,
146
145
  palette: palette,
147
- a11y: list_a11y,
148
- needMultiLineText: needMultiLineText
146
+ a11y: list_a11y
149
147
  }));
150
148
  } else if (optionType === 'icon') {
151
149
  return /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], _extends({}, commonProps, {
@@ -165,8 +163,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
165
163
  iconSize: iconSize,
166
164
  size: listItemSize,
167
165
  palette: palette,
168
- a11y: list_a11y,
169
- needMultiLineText: needMultiLineText
166
+ a11y: list_a11y
170
167
  }));
171
168
  }
172
169
 
@@ -185,8 +182,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
185
182
  active: isActive,
186
183
  size: listItemSize,
187
184
  palette: palette,
188
- a11y: list_a11y,
189
- needMultiLineText: needMultiLineText
185
+ a11y: list_a11y
190
186
  }));
191
187
  })));
192
188
  }
@@ -128,8 +128,7 @@ var MultiSelect_defaultProps = {
128
128
  keepSelectedOptions: false,
129
129
  selectedOptionsCount: 0,
130
130
  cardHeaderName: '',
131
- needResponsive: true,
132
- customProps: {}
131
+ needResponsive: true
133
132
  };
134
133
  exports.MultiSelect_defaultProps = MultiSelect_defaultProps;
135
134
  var MultiSelectHeader_defaultProps = {
@@ -177,7 +176,6 @@ var SelectedOptions_defaultProps = {
177
176
  };
178
177
  exports.SelectedOptions_defaultProps = SelectedOptions_defaultProps;
179
178
  var Suggestions_defaultProps = {
180
- a11y: {},
181
- needMultiLineText: false
179
+ a11y: {}
182
180
  };
183
181
  exports.Suggestions_defaultProps = Suggestions_defaultProps;
@@ -125,10 +125,7 @@ var MultiSelect_propTypes = {
125
125
  needSelectAll: _propTypes["default"].bool,
126
126
  selectAllText: _propTypes["default"].string,
127
127
  setAriaId: _propTypes["default"].string,
128
- ariaErrorId: _propTypes["default"].string,
129
- customProps: {
130
- suggestionsProps: _propTypes["default"].object
131
- }
128
+ ariaErrorId: _propTypes["default"].string
132
129
  };
133
130
  exports.MultiSelect_propTypes = MultiSelect_propTypes;
134
131
  var MultiSelectHeader_propTypes = {
@@ -198,8 +195,7 @@ var Suggestions_propTypes = {
198
195
  logo: _propTypes["default"].string,
199
196
  optionType: _propTypes["default"].string,
200
197
  listItemProps: _propTypes["default"].object
201
- })),
202
- needMultiLineText: _propTypes["default"].bool
198
+ }))
203
199
  };
204
200
  exports.Suggestions_propTypes = Suggestions_propTypes;
205
201
 
@@ -51,8 +51,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
51
51
 
52
52
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
53
53
 
54
- 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); }
55
-
56
54
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
57
55
 
58
56
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -668,10 +666,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
668
666
  htmlId = _this$props9.htmlId,
669
667
  iconOnHover = _this$props9.iconOnHover,
670
668
  isLoading = _this$props9.isLoading,
671
- dataSelectorId = _this$props9.dataSelectorId,
672
- customProps = _this$props9.customProps;
673
- var _customProps$suggesti = customProps.suggestionsProps,
674
- suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
669
+ dataSelectorId = _this$props9.dataSelectorId;
675
670
  i18nKeys = Object.assign({}, i18nKeys, {
676
671
  emptyText: i18nKeys.emptyText || emptyMessage,
677
672
  searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -844,7 +839,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
844
839
  a11y: {
845
840
  role: 'heading'
846
841
  }
847
- })), /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
842
+ })), /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
848
843
  activeId: selectedId,
849
844
  suggestions: options,
850
845
  getRef: _this7.suggestionItemRef,
@@ -860,7 +855,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
860
855
  role: 'option'
861
856
  },
862
857
  dataId: "".concat(dataId, "_Options")
863
- }, suggestionsProps)));
858
+ }));
864
859
  }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
865
860
  options: revampedGroups,
866
861
  searchString: searchStr,
@@ -51,8 +51,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
51
51
 
52
52
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
53
53
 
54
- 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); }
55
-
56
54
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
57
55
 
58
56
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -215,10 +213,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
215
213
  needEffect = _this$props.needEffect,
216
214
  isLoading = _this$props.isLoading,
217
215
  dataSelectorId = _this$props.dataSelectorId,
218
- getTargetRef = _this$props.getTargetRef,
219
- customProps = _this$props.customProps;
220
- var _customProps$suggesti = customProps.suggestionsProps,
221
- suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
216
+ getTargetRef = _this$props.getTargetRef;
222
217
  i18nKeys = Object.assign({}, i18nKeys, {
223
218
  emptyText: i18nKeys.emptyText || emptyMessage,
224
219
  searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -357,7 +352,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
357
352
  a11y: {
358
353
  role: 'heading'
359
354
  }
360
- })) : null, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
355
+ })) : null, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
361
356
  dataId: "".concat(dataId, "_Options"),
362
357
  activeId: selectedId,
363
358
  suggestions: suggestions,
@@ -374,7 +369,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
374
369
  ariaParentRole: 'listbox',
375
370
  role: 'option'
376
371
  }
377
- }, suggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
372
+ }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
378
373
  isLoading: isFetchingOptions,
379
374
  options: options,
380
375
  searchString: searchStr,
@@ -82,8 +82,7 @@ var GroupSelect_defaultProps = {
82
82
  isRestrictScroll: false,
83
83
  i18nKeys: {},
84
84
  iconOnHover: false,
85
- isLoading: false,
86
- customProps: {}
85
+ isLoading: false
87
86
  };
88
87
  exports.GroupSelect_defaultProps = GroupSelect_defaultProps;
89
88
  var SelectWithAvatar_defaultProps = {
@@ -110,8 +109,7 @@ var SelectWithAvatar_defaultProps = {
110
109
  isRestrictScroll: false,
111
110
  i18nKeys: {},
112
111
  needEffect: true,
113
- isLoading: false,
114
- customProps: {}
112
+ isLoading: false
115
113
  };
116
114
  exports.SelectWithAvatar_defaultProps = SelectWithAvatar_defaultProps;
117
115
  var SelectWithIcon_defaultProps = (_SelectWithIcon_defau = {
@@ -191,10 +191,7 @@ var GroupSelect_propTypes = {
191
191
  }),
192
192
  isLoading: _propTypes["default"].bool,
193
193
  dataSelectorId: _propTypes["default"].string,
194
- isDefaultSelectValue: _propTypes["default"].bool,
195
- customProps: _propTypes["default"].shape({
196
- suggestionsProps: _propTypes["default"].object
197
- })
194
+ isDefaultSelectValue: _propTypes["default"].bool
198
195
  };
199
196
  exports.GroupSelect_propTypes = GroupSelect_propTypes;
200
197
 
@@ -257,8 +254,7 @@ var SelectWithAvatar_propTypes = _objectSpread(_objectSpread({}, Select_propType
257
254
  htmlId: _propTypes["default"].string,
258
255
  needEffect: _propTypes["default"].bool,
259
256
  isLoading: _propTypes["default"].bool,
260
- dataSelectorId: _propTypes["default"].string,
261
- customProps: _propTypes["default"].object
257
+ dataSelectorId: _propTypes["default"].string
262
258
  });
263
259
 
264
260
  exports.SelectWithAvatar_propTypes = SelectWithAvatar_propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.0.0-temp-199.9",
3
+ "version": "1.0.0-temp-216.1",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -38,7 +38,7 @@
38
38
  "build:css:umd": "npm run clean && npm run init && react-cli build:css:umd",
39
39
  "coverage": "react-cli coverage",
40
40
  "prepare": "npm run init && npm run build && npm run rtl && npm run cssVariableConvert ",
41
- "prepublishOnly": "node prePublish.js && npm run css:review && npm run review:props ",
41
+ "prepublishOnly": "node prePublish.js && npm run download",
42
42
  "postpublish": "node postPublish.js",
43
43
  "report": "react-cli publish:report",
44
44
  "test": "react-cli test",