@zohodesk/components 1.3.1 → 1.3.3

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 (55) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +18 -31
  3. package/es/Button/__tests__/Button.spec.js +134 -1
  4. package/es/DateTime/__tests__/YearView.spec.js +1 -2
  5. package/es/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +8 -1
  6. package/es/Popup/Popup.js +16 -10
  7. package/es/Provider/IdProvider.js +1 -1
  8. package/es/Select/__tests__/Select.spec.js +1130 -4
  9. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +9621 -1
  10. package/es/Stencils/Stencils.js +5 -12
  11. package/es/Stencils/Stencils.module.css +11 -7
  12. package/es/Stencils/__tests__/Stencils.spec.js +9 -1
  13. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +27 -11
  14. package/es/Stencils/props/defaultProps.js +2 -1
  15. package/es/Stencils/props/propTypes.js +3 -2
  16. package/es/Tab/Tab.js +2 -1
  17. package/es/Tab/TabWrapper.js +2 -1
  18. package/es/Tab/Tabs.js +10 -10
  19. package/es/Tab/__tests__/TabLayout.spec.js +34 -0
  20. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +341 -0
  21. package/es/Tab/props/propTypes.js +2 -2
  22. package/es/Tab/utils/tabConfigs.js +18 -0
  23. package/es/Tag/__tests__/Tag.spec.js +8 -1
  24. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +40 -3
  25. package/es/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +4 -1
  26. package/es/utils/Common.js +1 -1
  27. package/lib/Button/__tests__/Button.spec.js +140 -0
  28. package/lib/DateTime/__tests__/YearView.spec.js +1 -2
  29. package/lib/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +8 -0
  30. package/lib/Popup/Popup.js +16 -11
  31. package/lib/Provider/IdProvider.js +1 -0
  32. package/lib/Select/__tests__/Select.spec.js +1364 -3
  33. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +9621 -1
  34. package/lib/Stencils/Stencils.js +5 -12
  35. package/lib/Stencils/Stencils.module.css +11 -7
  36. package/lib/Stencils/__tests__/Stencils.spec.js +11 -3
  37. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +27 -11
  38. package/lib/Stencils/props/defaultProps.js +2 -1
  39. package/lib/Stencils/props/propTypes.js +3 -2
  40. package/lib/Tab/Tab.js +3 -1
  41. package/lib/Tab/TabWrapper.js +3 -1
  42. package/lib/Tab/Tabs.js +11 -10
  43. package/lib/Tab/__tests__/TabLayout.spec.js +41 -0
  44. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +341 -0
  45. package/lib/Tab/props/propTypes.js +2 -2
  46. package/lib/Tab/utils/tabConfigs.js +27 -0
  47. package/lib/Tag/__tests__/Tag.spec.js +10 -2
  48. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +80 -26
  49. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +4 -1
  50. package/lib/utils/Common.js +1 -1
  51. package/package.json +3 -3
  52. package/react-cli.config.js +2 -2
  53. package/result.json +1 -1
  54. package/es/DateTime/__tests__/__snapshots__/YearView.spec.js.snap +0 -61
  55. package/lib/DateTime/__tests__/__snapshots__/YearView.spec.js.snap +0 -61
