@dreamcommerce/aurora 2.23.8 → 2.25.0-1

package/build/cjs/packages/aurora/src/components/date_picker/hooks/use_value_controller.js

@@ -13,109 +13,83 @@ var getDateDiffInDays = function getDateDiffInDays(dateA, dateB) {
   var timeB = dateB.getTime();
   return Math.abs((timeA - timeB) / constants.MILLIS_IN_DAY);
 };
-
 var isSameDate = function isSameDate(dateA, dateB) {
   if (!dateA || !dateB) {
     return false;
   }
-
   if (dateA.getDate() !== dateB.getDate()) {
     return false;
   }
-
   if (dateA.getMonth() !== dateB.getMonth()) {
     return false;
   }
-
   if (dateA.getFullYear() !== dateB.getFullYear()) {
     return false;
   }
-
   return true;
 };
-
 var isDateEarlierThan = function isDateEarlierThan(dateA, dateB) {
   if (!dateA || !dateB) {
     return false;
   }
-
   return dateA.getTime() < dateB.getTime();
 };
-
 var isDateLaterThan = function isDateLaterThan(dateA, dateB) {
   if (!dateA || !dateB) {
     return false;
   }
-
   return dateA.getTime() > dateB.getTime();
 };
-
 var isDateEarlierOrSame = function isDateEarlierOrSame(dateA, dateB) {
   return isDateEarlierThan(dateA, dateB) || isSameDate(dateA, dateB);
 };
-
 var isDateLaterOrSame = function isDateLaterOrSame(dateA, dateB) {
   return isDateLaterThan(dateA, dateB) || isSameDate(dateA, dateB);
 };
 /**
  * Hook to operate on single-date-picker
  */
