@dreamcommerce/aurora 2.24.0-1 → 2.24.0-3

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

@@ -13,83 +13,109 @@ 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,
@@ -108,25 +134,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 = 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,
@@ -143,57 +175,76 @@ 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,
@@ -214,23 +265,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 = 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,
@@ -246,12 +302,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;
   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;"}
+{"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;"}

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,59 +36,70 @@ 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 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 _useState5 = React.useState({
-      top: '0px',
-      bottom: '0px',
-      left: '0px',
-      zIndex: constants.DROPDOWN_Z_INDEX
-    }),
-    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-    styles = _useState6[0],
-    setStyles = _useState6[1];
+    top: '0px',
+    bottom: '0px',
+    left: '0px',
+    zIndex: constants.DROPDOWN_Z_INDEX
+  }),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      styles = _useState6[0],
+      setStyles = _useState6[1];
+
   var windowYScroll = window.scrollY;
   var windowHeightMinusYOffset = window.innerHeight - windowYScroll;
   React.useEffect(function () {
@@ -114,14 +125,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 + constants.DROPDOWN_CONTENT_ARROW_HEIGHT > window.innerHeight;
   };
+
   var dropdownIsOutsideTopViewport = checkIfIsOutsideTopViewport();
   var dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
   var contentShouldAppearOnTop = dropdownIsOutsideBottomViewport || verticalPosition === 'top' && !dropdownIsOutsideTopViewport;
@@ -129,9 +143,11 @@ 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() {
@@ -143,16 +159,19 @@ var Content = function Content(_ref) {
   });
   React.useEffect(function () {
     if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && contentRef.current) {
-      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 _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 yOffset = 10;
       var isInModal = utilities.isChildOfModal(wrapperRef);
       var zIndex = isInModal ? constants.DROPDOWN_ON_MODAL_Z_INDEX : constants.DROPDOWN_Z_INDEX;
@@ -163,23 +182,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) setTopPosition();
       }
+
       screenWidthName === responsive_breakpoints.SCREEN_XS ? setStyles({
         top: "0px",
         bottom: 'auto',
@@ -195,16 +220,20 @@ var Content = function Content(_ref) {
   }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset, parentScrollTop]);
   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 handleWindowScroll = function handleWindowScroll() {
       if (typeof toggleDropdown === 'function' && shouldCloseOnScroll) {
         toggleDropdown();
       }
     };
+
     var setParentScrollTopValue = function setParentScrollTopValue() {
       setParentScrollTop(scrollableParent.scrollTop);
     };
+
     scrollableParent.addEventListener('scroll', handleWindowScroll, {
       once: true
     });
@@ -216,7 +245,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'],
@@ -234,14 +263,15 @@ 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;"}
+{"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;"}

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

@@ -12,18 +12,22 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var CustomLabel = function CustomLabel(_ref) {
   var children = _ref.children,
-    disabled = _ref.disabled;
+      disabled = _ref.disabled;
+
   var _useDropdownContext = index.useDropdownContext(),
-    toggleDropdown = _useDropdownContext.toggleDropdown,
-    isOpen = _useDropdownContext.isOpen;
+      toggleDropdown = _useDropdownContext.toggleDropdown,
+      isOpen = _useDropdownContext.isOpen;
+
   var ref = React.useRef(null);
   use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
+
   var handleOnClick = function handleOnClick(ev) {
     if (disabled) return;
     ev.preventDefault();
     ev.stopPropagation();
     toggleDropdown && toggleDropdown();
   };
+
   return /*#__PURE__*/React__default['default'].createElement("div", {
     onClick: handleOnClick,
     ref: ref,

package/build/cjs/packages/aurora/src/components/dropdown/components/custom_label.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;"}
+{"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;"}