package/lib/Popup/Popup.js CHANGED
@@ -162,8 +162,8 @@ var Popup = function Popup(Component) {
162
162
  _this.getIsOutsideScrollBlocked = _this.getIsOutsideScrollBlocked.bind(_assertThisInitialized(_this));
163
163
  _this.getNeedArrow = _this.getNeedArrow.bind(_assertThisInitialized(_this));
164
164
  _this.getCustomPositionOrder = _this.getCustomPositionOrder.bind(_assertThisInitialized(_this));
165
- _this.handleOpenPopupPositionChange = _this.handleOpenPopupPositionChange.bind(_assertThisInitialized(_this)); // this.getScrollDebounceTime = this.getScrollDebounceTime.bind(this);
166
-
165
+ _this.handleOpenPopupPositionChange = _this.handleOpenPopupPositionChange.bind(_assertThisInitialized(_this));
166
+ _this.getScrollDebounceTime = _this.getScrollDebounceTime.bind(_assertThisInitialized(_this));
167
167
  _this.getCloseOnScrollPopup = _this.getCloseOnScrollPopup.bind(_assertThisInitialized(_this));
168
168
  _this.handleCloseLastOpenedGroup = _this.handleCloseLastOpenedGroup.bind(_assertThisInitialized(_this));
169
169
  _this.handleDocumentMouseDown = _this.handleDocumentMouseDown.bind(_assertThisInitialized(_this));
@@ -180,7 +180,6 @@ var Popup = function Popup(Component) {
180
180
  _this.updateVisibilityOnIntersection = _this.updateVisibilityOnIntersection.bind(_assertThisInitialized(_this));
181
181
  _this.handleAddingScrollToUpdatePosition = _this.handleAddingScrollToUpdatePosition.bind(_assertThisInitialized(_this));
182
182
  _this.handleRemovingScrollToUpdatePosition = _this.handleRemovingScrollToUpdatePosition.bind(_assertThisInitialized(_this));
183
- _this.updatePositionOnScroll = _this.updatePositionOnScroll.bind(_assertThisInitialized(_this));
184
183
  _this.setContainerDynamicPositioning = _this.setContainerDynamicPositioning.bind(_assertThisInitialized(_this));
185
184
  _this.updatePopupState = _this.updatePopupState.bind(_assertThisInitialized(_this));
186
185
  _this.handleScrollAndBlockEvents = _this.handleScrollAndBlockEvents.bind(_assertThisInitialized(_this));
@@ -195,8 +194,11 @@ var Popup = function Popup(Component) {
195
194
  _this.customPositionOrder = customPositionOrder;
196
195
  _this.scrollDebounceTime = popupScrollDebounceTime;
197
196
  _this.closeOnScroll = closeOnScrollPopup;
198
- _this.isOutsideScrollBlock = isOutsideScrollBlock; // const { scrollDebounceTime } = this.getScrollDebounceTime(this);
199
- // this.handleScroll = debounce(this.handleScroll.bind(this), scrollDebounceTime);
197
+ _this.isOutsideScrollBlock = isOutsideScrollBlock;
198
+
199
+ var scrollDebounceTime = _this.getScrollDebounceTime(_assertThisInitialized(_this));
200
+
201
+ _this.updatePositionOnScroll = scrollDebounceTime > 0 ? (0, _Common.debounce)(_this.updatePositionOnScroll.bind(_assertThisInitialized(_this)), scrollDebounceTime) : _this.updatePositionOnScroll.bind(_assertThisInitialized(_this)); // this.handleScroll = debounce(this.handleScroll.bind(this), scrollDebounceTime);
200
202
 
201
203
  return _this;
202
204
  }
@@ -513,6 +515,7 @@ var Popup = function Popup(Component) {
513
515
  key: "updateVisibilityOnIntersection",
514
516
  value: function updateVisibilityOnIntersection(entry) {
515
517
  var dropElement = this.dropElement;
518
+ if (!dropElement) return;
516
519
 
517
520
  if (entry.isIntersecting === true) {
518
521
  this.isTargetElementVisible = true;
@@ -534,12 +537,14 @@ var Popup = function Popup(Component) {
534
537
  var isArrow = popup.props.isArrow;
535
538
  var needPopupArrow = popup.needPopupArrow;
536
539
  return isArrow !== undefined ? isArrow : needPopupArrow;
537
- } // getScrollDebounceTime(popup) {
538
- // const { scrollDebounceTime } = popup.props;
539
- // const { scrollDebounceTime: popupScrollDebounceTime } = popup;
540
- // return scrollDebounceTime !== undefined ? scrollDebounceTime : popupScrollDebounceTime;
541
- // }
542
-
540
+ }
541
+ }, {
542
+ key: "getScrollDebounceTime",
543
+ value: function getScrollDebounceTime(popup) {
544
+ var scrollDebounceTime = popup.props.scrollDebounceTime;
545
+ var popupScrollDebounceTime = popup.scrollDebounceTime;
546
+ return scrollDebounceTime !== undefined ? scrollDebounceTime : popupScrollDebounceTime;
547
+ }
543
548
  }, {
544
549
  key: "getCloseOnScrollPopup",
545
550
  value: function getCloseOnScrollPopup(popup) {
package/lib/Provider/IdProvider.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.getUniqueId = getUniqueId;
7
7
  exports.removeGlobalIdPrefix = removeGlobalIdPrefix;
8
+ exports.setGlobalId = setGlobalId;
8
9
  exports.setGlobalIdPrefix = setGlobalIdPrefix;
9
10
  exports.useUniqueId = useUniqueId;
10
11