@dreamcommerce/aurora 2.23.6-1 → 2.23.6-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 (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),
@@ -258,6 +270,12 @@ var Content = function Content(_ref) {
258
270
  clearTimeout(checkIfFitInScrollableParent);
259
271
  };
260
272
  }, [isOpen]);
273
+ React.useEffect(function () {
274
+ console.log('fitOnBottomOfScrollableParent', fitOnBottomOfScrollableParent);
275
+ }, [fitOnBottomOfScrollableParent]);
276
+ React.useEffect(function () {
277
+ console.log('contentShouldAppearOnTop', contentShouldAppearOnTop);
278
+ }, [contentShouldAppearOnTop]);
261
279
  return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement(reactTransitionGroup.TransitionGroup, {
262
280
  component: null
263
281
  }, isOpen === true ? /*#__PURE__*/React__default['default'].createElement(reactTransitionGroup.CSSTransition, {
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;"}
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;"}
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),
@@ -249,6 +261,12 @@ var Content = function Content(_ref) {
249
261
  clearTimeout(checkIfFitInScrollableParent);
250
262
  };
251
263
  }, [isOpen]);
264
+ useEffect(function () {
265
+ console.log('fitOnBottomOfScrollableParent', fitOnBottomOfScrollableParent);
266
+ }, [fitOnBottomOfScrollableParent]);
267
+ useEffect(function () {
268
+ console.log('contentShouldAppearOnTop', contentShouldAppearOnTop);
269
+ }, [contentShouldAppearOnTop]);
252
270
  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(TransitionGroup, {
253
271
  component: null
254
272
  }, isOpen === true ? /*#__PURE__*/React.createElement(CSSTransition, {
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;"}
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;"}
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-1",
5
+ "version": "2.23.6-3",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",