@zohodesk/components 1.2.44 → 1.2.45

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 (292) hide show
  1. package/README.md +42 -30
  2. package/es/Accordion/Accordion.js +2 -2
  3. package/es/Accordion/AccordionItem.js +4 -4
  4. package/es/Accordion/__tests__/Accordion.spec.js +1 -1
  5. package/es/Accordion/__tests__/AccordionItem.spec.js +1 -1
  6. package/es/Accordion/index.js +2 -2
  7. package/es/Animation/Animation.js +3 -3
  8. package/es/Animation/__tests__/Animation.spec.js +1 -1
  9. package/es/Animation/utils.js +1 -1
  10. package/es/AppContainer/AppContainer.js +9 -9
  11. package/es/AppContainer/__tests__/AppContainer.spec.js +1 -1
  12. package/es/Avatar/Avatar.js +5 -5
  13. package/es/Avatar/__tests__/Avatar.spec.js +1 -1
  14. package/es/AvatarTeam/AvatarTeam.js +4 -4
  15. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +1 -1
  16. package/es/Button/Button.js +4 -4
  17. package/es/Button/__tests__/Button.spec.js +1 -1
  18. package/es/Button/index.js +2 -2
  19. package/es/Button/props/defaultProps.js +1 -1
  20. package/es/Buttongroup/Buttongroup.js +3 -3
  21. package/es/Buttongroup/__tests__/Buttongroup.spec.js +1 -1
  22. package/es/Card/Card.js +5 -5
  23. package/es/Card/__tests__/Card.spec.js +1 -1
  24. package/es/Card/index.js +4 -4
  25. package/es/CheckBox/CheckBox.js +6 -6
  26. package/es/CheckBox/__tests__/CheckBox.spec.js +1 -1
  27. package/es/DateTime/CalendarView.js +6 -6
  28. package/es/DateTime/DateTime.js +15 -15
  29. package/es/DateTime/DateTimePopupFooter.js +5 -5
  30. package/es/DateTime/DateTimePopupHeader.js +4 -4
  31. package/es/DateTime/DateWidget.js +17 -17
  32. package/es/DateTime/DaysRow.js +3 -3
  33. package/es/DateTime/Time.js +5 -5
  34. package/es/DateTime/YearView.js +6 -6
  35. package/es/DateTime/__tests__/CalendarView.spec.js +1 -1
  36. package/es/DateTime/__tests__/DateTime.spec.js +1 -1
  37. package/es/DateTime/__tests__/DateTimePopupFooter.spec.js +1 -1
  38. package/es/DateTime/__tests__/DateTimePopupHeader.spec.js +1 -1
  39. package/es/DateTime/__tests__/DateWidget.spec.js +1 -1
  40. package/es/DateTime/__tests__/DaysRow.spec.js +1 -1
  41. package/es/DateTime/__tests__/Time.spec.js +1 -1
  42. package/es/DateTime/__tests__/YearView.spec.js +1 -1
  43. package/es/DateTime/dateFormatUtils/dateFormat.js +4 -4
  44. package/es/DateTime/dateFormatUtils/dayChange.js +2 -2
  45. package/es/DateTime/dateFormatUtils/index.js +3 -3
  46. package/es/DateTime/dateFormatUtils/monthChange.js +2 -2
  47. package/es/DateTime/dateFormatUtils/timeChange.js +2 -2
  48. package/es/DateTime/dateFormatUtils/yearChange.js +2 -2
  49. package/es/DateTime/index.js +1 -1
  50. package/es/DateTime/props/propTypes.js +1 -1
  51. package/es/DateTime/validator.js +2 -2
  52. package/es/DropBox/DropBox.js +9 -9
  53. package/es/DropBox/DropBoxElement/DropBoxElement.js +6 -6
  54. package/es/DropBox/DropBoxElement/__tests__/DropBoxElement.spec.js +1 -1
  55. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +1 -1
  56. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +1 -1
  57. package/es/DropBox/__tests__/DropBox.spec.js +1 -1
  58. package/es/DropBox/css/cssJSLogic.js +1 -1
  59. package/es/DropBox/props/defaultProps.js +1 -1
  60. package/es/DropBox/props/propTypes.js +1 -1
  61. package/es/DropBox/utils/isMobilePopover.js +1 -1
  62. package/es/DropDown/DropDown.js +4 -4
  63. package/es/DropDown/DropDownHeading.js +3 -3
  64. package/es/DropDown/DropDownItem.js +3 -3
  65. package/es/DropDown/DropDownSearch.js +4 -4
  66. package/es/DropDown/DropDownSeparator.js +2 -2
  67. package/es/DropDown/__tests__/DropDown.spec.js +1 -1
  68. package/es/DropDown/__tests__/DropDownHeading.spec.js +1 -1
  69. package/es/DropDown/__tests__/DropDownItem.spec.js +1 -1
  70. package/es/DropDown/__tests__/DropDownSearch.spec.js +1 -1
  71. package/es/DropDown/__tests__/DropDownSeparator.spec.js +1 -1
  72. package/es/DropDown/index.js +7 -7
  73. package/es/DropDown/props/propTypes.js +1 -1
  74. package/es/Heading/Heading.js +4 -4
  75. package/es/Heading/__tests__/Heading.spec.js +1 -1
  76. package/es/Label/Label.js +4 -4
  77. package/es/Label/__tests__/Label.spec.js +1 -1
  78. package/es/Layout/Box.js +4 -4
  79. package/es/Layout/Container.js +4 -4
  80. package/es/Layout/__tests__/Box.spec.js +1 -1
  81. package/es/Layout/__tests__/Container.spec.js +1 -1
  82. package/es/Layout/index.js +2 -2
  83. package/es/ListItem/ListContainer.js +6 -6
  84. package/es/ListItem/ListItem.js +5 -5
  85. package/es/ListItem/ListItemWithAvatar.js +7 -7
  86. package/es/ListItem/ListItemWithCheckBox.js +6 -6
  87. package/es/ListItem/ListItemWithIcon.js +5 -5
  88. package/es/ListItem/ListItemWithRadio.js +6 -6
  89. package/es/ListItem/__tests__/ListContainer.spec.js +1 -1
  90. package/es/ListItem/__tests__/ListItem.spec.js +1 -1
  91. package/es/ListItem/__tests__/ListItemWithAvatar.spec.js +1 -1
  92. package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js +1 -1
  93. package/es/ListItem/__tests__/ListItemWithIcon.spec.js +1 -1
  94. package/es/ListItem/__tests__/ListItemWithRadio.spec.js +1 -1
  95. package/es/ListItem/index.js +6 -6
  96. package/es/Modal/Modal.js +3 -3
  97. package/es/Modal/__tests__/Modal.spec.js +1 -1
  98. package/es/MultiSelect/AdvancedGroupMultiSelect.js +17 -17
  99. package/es/MultiSelect/AdvancedMultiSelect.js +17 -17
  100. package/es/MultiSelect/EmptyState.js +3 -3
  101. package/es/MultiSelect/MobileHeader/MobileHeader.js +5 -5
  102. package/es/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js +1 -1
  103. package/es/MultiSelect/MultiSelect.js +32 -20
  104. package/es/MultiSelect/MultiSelectHeader.js +4 -4
  105. package/es/MultiSelect/MultiSelectWithAvatar.js +16 -16
  106. package/es/MultiSelect/SelectedOptions.js +5 -5
  107. package/es/MultiSelect/Suggestions.js +6 -6
  108. package/es/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js +1 -1
  109. package/es/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +1 -1
  110. package/es/MultiSelect/__tests__/EmptyState.spec.js +1 -1
  111. package/es/MultiSelect/__tests__/MultiSelect.spec.js +1 -1
  112. package/es/MultiSelect/__tests__/MultiSelectHeader.spec.js +1 -1
  113. package/es/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js +1 -1
  114. package/es/MultiSelect/__tests__/SelectedOptions.spec.js +1 -1
  115. package/es/MultiSelect/__tests__/Suggestions.spec.js +1 -1
  116. package/es/MultiSelect/index.js +4 -4
  117. package/es/MultiSelect/props/defaultProps.js +1 -1
  118. package/es/PopOver/PopOver.js +6 -6
  119. package/es/PopOver/__tests__/PopOver.spec.js +1 -1
  120. package/es/PopOver/index.js +3 -3
  121. package/es/Popup/Popup.js +3 -3
  122. package/es/Provider/AvatarSize.js +1 -1
  123. package/es/Provider/CssProvider.js +1 -1
  124. package/es/Provider/IdProvider.js +2 -2
  125. package/es/Provider/LibraryContext.js +2 -2
  126. package/es/Provider/ZindexProvider.js +2 -2
  127. package/es/Provider/index.js +4 -4
  128. package/es/Radio/Radio.js +5 -5
  129. package/es/Radio/__tests__/Radio.spec.js +1 -1
  130. package/es/Responsive/CustomResponsive.js +7 -7
  131. package/es/Responsive/ResizeComponent.js +2 -2
  132. package/es/Responsive/Responsive.js +6 -6
  133. package/es/Responsive/index.js +3 -3
  134. package/es/Responsive/utils/index.js +1 -1
  135. package/es/Responsive/windowResizeObserver.js +1 -1
  136. package/es/ResponsiveDropBox/ResponsiveDropBox.js +6 -6
  137. package/es/ResponsiveDropBox/__tests__/ResponsiveDropBox.spec.js +1 -1
  138. package/es/ResponsiveDropBox/props/propTypes.js +1 -1
  139. package/es/Ribbon/Ribbon.js +3 -3
  140. package/es/Ribbon/__tests__/Ribbon.spec.js +1 -1
  141. package/es/RippleEffect/RippleEffect.js +4 -4
  142. package/es/RippleEffect/__tests__/RippleEffect.spec.js +1 -1
  143. package/es/Select/GroupSelect.js +21 -16
  144. package/es/Select/Select.js +15 -15
  145. package/es/Select/SelectWithAvatar.js +17 -17
  146. package/es/Select/SelectWithIcon.js +13 -13
  147. package/es/Select/__tests__/GroupSelect.spec.js +1 -1
  148. package/es/Select/__tests__/Select.spec.js +1 -1
  149. package/es/Select/__tests__/SelectWithAvatar.spec.js +1 -1
  150. package/es/Select/__tests__/SelectWithIcon.spec.js +1 -1
  151. package/es/Select/index.js +4 -4
  152. package/es/Select/props/defaultProps.js +1 -1
  153. package/es/Stencils/Stencils.js +3 -3
  154. package/es/Stencils/__tests__/Stencils.spec.js +1 -1
  155. package/es/Switch/Switch.js +5 -5
  156. package/es/Switch/__tests__/Switch.spec.js +1 -1
  157. package/es/Tab/Tab.js +5 -5
  158. package/es/Tab/TabContent.js +4 -4
  159. package/es/Tab/TabContentWrapper.js +3 -3
  160. package/es/Tab/TabWrapper.js +3 -3
  161. package/es/Tab/Tabs.js +13 -13
  162. package/es/Tab/__tests__/Tab.spec.js +1 -1
  163. package/es/Tab/__tests__/TabContent.spec.js +1 -1
  164. package/es/Tab/__tests__/TabContentWrapper.spec.js +1 -1
  165. package/es/Tab/__tests__/TabWrapper.spec.js +1 -1
  166. package/es/Tab/__tests__/Tabs.spec.js +1 -1
  167. package/es/Tab/index.js +5 -5
  168. package/es/Tag/Tag.js +7 -7
  169. package/es/Tag/__tests__/Tag.spec.js +1 -1
  170. package/es/TextBox/TextBox.js +3 -3
  171. package/es/TextBox/__tests__/TextBox.spec.js +1 -1
  172. package/es/TextBoxIcon/TextBoxIcon.js +6 -6
  173. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +1 -1
  174. package/es/TextBoxIcon/props/propTypes.js +1 -1
  175. package/es/Textarea/Textarea.js +3 -3
  176. package/es/Textarea/__tests__/Textarea.spec.js +1 -1
  177. package/es/Tooltip/Tooltip.js +6 -6
  178. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -3
  179. package/es/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js +1 -1
  180. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +3 -3
  181. package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js +1 -1
  182. package/es/VelocityAnimation/index.js +2 -2
  183. package/es/css.js +37 -37
  184. package/es/deprecated/PortalLayer/PortalLayer.js +3 -3
  185. package/es/index.js +39 -39
  186. package/es/semantic/Button/Button.js +3 -3
  187. package/es/semantic/Button/__tests__/Button.spec.js +1 -1
  188. package/es/semantic/index.js +1 -1
  189. package/es/utils/Common.js +1 -1
  190. package/es/utils/ContextOptimizer.js +1 -1
  191. package/es/utils/cssUtils.js +1 -1
  192. package/es/utils/datetime/common.js +1 -1
  193. package/es/utils/dropDownUtils.js +1 -1
  194. package/es/utils/index.js +1 -1
  195. package/es/v1/Accordion/Accordion.js +2 -2
  196. package/es/v1/Accordion/AccordionItem.js +4 -4
  197. package/es/v1/Accordion/index.js +2 -2
  198. package/es/v1/Animation/Animation.js +3 -3
  199. package/es/v1/Animation/utils.js +1 -1
  200. package/es/v1/AppContainer/AppContainer.js +9 -9
  201. package/es/v1/Avatar/Avatar.js +5 -5
  202. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  203. package/es/v1/Button/Button.js +4 -4
  204. package/es/v1/Button/props/defaultProps.js +1 -1
  205. package/es/v1/Buttongroup/Buttongroup.js +3 -3
  206. package/es/v1/Card/Card.js +5 -5
  207. package/es/v1/Card/index.js +4 -4
  208. package/es/v1/CheckBox/CheckBox.js +6 -6
  209. package/es/v1/DateTime/CalendarView.js +7 -7
  210. package/es/v1/DateTime/DateTime.js +15 -15
  211. package/es/v1/DateTime/DateTimePopupFooter.js +5 -5
  212. package/es/v1/DateTime/DateTimePopupHeader.js +4 -4
  213. package/es/v1/DateTime/DateWidget.js +17 -17
  214. package/es/v1/DateTime/DaysRow.js +3 -3
  215. package/es/v1/DateTime/Time.js +5 -5
  216. package/es/v1/DateTime/YearView.js +6 -6
  217. package/es/v1/DateTime/index.js +1 -1
  218. package/es/v1/DateTime/props/propTypes.js +1 -1
  219. package/es/v1/DropBox/DropBox.js +9 -9
  220. package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +6 -6
  221. package/es/v1/DropBox/props/defaultProps.js +1 -1
  222. package/es/v1/DropBox/props/propTypes.js +1 -1
  223. package/es/v1/DropBox/utils/isMobilePopover.js +1 -1
  224. package/es/v1/DropDown/DropDown.js +4 -4
  225. package/es/v1/DropDown/DropDownHeading.js +3 -3
  226. package/es/v1/DropDown/DropDownItem.js +3 -3
  227. package/es/v1/DropDown/DropDownSearch.js +4 -4
  228. package/es/v1/DropDown/DropDownSeparator.js +2 -2
  229. package/es/v1/DropDown/props/propTypes.js +1 -1
  230. package/es/v1/Heading/Heading.js +4 -4
  231. package/es/v1/Label/Label.js +4 -4
  232. package/es/v1/Layout/Box.js +4 -4
  233. package/es/v1/Layout/Container.js +4 -4
  234. package/es/v1/Layout/index.js +2 -2
  235. package/es/v1/ListItem/ListContainer.js +6 -6
  236. package/es/v1/ListItem/ListItem.js +5 -5
  237. package/es/v1/ListItem/ListItemWithAvatar.js +7 -7
  238. package/es/v1/ListItem/ListItemWithCheckBox.js +6 -6
  239. package/es/v1/ListItem/ListItemWithIcon.js +5 -5
  240. package/es/v1/ListItem/ListItemWithRadio.js +6 -6
  241. package/es/v1/ListItem/index.js +6 -6
  242. package/es/v1/Modal/Modal.js +3 -3
  243. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +17 -17
  244. package/es/v1/MultiSelect/AdvancedMultiSelect.js +17 -17
  245. package/es/v1/MultiSelect/EmptyState.js +3 -3
  246. package/es/v1/MultiSelect/MobileHeader/MobileHeader.js +5 -5
  247. package/es/v1/MultiSelect/MultiSelect.js +31 -19
  248. package/es/v1/MultiSelect/MultiSelectHeader.js +4 -4
  249. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +16 -16
  250. package/es/v1/MultiSelect/SelectedOptions.js +5 -5
  251. package/es/v1/MultiSelect/Suggestions.js +6 -6
  252. package/es/v1/MultiSelect/index.js +4 -4
  253. package/es/v1/MultiSelect/props/defaultProps.js +1 -1
  254. package/es/v1/PopOver/PopOver.js +6 -6
  255. package/es/v1/Popup/Popup.js +3 -3
  256. package/es/v1/Radio/Radio.js +5 -5
  257. package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +6 -6
  258. package/es/v1/ResponsiveDropBox/props/propTypes.js +1 -1
  259. package/es/v1/Ribbon/Ribbon.js +3 -3
  260. package/es/v1/RippleEffect/RippleEffect.js +4 -4
  261. package/es/v1/Select/GroupSelect.js +21 -16
  262. package/es/v1/Select/Select.js +15 -15
  263. package/es/v1/Select/SelectWithAvatar.js +17 -17
  264. package/es/v1/Select/SelectWithIcon.js +13 -13
  265. package/es/v1/Select/index.js +4 -4
  266. package/es/v1/Select/props/defaultProps.js +1 -1
  267. package/es/v1/Stencils/Stencils.js +3 -3
  268. package/es/v1/Switch/Switch.js +5 -5
  269. package/es/v1/Tab/Tab.js +5 -5
  270. package/es/v1/Tab/TabContent.js +4 -4
  271. package/es/v1/Tab/TabContentWrapper.js +3 -3
  272. package/es/v1/Tab/TabWrapper.js +3 -3
  273. package/es/v1/Tab/Tabs.js +13 -13
  274. package/es/v1/Tab/index.js +5 -5
  275. package/es/v1/Tag/Tag.js +7 -7
  276. package/es/v1/TextBox/TextBox.js +3 -3
  277. package/es/v1/TextBoxIcon/TextBoxIcon.js +6 -6
  278. package/es/v1/TextBoxIcon/props/propTypes.js +1 -1
  279. package/es/v1/Textarea/Textarea.js +3 -3
  280. package/es/v1/Tooltip/Tooltip.js +6 -6
  281. package/es/v1/Typography/Typography.js +4 -4
  282. package/es/v1/Typography/css/cssJSLogic.js +1 -1
  283. package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -3
  284. package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +3 -3
  285. package/es/v1/semantic/Button/Button.js +3 -3
  286. package/es/v1/semantic/index.js +1 -1
  287. package/lib/MultiSelect/MultiSelect.js +19 -7
  288. package/lib/Select/GroupSelect.js +5 -0
  289. package/lib/v1/MultiSelect/MultiSelect.js +19 -7
  290. package/lib/v1/Select/GroupSelect.js +5 -0
  291. package/package.json +1 -1
  292. package/result.json +1 -1