-
-
 var useSingleValueController = function useSingleValueController(_ref) {
   var defaultDate = _ref.defaultDate,
-      maxDate = _ref.maxDate,
-      minDate = _ref.minDate,
-      showButtons = _ref.showButtons;
-
+    maxDate = _ref.maxDate,
+    minDate = _ref.minDate,
+    showButtons = _ref.showButtons;
   var _useState = React.useState(defaultDate),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   var _useContext = React.useContext(index.DropdownContext),
-      toggleDropdown = _useContext.toggleDropdown;
-
+    toggleDropdown = _useContext.toggleDropdown;
   var inputValue = (value === null || value === void 0 ? void 0 : value.toISOString()) || '';
-
   var isSelected = function isSelected(date) {
     return isSameDate(date, value);
   };
-
   var restoreDefaultValue = function restoreDefaultValue() {
     return setValue(defaultDate);
   };
-
   var isInRange = function isInRange() {
     return false;
   };
-
   var isProposed = function isProposed() {
     return false;
   };
-
   var isBlocked = function isBlocked(date) {
     if (isDateLaterOrSame(date, maxDate)) {
       return true;
     }
-
     if (isDateEarlierOrSame(date, minDate)) {
       return true;
     }
-
     return false;
   };
-
   var updateDate = function updateDate(date) {
     if (!isBlocked(date)) {
       setValue(date);
-
       if (!showButtons) {
         toggleDropdown === null || toggleDropdown === void 0 || toggleDropdown();
       }
     }
   };
-
   return {
     updateDate: updateDate,
     inputValue: inputValue,
@@ -134,31 +108,25 @@ var useSingleValueController = function useSingleValueController(_ref) {
  *
  * Hook to operate on range-picker
  */
-
-
 var useRangeValueController = function useRangeValueController(_ref2) {
   var defaultRange = _ref2.defaultRange,
-      defaultDate = _ref2.defaultDate,
-      maxDate = _ref2.maxDate,
-      minDate = _ref2.minDate,
-      minRange = _ref2.minRange,
-      maxRange = _ref2.maxRange,
-      hoverDate = _ref2.hoverDate;
-
+    defaultDate = _ref2.defaultDate,
+    maxDate = _ref2.maxDate,
+    minDate = _ref2.minDate,
+    minRange = _ref2.minRange,
+    maxRange = _ref2.maxRange,
+    hoverDate = _ref2.hoverDate;
   var _useState3 = React.useState(defaultRange),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      value = _useState4[0],
-      setValue = _useState4[1];
-
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
   var _ref3 = value || {},
-      startDate = _ref3.startDate,
-      endDate = _ref3.endDate;
-
+    startDate = _ref3.startDate,
+    endDate = _ref3.endDate;
   var updateDate = function updateDate(date) {
     if (isBlocked(date)) {
       return;
     }
-
     if (!endDate && isDateEarlierThan(date, startDate)) {
       setValue({
         startDate: date,
@@ -175,76 +143,57 @@ var useRangeValueController = function useRangeValueController(_ref2) {
       });
     }
   };
-
   var readable = "".concat(formats.formatDate(startDate), " - ").concat(formats.formatDate(endDate));
   var inputValue = JSON.stringify([startDate, endDate]);
-
   var isSelected = function isSelected(date) {
     return isSameDate(date, startDate) || isSameDate(date, endDate) || isSameDate(date, hoverDate);
   };
-
   var isInRange = function isInRange(date) {
     if (!startDate) {
       return false;
     }
-
     if (!endDate) {
       if (!hoverDate) {
         return false;
       }
-
       if (hoverDate.getTime() > startDate.getTime()) {
         return isDateLaterOrSame(date, startDate) && isDateEarlierOrSame(date, hoverDate);
       }
-
       return isDateEarlierOrSame(date, startDate) && isDateLaterThan(date, hoverDate);
     }
-
     return isDateLaterOrSame(date, startDate) && isDateEarlierOrSame(date, endDate);
   };
-
   var isBlocked = function isBlocked(date) {
     if (isDateLaterThan(date, maxDate)) {
       return true;
     }
-
     if (isDateEarlierThan(date, minDate)) {
       return true;
     }
-
     if (!startDate) {
       return false;
     }
-
     if (startDate && endDate) {
       return false;
     }
-
     var diff = getDateDiffInDays(startDate, date);
-
     if (diff === 0) {
       return false;
     }
-
     if (minRange && minRange > diff) {
       return true;
     }
-
     if (maxRange && maxRange < diff) {
       return true;
     }
-
     return false;
   };
-
   var isProposed = function isProposed() {
     return startDate && !endDate || false;
   };
-
   var restoreDefaultValue = function restoreDefaultValue() {
     return setValue(defaultRange);
   };
-
   return {
     updateDate: updateDate,
     inputValue: inputValue,
@@ -265,28 +214,23 @@ var useRangeValueController = function useRangeValueController(_ref2) {
  * Hook to operate on datepicker
  * @type, based on this value, proper controller is chosen
  */
-
-
 var useValueController = function useValueController(_ref4) {
   var type = _ref4.type,
-      defaultDate = _ref4.defaultDate,
-      defaultRange = _ref4.defaultRange,
-      maxDate = _ref4.maxDate,
-      minDate = _ref4.minDate,
-      minRange = _ref4.minRange,
-      maxRange = _ref4.maxRange,
-      showButtons = _ref4.showButtons;
-
+    defaultDate = _ref4.defaultDate,
+    defaultRange = _ref4.defaultRange,
+    maxDate = _ref4.maxDate,
+    minDate = _ref4.minDate,
+    minRange = _ref4.minRange,
+    maxRange = _ref4.maxRange,
+    showButtons = _ref4.showButtons;
   var _useState5 = React.useState(),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      navigationDate = _useState6[0],
-      setNavigationDate = _useState6[1];
-
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    navigationDate = _useState6[0],
+    setNavigationDate = _useState6[1];
   var _useState7 = React.useState(),
-      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-      hoverDate = _useState8[0],
-      setHoverDate = _useState8[1];
-
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    hoverDate = _useState8[0],
+    setHoverDate = _useState8[1];
   var singleValueController = useSingleValueController({
     defaultDate: defaultDate,
     maxDate: maxDate,
@@ -302,15 +246,12 @@ var useValueController = function useValueController(_ref4) {
     maxRange: maxRange,
     hoverDate: hoverDate
   });
-
   var isNavigation = function isNavigation(date) {
     return isSameDate(date, navigationDate);
   };
-
   var isToday = function isToday(date) {
     return isSameDate(date, new Date());
   };
-
   var valueController = type === 'single' ? singleValueController : rangeValueController;
   var restoreDefaultValue = valueController.restoreDefaultValue;
   React.useEffect(function () {

package/build/cjs/packages/aurora/src/components/date_picker/hooks/use_value_controller.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/date_picker/index.js

@@ -14,18 +14,18 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var index = (function (_ref) {
   var defaultDate = _ref.defaultDate,
-      defaultRange = _ref.defaultRange,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'single' : _ref$type,
-      name = _ref.name,
-      onChange = _ref.onChange,
-      maxDate = _ref.maxDate,
-      minDate = _ref.minDate,
-      maxRange = _ref.maxRange,
-      minRange = _ref.minRange,
-      className = _ref.className,
-      showButtons = _ref.showButtons,
-      showDefaultRanges = _ref.showDefaultRanges;
+    defaultRange = _ref.defaultRange,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'single' : _ref$type,
+    name = _ref.name,
+    onChange = _ref.onChange,
+    maxDate = _ref.maxDate,
+    minDate = _ref.minDate,
+    maxRange = _ref.maxRange,
+    minRange = _ref.minRange,
+    className = _ref.className,
+    showButtons = _ref.showButtons,
+    showDefaultRanges = _ref.showDefaultRanges;
   var valueController = use_value_controller['default']({
     type: type,
     defaultRange: defaultRange,
@@ -36,7 +36,7 @@ var index = (function (_ref) {
     minRange: minRange
   });
   var value = valueController.value,
-      inputValue = valueController.inputValue;
+    inputValue = valueController.inputValue;
   React.useEffect(function () {
     onChange === null || onChange === void 0 || onChange(value);
   }, [value, onChange]);
@@ -46,14 +46,14 @@ var index = (function (_ref) {
     value: inputValue,
     type: "hidden",
     name: name
-  }), type === 'single' ? /*#__PURE__*/React__default['default'].createElement(single_date_picker.SingleDatepicker, {
+  }), type === 'single' ? ( /*#__PURE__*/React__default['default'].createElement(single_date_picker.SingleDatepicker, {
     className: className,
     showButtons: showButtons
-  }) : /*#__PURE__*/React__default['default'].createElement(range_picker.RangePicker, {
+  })) : ( /*#__PURE__*/React__default['default'].createElement(range_picker.RangePicker, {
     className: className,
     showButtons: showButtons,
     showDefaultRanges: showDefaultRanges
-  }));
+  })));
 });
 
 exports.RangePicker = range_picker.RangePicker;

package/build/cjs/packages/aurora/src/components/date_picker/utilities.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var getRanges = function getRanges() {
   var currentDate = new Date(Date.now());
   var _ref = [currentDate.getDate(), currentDate.getMonth(), currentDate.getFullYear()],
-      date = _ref[0],
-      month = _ref[1],
-      year = _ref[2];
+    date = _ref[0],
+    month = _ref[1],
+    year = _ref[2];
   var today = new Date(year, month, date);
   var yesterday = {
     startDate: new Date(year, month, date - 1),

package/build/cjs/packages/aurora/src/components/dropdown/components/content.js

@@ -36,75 +36,63 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
  * @example
  * <Dropdown.Content> ... </Dropdown.Content>
  */
-
 var Content = function Content(_ref) {
   var headerComponent = _ref.headerComponent,
-      headerGoBackText = _ref.headerGoBackText,
-      headerGoBackIcon = _ref.headerGoBackIcon,
-      children = _ref.children,
-      _ref$arrowSide = _ref.arrowSide,
-      arrowSide = _ref$arrowSide === void 0 ? 'left' : _ref$arrowSide,
-      _ref$horizontalPositi = _ref.horizontalPosition,
-      horizontalPosition = _ref$horizontalPositi === void 0 ? 'left' : _ref$horizontalPositi,
-      _ref$verticalPosition = _ref.verticalPosition,
-      verticalPosition = _ref$verticalPosition === void 0 ? 'bottom' : _ref$verticalPosition,
-      cssClass = _ref.cssClass,
-      portalContainer = _ref.portalContainer,
-      _ref$shouldCloseOnCli = _ref.shouldCloseOnClickOutside,
-      shouldCloseOnClickOutside = _ref$shouldCloseOnCli === void 0 ? true : _ref$shouldCloseOnCli,
-      onClickOutside = _ref.onClickOutside,
-      _ref$shouldCloseOnScr = _ref.shouldCloseOnScroll,
-      shouldCloseOnScroll = _ref$shouldCloseOnScr === void 0 ? true : _ref$shouldCloseOnScr,
-      _ref$shouldCloseOther = _ref.shouldCloseOthersOnOpen,
-      shouldCloseOthersOnOpen = _ref$shouldCloseOther === void 0 ? false : _ref$shouldCloseOther;
-
+    headerGoBackText = _ref.headerGoBackText,
+    headerGoBackIcon = _ref.headerGoBackIcon,
+    children = _ref.children,
+    _ref$arrowSide = _ref.arrowSide,
+    arrowSide = _ref$arrowSide === void 0 ? 'left' : _ref$arrowSide,
+    _ref$horizontalPositi = _ref.horizontalPosition,
+    horizontalPosition = _ref$horizontalPositi === void 0 ? 'left' : _ref$horizontalPositi,
+    _ref$verticalPosition = _ref.verticalPosition,
+    verticalPosition = _ref$verticalPosition === void 0 ? 'bottom' : _ref$verticalPosition,
+    cssClass = _ref.cssClass,
+    portalContainer = _ref.portalContainer,
+    _ref$shouldCloseOnCli = _ref.shouldCloseOnClickOutside,
+    shouldCloseOnClickOutside = _ref$shouldCloseOnCli === void 0 ? true : _ref$shouldCloseOnCli,
+    onClickOutside = _ref.onClickOutside,
+    _ref$shouldCloseOnScr = _ref.shouldCloseOnScroll,
+    shouldCloseOnScroll = _ref$shouldCloseOnScr === void 0 ? true : _ref$shouldCloseOnScr,
+    _ref$shouldCloseOther = _ref.shouldCloseOthersOnOpen,
+    shouldCloseOthersOnOpen = _ref$shouldCloseOther === void 0 ? false : _ref$shouldCloseOther;
   var _useTranslation = useTranslation.useTranslation(),
-      _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
-      t = _useTranslation2[0];
-
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
   var contentRef = React.useRef(null);
-
   var _useDropdownContext = index.useDropdownContext(),
-      wrapperRef = _useDropdownContext.wrapperRef,
-      toggleDropdown = _useDropdownContext.toggleDropdown,
-      openDropdown = _useDropdownContext.openDropdown,
-      closeDropdown = _useDropdownContext.closeDropdown,
-      isOpen = _useDropdownContext.isOpen;
-
+    wrapperRef = _useDropdownContext.wrapperRef,
+    toggleDropdown = _useDropdownContext.toggleDropdown,
+    openDropdown = _useDropdownContext.openDropdown,
+    closeDropdown = _useDropdownContext.closeDropdown,
+    isOpen = _useDropdownContext.isOpen;
   var _useState = React.useState(),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      bounding = _useState2[0],
-      setBounding = _useState2[1];
-
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    bounding = _useState2[0],
+    setBounding = _useState2[1];
   var _useState3 = React.useState(0),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      parentScrollTop = _useState4[0],
-      setParentScrollTop = _useState4[1];
-
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    parentScrollTop = _useState4[0],
+    setParentScrollTop = _useState4[1];
   var _useState5 = React.useState(false),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      fitOnBottomOfScrollableParent = _useState6[0],
-      setFitOnBottomOfScrollableParent = _useState6[1];
-
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    fitOnBottomOfScrollableParent = _useState6[0],
+    setFitOnBottomOfScrollableParent = _useState6[1];
   var dropdownIdRef = React.useRef("dropdown-".concat(v4['default']()));
-
   var _useDropdownsManagerC = use_dropdowns_manager_context.useDropdownsManagerContext(),
-      addDropdown = _useDropdownsManagerC.addDropdown,
-      updateDropdown = _useDropdownsManagerC.updateDropdown,
-      getDropdown = _useDropdownsManagerC.getDropdown;
-
+    addDropdown = _useDropdownsManagerC.addDropdown,
+    updateDropdown = _useDropdownsManagerC.updateDropdown,
+    getDropdown = _useDropdownsManagerC.getDropdown;
   var dropdown = getDropdown(dropdownIdRef.current);
-
   var _useState7 = React.useState({
-    top: '0px',
-    bottom: '0px',
-    left: '0px',
-    zIndex: constants.DROPDOWN_Z_INDEX
-  }),
-      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-      styles = _useState8[0],
-      setStyles = _useState8[1];
-
+      top: '0px',
+      bottom: '0px',
+      left: '0px',
+      zIndex: constants.DROPDOWN_Z_INDEX
+    }),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    styles = _useState8[0],
+    setStyles = _useState8[1];
   var windowYScroll = window.scrollY;
   var windowHeightMinusYOffset = window.innerHeight - windowYScroll;
   React.useEffect(function () {
@@ -130,17 +118,14 @@ var Content = function Content(_ref) {
       setBounding(undefined);
     };
   }, [contentRef.current]);
-
   var checkIfIsOutsideTopViewport = function checkIfIsOutsideTopViewport() {
     if (!contentRef.current || !bounding || !isOpen) return;
     return bounding.top <= 0;
   };
-
   var checkIfIsOutsideBottomViewport = function checkIfIsOutsideBottomViewport() {
     if (!contentRef.current || !bounding || !isOpen) return;
     return bounding.height + bounding.top + constants.DROPDOWN_CONTENT_ARROW_HEIGHT > window.innerHeight && !fitOnBottomOfScrollableParent;
   };
-
   var dropdownIsOutsideTopViewport = checkIfIsOutsideTopViewport();
   var dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
   var contentShouldAppearOnTop = dropdownIsOutsideBottomViewport || verticalPosition === 'top' && !dropdownIsOutsideTopViewport;
@@ -148,11 +133,9 @@ var Content = function Content(_ref) {
   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);
   var screenWidthName = use_screen_detect.useScreenDetect();
   var refs = [contentRef];
-
   if (wrapperRef) {
     refs.push(wrapperRef);
   }
-
   use_click_outside.useClickOutside({
     refs: refs,
     callback: function callback() {
@@ -164,19 +147,16 @@ var Content = function Content(_ref) {
   });
   React.useEffect(function () {
     if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && contentRef.current) {
-      var _getBounding2 = utilities.getBounding(wrapperRef.current),
-          wrapperXPosition = _getBounding2.x,
-          wrapperYPosition = _getBounding2.y,
-          wrapperWidth = _getBounding2.width,
-          wrapperHeight = _getBounding2.height;
-
-      var _getBounding4 = utilities.getBounding(contentRef.current),
-          contentWidth = _getBounding4.width;
-
-      var _getXYModifiersForNes2 = utilities.getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current),
-          xModifier = _getXYModifiersForNes2.xModifier,
-          yModifier = _getXYModifiersForNes2.yModifier;
-
+      var _getBounding = utilities.getBounding(wrapperRef.current),
+        wrapperXPosition = _getBounding.x,
+        wrapperYPosition = _getBounding.y,
+        wrapperWidth = _getBounding.width,
+        wrapperHeight = _getBounding.height;
+      var _getBounding2 = utilities.getBounding(contentRef.current),
+        contentWidth = _getBounding2.width;
+      var _getXYModifiersForNes = utilities.getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current),
+        xModifier = _getXYModifiersForNes.xModifier,
+        yModifier = _getXYModifiersForNes.yModifier;
       var yOffset = 10;
       var isInModal = utilities.isChildOfModal(wrapperRef);
       var zIndex = isInModal ? constants.DROPDOWN_ON_MODAL_Z_INDEX : constants.DROPDOWN_Z_INDEX;
@@ -187,29 +167,23 @@ var Content = function Content(_ref) {
       var bottomPositionValue = '';
       var leftPositionValue = '';
       var leftPositionStickedToRightBorderValue = wrapperXPosition + wrapperWidth - contentWidth;
-
       var setTopPosition = function setTopPosition() {
         topPositionValue = 'auto';
         bottomPositionValue = "".concat(positionBottom, "px");
       };
-
       var setBottomPosition = function setBottomPosition() {
         topPositionValue = "".concat(positionTop, "px");
         bottomPositionValue = 'auto';
       };
-
       horizontalPosition === 'left' ? leftPositionValue = "".concat(positionLeft, "px") : leftPositionValue = "".concat(leftPositionStickedToRightBorderValue, "px");
-
       if (verticalPosition === 'top') {
         setTopPosition();
         if (dropdownIsOutsideTopViewport) setBottomPosition();
       }
-
       if (verticalPosition === 'bottom') {
         setBottomPosition();
         if (dropdownIsOutsideBottomViewport && !fitOnBottomOfScrollableParent) setTopPosition();
       }
-
       screenWidthName === responsive_breakpoints.SCREEN_XS ? setStyles({
         top: "0px",
         bottom: 'auto',
@@ -225,28 +199,23 @@ var Content = function Content(_ref) {
   }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset, parentScrollTop, fitOnBottomOfScrollableParent]);
   React.useEffect(function () {
     var _UiDomUtils$getFirstS;
-
     if (!(wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) || !isOpen) return;
     var scrollableParent = (_UiDomUtils$getFirstS = utilities$1.UiDomUtils.getFirstScrollableParent(wrapperRef.current)) !== null && _UiDomUtils$getFirstS !== void 0 ? _UiDomUtils$getFirstS : document.body;
     var wrapperRect = wrapperRef.current.getBoundingClientRect();
-
     var handleWindowScroll = function handleWindowScroll() {
       if (typeof toggleDropdown === 'function' && shouldCloseOnScroll) {
         toggleDropdown();
       }
     };
-
     var setParentScrollTopValue = function setParentScrollTopValue() {
       setParentScrollTop(scrollableParent.scrollTop);
     };
-
     scrollableParent.addEventListener('scroll', handleWindowScroll, {
       once: true
     });
     scrollableParent.addEventListener('scroll', setParentScrollTopValue);
     requestAnimationFrame(function () {
       var _contentRef$current;
-
       var scrollableParentHeight = scrollableParent === null || scrollableParent === void 0 ? void 0 : scrollableParent.scrollHeight;
       var scrollableParentBottomSpace = scrollableParentHeight - (wrapperRect.bottom - scrollableParent.offsetTop + scrollableParent.scrollTop);
       var dropdownHeight = contentRef === null || contentRef === void 0 || (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.offsetHeight;
@@ -259,7 +228,7 @@ var Content = function Content(_ref) {
   }, [isOpen]);
   return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement(reactTransitionGroup.TransitionGroup, {
     component: null
-  }, isOpen === true ? /*#__PURE__*/React__default['default'].createElement(reactTransitionGroup.CSSTransition, {
+  }, isOpen === true ? ( /*#__PURE__*/React__default['default'].createElement(reactTransitionGroup.CSSTransition, {
     timeout: 200,
     classNames: {
       enter: main_module['default']['dropdown-enter'],
@@ -277,15 +246,14 @@ var Content = function Content(_ref) {
     onClick: function onClick() {
       return typeof toggleDropdown === 'function' && toggleDropdown();
     }
-  }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : /*#__PURE__*/React__default['default'].createElement("div", {
+  }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : ( /*#__PURE__*/React__default['default'].createElement("div", {
     className: main_module['default'][css_classes.cssDropdownHeaderContent]
   }, headerGoBackIcon || /*#__PURE__*/React__default['default'].createElement(icon_arrow['default'], {
     className: main_module$3['default']['icon_rotate-180']
   }), /*#__PURE__*/React__default['default'].createElement("span", {
     className: main_module['default'][css_classes.cssDropdownHeaderTitle]
-  }, headerGoBackText !== null && headerGoBackText !== void 0 ? headerGoBackText : t('Go back'))))), children)) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);
+  }, headerGoBackText !== null && headerGoBackText !== void 0 ? headerGoBackText : t('Go back')))))), children))) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);
 };
-
 var Content$1 = with_translation['default'](Content);
 
 exports.default = Content$1;

package/build/cjs/packages/aurora/src/components/dropdown/components/content.js.map

@@ -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;"}
+{"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;"}