@dreamcommerce/aurora 2.23.6-2 → 2.23.6-5

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 (5) hide show
  1. package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +26 -8
  2. package/build/cjs/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
  3. package/build/esm/packages/aurora/src/components/dropdown/components/content.js +26 -8
  4. package/build/esm/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
  5. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/dropdown/components/content.js CHANGED
@@ -83,8 +83,18 @@ var Content = function Content(_ref) {
83
83
 
84
84
  var _useState5 = React.useState(false),
85
85
  _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
86
- fitOnBottomOfScrollableParent = _useState6[0],
87
- setFitOnBottomOfScrollableParent = _useState6[1];
86
+ contentShouldAppearOnTop = _useState6[0],
87
+ setContentShouldAppearOnTop = _useState6[1];
88
+
89
+ var _useState7 = React.useState(false),
90
+ _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
91
+ contentShouldAppearOnBottom = _useState8[0],
92
+ setContentShouldAppearOnBottom = _useState8[1];
93
+
94
+ var _useState9 = React.useState(false),
95
+ _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
96
+ fitOnBottomOfScrollableParent = _useState10[0],
97
+ setFitOnBottomOfScrollableParent = _useState10[1];
88
98
 
89
99
  var dropdownIdRef = React.useRef("dropdown-".concat(v4['default']()));
90
100
 
@@ -95,15 +105,15 @@ var Content = function Content(_ref) {
95
105
 
96
106
  var dropdown = getDropdown(dropdownIdRef.current);
97
107
 
98
- var _useState7 = React.useState({
108
+ var _useState11 = React.useState({
99
109
  top: '0px',
100
110
  bottom: '0px',
101
111
  left: '0px',
102
112
  zIndex: constants.DROPDOWN_Z_INDEX
103
113
  }),
104
- _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
105
- styles = _useState8[0],
106
- setStyles = _useState8[1];
114
+ _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
115
+ styles = _useState12[0],
116
+ setStyles = _useState12[1];
107
117
 
108
118
  var windowYScroll = window.scrollY;
109
119
  var windowHeightMinusYOffset = window.innerHeight - windowYScroll;
@@ -143,8 +153,6 @@ var Content = function Content(_ref) {
143
153
 
144
154
  var dropdownIsOutsideTopViewport = checkIfIsOutsideTopViewport();
145
155
  var dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
146
- var contentShouldAppearOnTop = (dropdownIsOutsideBottomViewport || verticalPosition === 'top' && !dropdownIsOutsideTopViewport) && !fitOnBottomOfScrollableParent;
147
- var contentShouldAppearOnBottom = dropdownIsOutsideTopViewport || verticalPosition === 'bottom' && !dropdownIsOutsideBottomViewport;
148
156
  var contentClassName = classnames__default['default'](css_classes.jsDropdownContentClass, main_module['default'][css_classes.cssDropdownContent], contentShouldAppearOnTop && "".concat(main_module$1['default'][css_classes.cssDropdownContentOnTop], " ").concat(main_module$2['default'][css_classes.cssDropdownContentOnTop]), contentShouldAppearOnBottom && "".concat(main_module$1['default'][css_classes.cssDropdownContentOnBottom], " ").concat(main_module$2['default'][css_classes.cssDropdownContentOnBottom]), arrowSide === 'right' && main_module['default'][css_classes.cssDropdownArrowHorizontalDirectionRight], contentShouldAppearOnTop && main_module['default'][css_classes.cssDropdownArrowVerticalDirectionBottom], cssClass);
149
157
  var screenWidthName = use_screen_detect.useScreenDetect();
150
158
  var refs = [contentRef];
@@ -162,6 +170,10 @@ var Content = function Content(_ref) {
162
170
  }
163
171
  }
164
172
  });
173
+ React.useEffect(function () {
174
+ setContentShouldAppearOnTop((dropdownIsOutsideBottomViewport || verticalPosition === 'top' && !dropdownIsOutsideTopViewport) && !fitOnBottomOfScrollableParent);
175
+ setContentShouldAppearOnBottom(dropdownIsOutsideTopViewport || verticalPosition === 'bottom' && !dropdownIsOutsideBottomViewport);
176
+ }, [dropdownIsOutsideBottomViewport, dropdownIsOutsideTopViewport, verticalPosition, fitOnBottomOfScrollableParent]);
165
177
  React.useEffect(function () {
166
178
  if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && contentRef.current) {
167
179
  var _getBounding2 = utilities.getBounding(wrapperRef.current),
@@ -250,6 +262,12 @@ var Content = function Content(_ref) {
250
262
  var scrollableParentHeight = scrollableParent === null || scrollableParent === void 0 ? void 0 : scrollableParent.scrollHeight;
251
263
  var scrollableParentBottomSpace = scrollableParentHeight - wrapperRect.bottom;
252
264
  var dropdownHeight = contentRef === null || contentRef === void 0 || (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.offsetHeight;
265
+ console.log('----------------------');
266
+ console.log('scrollableParent', scrollableParent);
267
+ console.log('scrollableParentHeight', scrollableParentHeight);
268
+ console.log('scrollableParentBottomSpace', scrollableParentBottomSpace);
269
+ console.log('dropdownHeight', dropdownHeight);
270
+ console.log('----------------------');
253
271
  if (dropdownHeight) setFitOnBottomOfScrollableParent(scrollableParentBottomSpace > dropdownHeight);
254
272
  });
255
273
  return function () {
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,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/content.js CHANGED
@@ -74,8 +74,18 @@ var Content = function Content(_ref) {
74
74
 
75
75
  var _useState5 = useState(false),
76
76
  _useState6 = _slicedToArray(_useState5, 2),
77
- fitOnBottomOfScrollableParent = _useState6[0],
78
- setFitOnBottomOfScrollableParent = _useState6[1];
77
+ contentShouldAppearOnTop = _useState6[0],
78
+ setContentShouldAppearOnTop = _useState6[1];
79
+
80
+ var _useState7 = useState(false),
81
+ _useState8 = _slicedToArray(_useState7, 2),
82
+ contentShouldAppearOnBottom = _useState8[0],
83
+ setContentShouldAppearOnBottom = _useState8[1];
84
+
85
+ var _useState9 = useState(false),
86
+ _useState10 = _slicedToArray(_useState9, 2),
87
+ fitOnBottomOfScrollableParent = _useState10[0],
88
+ setFitOnBottomOfScrollableParent = _useState10[1];
79
89
 
80
90
  var dropdownIdRef = useRef("dropdown-".concat(v4()));
81
91
 
@@ -86,15 +96,15 @@ var Content = function Content(_ref) {
86
96
 
87
97
  var dropdown = getDropdown(dropdownIdRef.current);
88
98
 
89
- var _useState7 = useState({
99
+ var _useState11 = useState({
90
100
  top: '0px',
91
101
  bottom: '0px',
92
102
  left: '0px',
93
103
  zIndex: DROPDOWN_Z_INDEX
94
104
  }),
95
- _useState8 = _slicedToArray(_useState7, 2),
96
- styles = _useState8[0],
97
- setStyles = _useState8[1];
105
+ _useState12 = _slicedToArray(_useState11, 2),
106
+ styles = _useState12[0],
107
+ setStyles = _useState12[1];
98
108
 
99
109
  var windowYScroll = window.scrollY;
100
110
  var windowHeightMinusYOffset = window.innerHeight - windowYScroll;
@@ -134,8 +144,6 @@ var Content = function Content(_ref) {
134
144
 
135
145
  var dropdownIsOutsideTopViewport = checkIfIsOutsideTopViewport();
136
146
  var dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
137
- var contentShouldAppearOnTop = (dropdownIsOutsideBottomViewport || verticalPosition === 'top' && !dropdownIsOutsideTopViewport) && !fitOnBottomOfScrollableParent;
138
- var contentShouldAppearOnBottom = dropdownIsOutsideTopViewport || verticalPosition === 'bottom' && !dropdownIsOutsideBottomViewport;
139
147
  var contentClassName = classnames(jsDropdownContentClass, cssClasses[cssDropdownContent], contentShouldAppearOnTop && "".concat(cssClasses$1[cssDropdownContentOnTop], " ").concat(cssClasses$2[cssDropdownContentOnTop]), contentShouldAppearOnBottom && "".concat(cssClasses$1[cssDropdownContentOnBottom], " ").concat(cssClasses$2[cssDropdownContentOnBottom]), arrowSide === 'right' && cssClasses[cssDropdownArrowHorizontalDirectionRight], contentShouldAppearOnTop && cssClasses[cssDropdownArrowVerticalDirectionBottom], cssClass);
140
148
  var screenWidthName = useScreenDetect();
141
149
  var refs = [contentRef];
@@ -153,6 +161,10 @@ var Content = function Content(_ref) {
153
161
  }
154
162
  }
155
163
  });
164
+ useEffect(function () {
165
+ setContentShouldAppearOnTop((dropdownIsOutsideBottomViewport || verticalPosition === 'top' && !dropdownIsOutsideTopViewport) && !fitOnBottomOfScrollableParent);
166
+ setContentShouldAppearOnBottom(dropdownIsOutsideTopViewport || verticalPosition === 'bottom' && !dropdownIsOutsideBottomViewport);
167
+ }, [dropdownIsOutsideBottomViewport, dropdownIsOutsideTopViewport, verticalPosition, fitOnBottomOfScrollableParent]);
156
168
  useEffect(function () {
157
169
  if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && contentRef.current) {
158
170
  var _getBounding2 = getBounding(wrapperRef.current),
@@ -241,6 +253,12 @@ var Content = function Content(_ref) {
241
253
  var scrollableParentHeight = scrollableParent === null || scrollableParent === void 0 ? void 0 : scrollableParent.scrollHeight;
242
254
  var scrollableParentBottomSpace = scrollableParentHeight - wrapperRect.bottom;
243
255
  var dropdownHeight = contentRef === null || contentRef === void 0 || (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.offsetHeight;
256
+ console.log('----------------------');
257
+ console.log('scrollableParent', scrollableParent);
258
+ console.log('scrollableParentHeight', scrollableParentHeight);
259
+ console.log('scrollableParentBottomSpace', scrollableParentBottomSpace);
260
+ console.log('dropdownHeight', dropdownHeight);
261
+ console.log('----------------------');
244
262
  if (dropdownHeight) setFitOnBottomOfScrollableParent(scrollableParentBottomSpace > dropdownHeight);
245
263
  });
246
264
  return function () {
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,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/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.23.6-2",
5
+ "version": "2.23.6-5",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",