@dreamcommerce/aurora 2.25.0 → 2.25.1

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

@@ -9,83 +9,109 @@ var getDateDiffInDays = function getDateDiffInDays(dateA, dateB) {
   var timeB = dateB.getTime();
   return Math.abs((timeA - timeB) / 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 = useState(defaultDate),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
   var _useContext = useContext(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,
@@ -104,25 +130,31 @@ 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 = useState(defaultRange),
-    _useState4 = _slicedToArray(_useState3, 2),
-    value = _useState4[0],
-    setValue = _useState4[1];
+      _useState4 = _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,
@@ -139,57 +171,76 @@ var useRangeValueController = function useRangeValueController(_ref2) {
       });
     }
   };
+
   var readable = "".concat(formatDate(startDate), " - ").concat(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,
@@ -210,23 +261,28 @@ 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 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    navigationDate = _useState6[0],
-    setNavigationDate = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      navigationDate = _useState6[0],
+      setNavigationDate = _useState6[1];
+
   var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    hoverDate = _useState8[0],
-    setHoverDate = _useState8[1];
+      _useState8 = _slicedToArray(_useState7, 2),
+      hoverDate = _useState8[0],
+      setHoverDate = _useState8[1];
+
   var singleValueController = useSingleValueController({
     defaultDate: defaultDate,
     maxDate: maxDate,
@@ -242,12 +298,15 @@ 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;
   useEffect(function () {

package/build/esm/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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/date_picker/index.js

@@ -8,18 +8,18 @@ export { SingleDatepicker } from './hoc/single_date_picker.js';
 
 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 = useValueController({
     type: type,
     defaultRange: defaultRange,
@@ -30,7 +30,7 @@ var index = (function (_ref) {
     minRange: minRange
   });
   var value = valueController.value,
-    inputValue = valueController.inputValue;
+      inputValue = valueController.inputValue;
   useEffect(function () {
     onChange === null || onChange === void 0 || onChange(value);
   }, [value, onChange]);
@@ -40,14 +40,14 @@ var index = (function (_ref) {
     value: inputValue,
     type: "hidden",
     name: name
-  }), type === 'single' ? ( /*#__PURE__*/React.createElement(SingleDatepicker, {
+  }), type === 'single' ? /*#__PURE__*/React.createElement(SingleDatepicker, {
     className: className,
     showButtons: showButtons
-  })) : ( /*#__PURE__*/React.createElement(RangePicker, {
+  }) : /*#__PURE__*/React.createElement(RangePicker, {
     className: className,
     showButtons: showButtons,
     showDefaultRanges: showDefaultRanges
-  })));
+  }));
 });
 
 export default index;

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

@@ -4,9 +4,9 @@
 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/esm/packages/aurora/src/components/dropdown/components/content.js

@@ -27,63 +27,75 @@ import v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
  * @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(),
-    _useTranslation2 = _slicedToArray(_useTranslation, 1),
-    t = _useTranslation2[0];
+      _useTranslation2 = _slicedToArray(_useTranslation, 1),
+      t = _useTranslation2[0];
+
   var contentRef = useRef(null);
+
   var _useDropdownContext = 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 = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    bounding = _useState2[0],
-    setBounding = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      bounding = _useState2[0],
+      setBounding = _useState2[1];
+
   var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    parentScrollTop = _useState4[0],
-    setParentScrollTop = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      parentScrollTop = _useState4[0],
+      setParentScrollTop = _useState4[1];
+
   var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    fitOnBottomOfScrollableParent = _useState6[0],
-    setFitOnBottomOfScrollableParent = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      fitOnBottomOfScrollableParent = _useState6[0],
+      setFitOnBottomOfScrollableParent = _useState6[1];
+
   var dropdownIdRef = useRef("dropdown-".concat(v4()));
+
   var _useDropdownsManagerC = 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 = useState({
-      top: '0px',
-      bottom: '0px',
-      left: '0px',
-      zIndex: DROPDOWN_Z_INDEX
-    }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    styles = _useState8[0],
-    setStyles = _useState8[1];
+    top: '0px',
+    bottom: '0px',
+    left: '0px',
+    zIndex: DROPDOWN_Z_INDEX
+  }),
+      _useState8 = _slicedToArray(_useState7, 2),
+      styles = _useState8[0],
+      setStyles = _useState8[1];
+
   var windowYScroll = window.scrollY;
   var windowHeightMinusYOffset = window.innerHeight - windowYScroll;
   useEffect(function () {
@@ -109,14 +121,17 @@ 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 + DROPDOWN_CONTENT_ARROW_HEIGHT > window.innerHeight && !fitOnBottomOfScrollableParent;
   };
+
   var dropdownIsOutsideTopViewport = checkIfIsOutsideTopViewport();
   var dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
   var contentShouldAppearOnTop = dropdownIsOutsideBottomViewport || verticalPosition === 'top' && !dropdownIsOutsideTopViewport;
@@ -124,9 +139,11 @@ var Content = function Content(_ref) {
   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);
   var screenWidthName = useScreenDetect();
   var refs = [contentRef];
+
   if (wrapperRef) {
     refs.push(wrapperRef);
   }
+
   useClickOutside({
     refs: refs,
     callback: function callback() {
@@ -138,16 +155,19 @@ var Content = function Content(_ref) {
   });
   useEffect(function () {
     if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && contentRef.current) {
-      var _getBounding = getBounding(wrapperRef.current),
-        wrapperXPosition = _getBounding.x,
-        wrapperYPosition = _getBounding.y,
-        wrapperWidth = _getBounding.width,
-        wrapperHeight = _getBounding.height;
-      var _getBounding2 = getBounding(contentRef.current),
-        contentWidth = _getBounding2.width;
-      var _getXYModifiersForNes = getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current),
-        xModifier = _getXYModifiersForNes.xModifier,
-        yModifier = _getXYModifiersForNes.yModifier;
+      var _getBounding2 = getBounding(wrapperRef.current),
+          wrapperXPosition = _getBounding2.x,
+          wrapperYPosition = _getBounding2.y,
+          wrapperWidth = _getBounding2.width,
+          wrapperHeight = _getBounding2.height;
+
+      var _getBounding4 = getBounding(contentRef.current),
+          contentWidth = _getBounding4.width;
+
+      var _getXYModifiersForNes2 = getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current),
+          xModifier = _getXYModifiersForNes2.xModifier,
+          yModifier = _getXYModifiersForNes2.yModifier;
+
       var yOffset = 10;
       var isInModal = isChildOfModal(wrapperRef);
       var zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;
@@ -158,23 +178,29 @@ 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 === SCREEN_XS ? setStyles({
         top: "0px",
         bottom: 'auto',
@@ -190,23 +216,28 @@ var Content = function Content(_ref) {
   }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset, parentScrollTop, fitOnBottomOfScrollableParent]);
   useEffect(function () {
     var _UiDomUtils$getFirstS;
+
     if (!(wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) || !isOpen) return;
     var scrollableParent = (_UiDomUtils$getFirstS = 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;
@@ -219,7 +250,7 @@ var Content = function Content(_ref) {
   }, [isOpen]);
   return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(TransitionGroup, {
     component: null
-  }, isOpen === true ? ( /*#__PURE__*/React.createElement(CSSTransition, {
+  }, isOpen === true ? /*#__PURE__*/React.createElement(CSSTransition, {
     timeout: 200,
     classNames: {
       enter: cssClasses['dropdown-enter'],
@@ -237,14 +268,15 @@ var Content = function Content(_ref) {
     onClick: function onClick() {
       return typeof toggleDropdown === 'function' && toggleDropdown();
     }
-  }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : ( /*#__PURE__*/React.createElement("div", {
+  }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : /*#__PURE__*/React.createElement("div", {
     className: cssClasses[cssDropdownHeaderContent]
   }, headerGoBackIcon || /*#__PURE__*/React.createElement(IconArrow, {
     className: cssClasses$3['icon_rotate-180']
   }), /*#__PURE__*/React.createElement("span", {
     className: cssClasses[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 = withTranslation(Content);
 
 export default Content$1;

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

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