package/lib/MultiSelect/MultiSelect.js CHANGED
@@ -273,6 +273,18 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
273
273
 
274
274
 
275
275
  this.handleComponentDidUpdate(prevProps, prevState);
276
+
277
+ if (isPopupOpen && isNextOptions && prevProps.selectedOptions.length !== selectedOptions.length) {
278
+ var _ref2 = this.suggestionContainer || {},
279
+ scrollHeight = _ref2.scrollHeight,
280
+ clientHeight = _ref2.clientHeight;
281
+
282
+ var isElementScrollable = scrollHeight > clientHeight;
283
+
284
+ if (!isElementScrollable) {
285
+ this.handleScrollFuncCall();
286
+ }
287
+ }
276
288
  }
277
289
  }, {
278
290
  key: "componentWillUnmount",
@@ -514,9 +526,9 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
514
526
  });
515
527
  }
516
528
  } else {
517
- var _ref2 = isRightArrow ? selectedOptions : selectedOptions.slice(-1),
518
- _ref3 = _slicedToArray(_ref2, 1),
519
- _newLastHighLightedSelectOption3 = _ref3[0];
529
+ var _ref3 = isRightArrow ? selectedOptions : selectedOptions.slice(-1),
530
+ _ref4 = _slicedToArray(_ref3, 1),
531
+ _newLastHighLightedSelectOption3 = _ref4[0];
520
532
 
521
533
  this.setState({
522
534
  lastHighLightedSelectOption: _newLastHighLightedSelectOption3,
@@ -726,8 +738,8 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
726
738
  var to = id && selectedOptions.indexOf(id) >= 0 ? selectedOptions.indexOf(id) : null;
727
739
 
728
740
  if (to >= 0 && to < from) {
729
- var _ref4 = [from, from = to];
730
- to = _ref4[0];
741
+ var _ref5 = [from, from = to];
742
+ to = _ref5[0];
731
743
  }
732
744
 
733
745
  to += 1;
@@ -877,8 +889,8 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
877
889
  });
878
890
  }
