@dreamcommerce/aurora 2.17.19-2 → 2.17.19-4

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 (7) hide show
  1. package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +16 -5
  2. package/build/cjs/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/dropdown/utilities.js +1 -1
  4. package/build/esm/packages/aurora/src/components/dropdown/components/content.js +16 -5
  5. package/build/esm/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
  6. package/build/esm/packages/aurora/src/components/dropdown/utilities.js +1 -1
  7. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/dropdown/components/content.js CHANGED
@@ -70,15 +70,20 @@ var Content = function Content(_ref) {
70
70
  bounding = _useState2[0],
71
71
  setBounding = _useState2[1];
72
72
 
73
- var _useState3 = React.useState({
73
+ var _useState3 = React.useState(0),
74
+ _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
75
+ parentScrollTop = _useState4[0],
76
+ setParentScrollTop = _useState4[1];
77
+
78
+ var _useState5 = React.useState({
74
79
  top: '0px',
75
80
  bottom: '0px',
76
81
  left: '0px',
77
82
  zIndex: constants.DROPDOWN_Z_INDEX
78
83
  }),
79
- _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
80
- styles = _useState4[0],
81
- setStyles = _useState4[1];
84
+ _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
85
+ styles = _useState6[0],
86
+ setStyles = _useState6[1];
82
87
 
83
88
  var windowYScroll = window.scrollY;
84
89
  var windowHeightMinusYOffset = window.innerHeight - windowYScroll;
@@ -180,7 +185,7 @@ var Content = function Content(_ref) {
180
185
  zIndex: zIndex
181
186
  });
182
187
  }
183
- }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset]);
188
+ }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset, parentScrollTop]);
184
189
  React.useEffect(function () {
185
190
  var _UiDomUtils$getFirstS;
186
191
 
@@ -193,11 +198,17 @@ var Content = function Content(_ref) {
193
198
  }
194
199
  };
195
200
 
201
+ var setParentScrollTopValue = function setParentScrollTopValue() {
202
+ setParentScrollTop(scrollableParent.scrollTop);
203
+ };
204
+
196
205
  scrollableParent.addEventListener('scroll', handleWindowScroll, {
197
206
  once: true
198
207
  });
208
+ scrollableParent.addEventListener('scroll', setParentScrollTopValue);
199
209
  return function () {
200
210
  scrollableParent.removeEventListener('scroll', handleWindowScroll);
211
+ scrollableParent.removeEventListener('scroll', setParentScrollTopValue);
201
212
  };
202
213
  }, [isOpen]);
203
214
  return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement(reactTransitionGroup.TransitionGroup, {
package/build/cjs/packages/aurora/src/components/dropdown/components/content.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/dropdown/utilities.js CHANGED
@@ -56,7 +56,7 @@ var getXYModifiersForNestedDropdowns = function getXYModifiersForNestedDropdowns
56
56
  var yModifier = 0;
57
57
 
58
58
  if (portalContainer) {
59
- var $parentDropdownContent = portalContainer.closest(".".concat(main_module['default'][css_classes.cssDropdownContent]));
59
+ var $parentDropdownContent = portalContainer.querySelector(".".concat(main_module['default'][css_classes.cssDropdownContent]));
60
60
 
61
61
  if ($parentDropdownContent) {
62
62
  var _$parentDropdownConte2 = $parentDropdownContent.getBoundingClientRect(),
package/build/esm/packages/aurora/src/components/dropdown/components/content.js CHANGED
@@ -61,15 +61,20 @@ var Content = function Content(_ref) {
61
61
  bounding = _useState2[0],
62
62
  setBounding = _useState2[1];
63
63
 
64
- var _useState3 = useState({
64
+ var _useState3 = useState(0),
65
+ _useState4 = _slicedToArray(_useState3, 2),
66
+ parentScrollTop = _useState4[0],
67
+ setParentScrollTop = _useState4[1];
68
+
69
+ var _useState5 = useState({
65
70
  top: '0px',
66
71
  bottom: '0px',
67
72
  left: '0px',
68
73
  zIndex: DROPDOWN_Z_INDEX
69
74
  }),
70
- _useState4 = _slicedToArray(_useState3, 2),
71
- styles = _useState4[0],
72
- setStyles = _useState4[1];
75
+ _useState6 = _slicedToArray(_useState5, 2),
76
+ styles = _useState6[0],
77
+ setStyles = _useState6[1];
73
78
 
74
79
  var windowYScroll = window.scrollY;
75
80
  var windowHeightMinusYOffset = window.innerHeight - windowYScroll;
@@ -171,7 +176,7 @@ var Content = function Content(_ref) {
171
176
  zIndex: zIndex
172
177
  });
173
178
  }
174
- }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset]);
179
+ }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset, parentScrollTop]);
175
180
  useEffect(function () {
176
181
  var _UiDomUtils$getFirstS;
177
182
 
@@ -184,11 +189,17 @@ var Content = function Content(_ref) {
184
189
  }
185
190
  };
186
191
 
192
+ var setParentScrollTopValue = function setParentScrollTopValue() {
193
+ setParentScrollTop(scrollableParent.scrollTop);
194
+ };
195
+
187
196
  scrollableParent.addEventListener('scroll', handleWindowScroll, {
188
197
  once: true
189
198
  });
199
+ scrollableParent.addEventListener('scroll', setParentScrollTopValue);
190
200
  return function () {
191
201
  scrollableParent.removeEventListener('scroll', handleWindowScroll);
202
+ scrollableParent.removeEventListener('scroll', setParentScrollTopValue);
192
203
  };
193
204
  }, [isOpen]);
194
205
  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(TransitionGroup, {
package/build/esm/packages/aurora/src/components/dropdown/components/content.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/dropdown/utilities.js CHANGED
@@ -52,7 +52,7 @@ var getXYModifiersForNestedDropdowns = function getXYModifiersForNestedDropdowns
52
52
  var yModifier = 0;
53
53
 
54
54
  if (portalContainer) {
55
- var $parentDropdownContent = portalContainer.closest(".".concat(cssClasses[cssDropdownContent]));
55
+ var $parentDropdownContent = portalContainer.querySelector(".".concat(cssClasses[cssDropdownContent]));
56
56
 
57
57
  if ($parentDropdownContent) {
58
58
  var _$parentDropdownConte2 = $parentDropdownContent.getBoundingClientRect(),
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.17.19-2",
5
+ "version": "2.17.19-4",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",