@dreamcommerce/aurora 2.17.19-3 → 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 -8
  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 -8
  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;
@@ -141,7 +146,6 @@ var Content = function Content(_ref) {
141
146
  var positionTop = wrapperHeight + wrapperYPosition + windowYScroll + yOffset - yModifier;
142
147
  var positionBottom = windowHeightMinusYOffset - wrapperYPosition + yOffset;
143
148
  var positionLeft = wrapperXPosition - xModifier;
144
- console.log('positionTop', positionTop);
145
149
  var topPositionValue = '';
146
150
  var bottomPositionValue = '';
147
151
  var leftPositionValue = '';
@@ -181,14 +185,12 @@ var Content = function Content(_ref) {
181
185
  zIndex: zIndex
182
186
  });
183
187
  }
184
- }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset]);
188
+ }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset, parentScrollTop]);
185
189
  React.useEffect(function () {
186
190
  var _UiDomUtils$getFirstS;
187
191
 
188
192
  if (!(wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) || !isOpen) return;
189
193
  var scrollableParent = (_UiDomUtils$getFirstS = utilities$1.UiDomUtils.getFirstScrollableParent(wrapperRef.current)) !== null && _UiDomUtils$getFirstS !== void 0 ? _UiDomUtils$getFirstS : document.body;
190
- console.log('wrapperRef?.current', wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
191
- console.log('scrollableParent', scrollableParent);
192
194
 
193
195
  var handleWindowScroll = function handleWindowScroll() {
194
196
  if (typeof toggleDropdown === 'function' && shouldCloseOnScroll) {
@@ -196,11 +198,17 @@ var Content = function Content(_ref) {
196
198
  }
197
199
  };
198
200
 
201
+ var setParentScrollTopValue = function setParentScrollTopValue() {
202
+ setParentScrollTop(scrollableParent.scrollTop);
203
+ };
204
+
199
205
  scrollableParent.addEventListener('scroll', handleWindowScroll, {
200
206
  once: true
201
207
  });
208
+ scrollableParent.addEventListener('scroll', setParentScrollTopValue);
202
209
  return function () {
203
210
  scrollableParent.removeEventListener('scroll', handleWindowScroll);
211
+ scrollableParent.removeEventListener('scroll', setParentScrollTopValue);
204
212
  };
205
213
  }, [isOpen]);
206
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;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;
@@ -132,7 +137,6 @@ var Content = function Content(_ref) {
132
137
  var positionTop = wrapperHeight + wrapperYPosition + windowYScroll + yOffset - yModifier;
133
138
  var positionBottom = windowHeightMinusYOffset - wrapperYPosition + yOffset;
134
139
  var positionLeft = wrapperXPosition - xModifier;
135
- console.log('positionTop', positionTop);
136
140
  var topPositionValue = '';
137
141
  var bottomPositionValue = '';
138
142
  var leftPositionValue = '';
@@ -172,14 +176,12 @@ var Content = function Content(_ref) {
172
176
  zIndex: zIndex
173
177
  });
174
178
  }
175
- }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset]);
179
+ }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset, parentScrollTop]);
176
180
  useEffect(function () {
177
181
  var _UiDomUtils$getFirstS;
178
182
 
179
183
  if (!(wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) || !isOpen) return;
180
184
  var scrollableParent = (_UiDomUtils$getFirstS = UiDomUtils.getFirstScrollableParent(wrapperRef.current)) !== null && _UiDomUtils$getFirstS !== void 0 ? _UiDomUtils$getFirstS : document.body;
181
- console.log('wrapperRef?.current', wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
182
- console.log('scrollableParent', scrollableParent);
183
185
 
184
186
  var handleWindowScroll = function handleWindowScroll() {
185
187
  if (typeof toggleDropdown === 'function' && shouldCloseOnScroll) {
@@ -187,11 +189,17 @@ var Content = function Content(_ref) {
187
189
  }
188
190
  };
189
191
 
192
+ var setParentScrollTopValue = function setParentScrollTopValue() {
193
+ setParentScrollTop(scrollableParent.scrollTop);
194
+ };
195
+
190
196
  scrollableParent.addEventListener('scroll', handleWindowScroll, {
191
197
  once: true
192
198
  });
199
+ scrollableParent.addEventListener('scroll', setParentScrollTopValue);
193
200
  return function () {
194
201
  scrollableParent.removeEventListener('scroll', handleWindowScroll);
202
+ scrollableParent.removeEventListener('scroll', setParentScrollTopValue);
195
203
  };
196
204
  }, [isOpen]);
197
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;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-3",
5
+ "version": "2.17.19-4",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",