879
891
 
880
- var _ref5 = e || {},
881
- target = _ref5.target;
892
+ var _ref6 = e || {},
893
+ target = _ref6.target;
882
894
 
883
895
  target && target.setSelectionRange(target, 0);
884
896
  var onFocus = this.props.onFocus;
package/lib/Select/GroupSelect.js CHANGED
@@ -669,6 +669,10 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
669
669
  emptyText: i18nKeys.emptyText || emptyMessage,
670
670
  searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
671
671
  });
672
+ var _i18nKeys = i18nKeys,
673
+ TextBoxIcon_i18n = _i18nKeys.TextBoxIcon_i18n,
674
+ _i18nKeys$TextBox_all = _i18nKeys.TextBox_ally_label,
675
+ TextBox_ally_label = _i18nKeys$TextBox_all === void 0 ? 'Click to select options' : _i18nKeys$TextBox_all;
672
676
  var _this$state3 = this.state,
673
677
  selectedId = _this$state3.selectedId,
674
678
  hoverIndex = _this$state3.hoverIndex,
@@ -727,6 +731,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
727
731
  ariaActivedescendant: selectedId,
728
732
  ariaOwns: setAriaId
729
733
  },
734
+ i18nKeys: TextBoxIcon_i18n,
730
735
  isFocus: isPopupReady,
731
736
  autoComplete: false
732
737
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
package/lib/v1/MultiSelect/MultiSelect.js CHANGED
@@ -273,6 +273,18 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
273
273
 
274
274
 
275
275
  this.handleComponentDidUpdate(prevProps, prevState);
276
+
277
+ if (isPopupOpen && isNextOptions && prevProps.selectedOptions.length !== selectedOptions.length) {
278
+ var _ref2 = this.suggestionContainer || {},
279
+ scrollHeight = _ref2.scrollHeight,
280
+ clientHeight = _ref2.clientHeight;
281
+
282
+ var isElementScrollable = scrollHeight > clientHeight;
283
+
284
+ if (!isElementScrollable) {
285
+ this.handleScrollFuncCall();
286
+ }
287
+ }
276
288
  }
277
289
  }, {
278
290
  key: "componentWillUnmount",
@@ -514,9 +526,9 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
514
526
  });
515
527
  }
516
528
  } else {
517
- var _ref2 = isRightArrow ? selectedOptions : selectedOptions.slice(-1),
518
- _ref3 = _slicedToArray(_ref2, 1),
519
- _newLastHighLightedSelectOption3 = _ref3[0];
529
+ var _ref3 = isRightArrow ? selectedOptions : selectedOptions.slice(-1),
530
+ _ref4 = _slicedToArray(_ref3, 1),
531
+ _newLastHighLightedSelectOption3 = _ref4[0];
520
532
 
521
533
  this.setState({
522
534
  lastHighLightedSelectOption: _newLastHighLightedSelectOption3,
@@ -727,8 +739,8 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
727
739
  var to = id && selectedOptions.indexOf(id) >= 0 ? selectedOptions.indexOf(id) : null;
728
740
 
729
741
  if (to >= 0 && to < from) {
730
- var _ref4 = [from, from = to];
731
- to = _ref4[0];
742
+ var _ref5 = [from, from = to];
743
+ to = _ref5[0];
732
744
  }
733
745
 
734
746
  to += 1;
@@ -878,8 +890,8 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
878
890
  });
879
891
  }
880
892
 
881
- var _ref5 = e || {},
882
- target = _ref5.target;
893
+ var _ref6 = e || {},
894
+ target = _ref6.target;
883
895
 
884
896
  target && target.setSelectionRange(target, 0);
885
897
  var onFocus = this.props.onFocus;
package/lib/v1/Select/GroupSelect.js CHANGED
@@ -671,6 +671,10 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
671
671
  emptyText: i18nKeys.emptyText || emptyMessage,
672
672
  searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
673
673
  });
674
+ var _i18nKeys = i18nKeys,
675
+ TextBoxIcon_i18n = _i18nKeys.TextBoxIcon_i18n,
676
+ _i18nKeys$TextBox_all = _i18nKeys.TextBox_ally_label,
677
+ TextBox_ally_label = _i18nKeys$TextBox_all === void 0 ? 'Click to select options' : _i18nKeys$TextBox_all;
674
678
  var _this$state3 = this.state,
675
679
  selectedId = _this$state3.selectedId,
676
680
  hoverIndex = _this$state3.hoverIndex,
@@ -729,6 +733,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
729
733
  ariaActivedescendant: selectedId,
730
734
  ariaOwns: setAriaId
731
735
  },
736
+ i18nKeys: TextBoxIcon_i18n,
732
737
  isFocus: isPopupReady,
733
738
  autoComplete: false
734
739
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.2.44",
3
+ "version": "1.2.45",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,