@dreamcommerce/aurora 2.16.2 → 2.16.3

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

@@ -2,43 +2,73 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/**
- * @return ArrayOf available ranges in rangepicker
- */
-const getRanges = () => {
-    const currentDate = new Date(Date.now());
-    const [date, month, year] = [currentDate.getDate(), currentDate.getMonth(), currentDate.getFullYear()];
-    const today = new Date(year, month, date);
-    const yesterday = { startDate: new Date(year, month, date - 1), endDate: today };
-    const last3Days = { startDate: new Date(year, month, date - 3), endDate: today };
-    const last7Days = { startDate: new Date(year, month, date - 7), endDate: today };
-    const currentWeek = { startDate: new Date(year, month, date - today.getDay() + 1), endDate: today };
-    const lastWeek = {
-        startDate: new Date(year, month, date - 6 - today.getDay()),
-        endDate: new Date(year, month, date - today.getDay())
-    };
-    const currentMonth = { startDate: new Date(year, month, 1), endDate: new Date(year, month, date) };
-    const lastMonth = { startDate: new Date(year, month - 1, 1), endDate: new Date(year, month, 0) };
-    const currentQuarter = { startDate: new Date(year, month - (month % 3), 1), endDate: new Date(year, month, date) };
-    const lastQuarter = {
-        startDate: new Date(year, month - (month % 3) - 3, 1),
-        endDate: new Date(year, month - (month % 3), 0)
-    };
-    const currentYear = { startDate: new Date(year, 0, 1), endDate: new Date(year, month, date) };
-    const lastYear = { startDate: new Date(year - 1, 0, 1), endDate: new Date(year, 12, 0) };
-    return {
-        Yesterday: yesterday,
-        'Last 3 days': last3Days,
-        'Last 7 days': last7Days,
-        'Current Week': currentWeek,
-        'Last Week': lastWeek,
-        'Current Month': currentMonth,
-        'Last Month': lastMonth,
-        'Current Quarter': currentQuarter,
-        'Last Quarter': lastQuarter,
-        'Current Year': currentYear,
-        'Last Year': lastYear
-    };
+/**
+ * @return ArrayOf available ranges in rangepicker
+ */
+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];
+  var today = new Date(year, month, date);
+  var yesterday = {
+    startDate: new Date(year, month, date - 1),
+    endDate: today
+  };
+  var last3Days = {
+    startDate: new Date(year, month, date - 3),
+    endDate: today
+  };
+  var last7Days = {
+    startDate: new Date(year, month, date - 7),
+    endDate: today
+  };
+  var currentWeek = {
+    startDate: new Date(year, month, date - today.getDay() + 1),
+    endDate: today
+  };
+  var lastWeek = {
+    startDate: new Date(year, month, date - 6 - today.getDay()),
+    endDate: new Date(year, month, date - today.getDay())
+  };
+  var currentMonth = {
+    startDate: new Date(year, month, 1),
+    endDate: new Date(year, month, date)
+  };
+  var lastMonth = {
+    startDate: new Date(year, month - 1, 1),
+    endDate: new Date(year, month, 0)
+  };
+  var currentQuarter = {
+    startDate: new Date(year, month - month % 3, 1),
+    endDate: new Date(year, month, date)
+  };
+  var lastQuarter = {
+    startDate: new Date(year, month - month % 3 - 3, 1),
+    endDate: new Date(year, month - month % 3, 0)
+  };
+  var currentYear = {
+    startDate: new Date(year, 0, 1),
+    endDate: new Date(year, month, date)
+  };
+  var lastYear = {
+    startDate: new Date(year - 1, 0, 1),
+    endDate: new Date(year, 12, 0)
+  };
+  return {
+    Yesterday: yesterday,
+    'Last 3 days': last3Days,
+    'Last 7 days': last7Days,
+    'Current Week': currentWeek,
+    'Last Week': lastWeek,
+    'Current Month': currentMonth,
+    'Last Month': lastMonth,
+    'Current Quarter': currentQuarter,
+    'Last Quarter': lastQuarter,
+    'Current Year': currentYear,
+    'Last Year': lastYear
+  };
 };
 
 exports.getRanges = getRanges;

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

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

@@ -4,14 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var reactDom = require('react-dom');
 var classnames = require('classnames');
 var main_module$3 = require('../../../css/icons/main.module.less.js');
 var index = require('../context/index.js');
 var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
 var use_screen_detect = require('../../../hooks/use_screen_detect.js');
-var utilities$1 = require('@dreamcommerce/utilities');
 var with_translation = require('../../../utilities/translation/with_translation.js');
+var utilities$1 = require('@dreamcommerce/utilities');
 var reactTransitionGroup = require('react-transition-group');
 var constants = require('../constants.js');
 var css_classes = require('../css_classes.js');
@@ -27,137 +28,203 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-/**
- * Dropdown.Content component. This togglable part of dropdown.
- * @component
- * @example
- * <Dropdown.Content> ... </Dropdown.Content>
- */
-const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', horizontalPosition = 'left', verticalPosition = 'bottom', cssClass, portalContainer }) => {
-    const [t] = useTranslation.useTranslation();
-    const contentRef = React.useRef(null);
-    const { wrapperRef, toggleDropdown, isOpen } = index.useDropdownContext();
-    const [bounding, setBounding] = React.useState();
-    const [styles, setStyles] = React.useState({
-        top: '0px',
-        bottom: '0px',
-        left: '0px',
-        zIndex: constants.DROPDOWN_Z_INDEX
-    });
-    const windowYScroll = window.scrollY;
-    const windowHeightMinusYOffset = window.innerHeight - windowYScroll;
-    React.useEffect(() => {
-        contentRef.current && setBounding(utilities.getBounding(contentRef.current));
-        return () => {
-            setBounding(undefined);
-        };
-    }, [contentRef.current]);
-    const checkIfIsOutsideTopViewport = () => {
-        if (!contentRef.current || !bounding || !isOpen)
-            return;
-        return bounding.top <= 0;
-    };
-    const checkIfIsOutsideBottomViewport = () => {
-        if (!contentRef.current || !bounding || !isOpen)
-            return;
-        return bounding.height + bounding.top + constants.DROPDOWN_CONTENT_ARROW_HEIGHT > window.innerHeight;
-    };
-    const dropdownIsOutsideTopViewport = checkIfIsOutsideTopViewport();
-    const dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
-    const contentShouldAppearOnTop = dropdownIsOutsideBottomViewport || (verticalPosition === 'top' && !dropdownIsOutsideTopViewport);
-    const contentShouldAppearOnBottom = dropdownIsOutsideTopViewport || (verticalPosition === 'bottom' && !dropdownIsOutsideBottomViewport);
-    const contentClassName = classnames__default['default'](css_classes.jsDropdownContentClass, main_module['default'][css_classes.cssDropdownContent], contentShouldAppearOnTop && `${main_module$1['default'][css_classes.cssDropdownContentOnTop]} ${main_module$2['default'][css_classes.cssDropdownContentOnTop]}`, contentShouldAppearOnBottom && `${main_module$1['default'][css_classes.cssDropdownContentOnBottom]} ${main_module$2['default'][css_classes.cssDropdownContentOnBottom]}`, arrowSide === 'right' && main_module['default'][css_classes.cssDropdownArrowHorizontalDirectionRight], contentShouldAppearOnTop && main_module['default'][css_classes.cssDropdownArrowVerticalDirectionBottom], cssClass);
-    const screenWidthName = use_screen_detect.useScreenDetect();
-    const refs = [contentRef];
-    if (wrapperRef) {
-        refs.push(wrapperRef);
-    }
-    use_click_outside.useClickOutside({
-        refs,
-        callback: () => {
-            if (typeof toggleDropdown === 'function') {
-                toggleDropdown();
-            }
-        }
-    });
-    React.useEffect(() => {
-        if ((wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) && contentRef.current) {
-            const { x: wrapperXPosition, y: wrapperYPosition, width: wrapperWidth, height: wrapperHeight } = utilities.getBounding(wrapperRef.current);
-            const { width: contentWidth } = utilities.getBounding(contentRef.current);
-            const { xModifier, yModifier } = utilities.getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current);
-            const yOffset = 10;
-            const isInModal = utilities.isChildOfModal(wrapperRef);
-            const zIndex = isInModal ? constants.DROPDOWN_ON_MODAL_Z_INDEX : constants.DROPDOWN_Z_INDEX;
-            const positionTop = wrapperHeight + wrapperYPosition + windowYScroll + yOffset - yModifier;
-            const positionBottom = windowHeightMinusYOffset - wrapperYPosition + yOffset;
-            const positionLeft = wrapperXPosition - xModifier;
-            let topPositionValue = '';
-            let bottomPositionValue = '';
-            let leftPositionValue = '';
-            const leftPositionStickedToRightBorderValue = wrapperXPosition + wrapperWidth - contentWidth;
-            const setTopPosition = () => {
-                topPositionValue = 'auto';
-                bottomPositionValue = `${positionBottom}px`;
-            };
-            const setBottomPosition = () => {
-                topPositionValue = `${positionTop}px`;
-                bottomPositionValue = 'auto';
-            };
-            horizontalPosition === 'left'
-                ? (leftPositionValue = `${positionLeft}px`)
-                : (leftPositionValue = `${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', left: `0px`, zIndex })
-                : setStyles({ top: topPositionValue, bottom: bottomPositionValue, left: leftPositionValue, zIndex });
-        }
-    }, [
-        portalContainer,
-        screenWidthName,
-        wrapperRef,
-        isOpen,
-        dropdownIsOutsideTopViewport,
-        dropdownIsOutsideBottomViewport,
-        windowYScroll,
-        windowHeightMinusYOffset
-    ]);
-    React.useEffect(() => {
-        var _a;
-        if (!(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) || !isOpen)
-            return;
-        const scrollableParent = (_a = utilities$1.UiDomUtils.getFirstScrollableParent(wrapperRef.current)) !== null && _a !== void 0 ? _a : document.body;
-        const handleWindowScroll = () => {
-            if (typeof toggleDropdown === 'function') {
-                toggleDropdown();
-            }
-        };
-        scrollableParent.addEventListener('scroll', handleWindowScroll, { once: true });
-        return () => {
-            scrollableParent.removeEventListener('scroll', handleWindowScroll);
-        };
-    }, [isOpen]);
-    return reactDom.createPortal(React__default['default'].createElement(reactTransitionGroup.TransitionGroup, { component: null }, isOpen === true ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 200, classNames: {
-            enter: main_module['default']['dropdown-enter'],
-            enterActive: main_module['default']['dropdown-enter-active'],
-            exit: main_module['default']['dropdown-exit'],
-            exitActive: verticalPosition === 'top' ? main_module['default']['dropdown-exit-active'] : main_module['default']['dropdown-exit-active-reversed']
-        } },
-        React__default['default'].createElement("div", { ref: contentRef, style: styles, className: contentClassName },
-            React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeader] },
-                React__default['default'].createElement("div", { onClick: () => typeof toggleDropdown === 'function' && toggleDropdown() }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeaderContent] },
-                    headerGoBackIcon || React__default['default'].createElement(icon_arrow['default'], { className: main_module$3['default']['icon_rotate-180'] }),
-                    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);
-};
+/**
+ * Dropdown.Content component. This togglable part of dropdown.
+ * @component
+ * @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,
+      onClickOutside = _ref.onClickOutside;
+
+  var _useTranslation = useTranslation.useTranslation(),
+      _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+      t = _useTranslation2[0];
+
+  var contentRef = React.useRef(null);
+
+  var _useDropdownContext = index.useDropdownContext(),
+      wrapperRef = _useDropdownContext.wrapperRef,
+      toggleDropdown = _useDropdownContext.toggleDropdown,
+      isOpen = _useDropdownContext.isOpen;
+
+  var _useState = React.useState(),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      bounding = _useState2[0],
+      setBounding = _useState2[1];
+
+  var _useState3 = React.useState({
+    top: '0px',
+    bottom: '0px',
+    left: '0px',
+    zIndex: constants.DROPDOWN_Z_INDEX
+  }),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      styles = _useState4[0],
+      setStyles = _useState4[1];
+
+  var windowYScroll = window.scrollY;
+  var windowHeightMinusYOffset = window.innerHeight - windowYScroll;
+  React.useEffect(function () {
+    contentRef.current && setBounding(utilities.getBounding(contentRef.current));
+    return function () {
+      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;
+  var contentShouldAppearOnBottom = dropdownIsOutsideTopViewport || verticalPosition === 'bottom' && !dropdownIsOutsideBottomViewport;
+  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() {
+      if (typeof toggleDropdown === 'function') {
+        toggleDropdown();
+        onClickOutside === null || onClickOutside === void 0 || onClickOutside();
+      }
+    }
+  });
+  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 yOffset = 10;
+      var isInModal = utilities.isChildOfModal(wrapperRef);
+      var zIndex = isInModal ? constants.DROPDOWN_ON_MODAL_Z_INDEX : constants.DROPDOWN_Z_INDEX;
+      var positionTop = wrapperHeight + wrapperYPosition + windowYScroll + yOffset - yModifier;
+      var positionBottom = windowHeightMinusYOffset - wrapperYPosition + yOffset;
+      var positionLeft = wrapperXPosition - xModifier;
+      var topPositionValue = '';
+      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',
+        left: "0px",
+        zIndex: zIndex
+      }) : setStyles({
+        top: topPositionValue,
+        bottom: bottomPositionValue,
+        left: leftPositionValue,
+        zIndex: zIndex
+      });
+    }
+  }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset]);
+  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') {
+        toggleDropdown();
+      }
+    };
+
+    scrollableParent.addEventListener('scroll', handleWindowScroll, {
+      once: true
+    });
+    return function () {
+      scrollableParent.removeEventListener('scroll', handleWindowScroll);
+    };
+  }, [isOpen]);
+  return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement(reactTransitionGroup.TransitionGroup, {
+    component: null
+  }, isOpen === true ? /*#__PURE__*/React__default['default'].createElement(reactTransitionGroup.CSSTransition, {
+    timeout: 200,
+    classNames: {
+      enter: main_module['default']['dropdown-enter'],
+      enterActive: main_module['default']['dropdown-enter-active'],
+      exit: main_module['default']['dropdown-exit'],
+      exitActive: verticalPosition === 'top' ? main_module['default']['dropdown-exit-active'] : main_module['default']['dropdown-exit-active-reversed']
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    ref: contentRef,
+    style: styles,
+    className: contentClassName
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes.cssDropdownHeader]
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    onClick: function onClick() {
+      return typeof toggleDropdown === 'function' && toggleDropdown();
+    }
+  }, 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);
+};
+
 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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -10,18 +10,29 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const CustomLabel = ({ children, disabled }) => {
-    const { toggleDropdown, isOpen } = index.useDropdownContext();
-    const ref = React.useRef(null);
-    use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
-    const handleOnClick = (ev) => {
-        if (disabled)
-            return;
-        ev.preventDefault();
-        ev.stopPropagation();
-        toggleDropdown && toggleDropdown();
-    };
-    return (React__default['default'].createElement("div", { onClick: handleOnClick, ref: ref, tabIndex: 0 }, children));
+var CustomLabel = function CustomLabel(_ref) {
+  var children = _ref.children,
+      disabled = _ref.disabled;
+
+  var _useDropdownContext = index.useDropdownContext(),
+      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,
+    tabIndex: 0
+  }, children);
 };
 
 exports.default = CustomLabel;

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

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

@@ -11,16 +11,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * Dropdown.Header component. Header for options groups. Should be only used within Dropdown.List
- * @component
- * @example
- * <Dropdown.Header text="Some header" />
- */
-const Header = ({ text }) => {
-    return (React__default['default'].createElement("li", null,
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownListHead] },
-            React__default['default'].createElement("span", { className: main_module$1['default']['head_line'] }, text))));
+/**
+ * Dropdown.Header component. Header for options groups. Should be only used within Dropdown.List
+ * @component
+ * @example
+ * <Dropdown.Header text="Some header" />
+ */
+
+var Header = function Header(_ref) {
+  var text = _ref.text;
+  return /*#__PURE__*/React__default['default'].createElement("li", null, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes.cssDropdownListHead]
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: main_module$1['default']['head_line']
+  }, text)));
 };
 
 exports.default = Header;

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

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

@@ -9,27 +9,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * Dropdown.Item component. Generic dropdown item
- * @component
- * @example
- * <Dropdown.Item> ... </Dropdown.Item>
- */
-const Item = ({ 
-/**
- * children nodes
- */
-children, 
-/**
- * indicates if its selected
- */
-isSelected, 
-/**
- * on click callback
- */
-onClick }) => {
-    const { toggleDropdown } = index.useDropdownContext();
-    return (React__default['default'].createElement("li", { role: "option", "aria-selected": isSelected, onClick: (ev) => onClick && onClick({ ev, toggleDropdown }) }, children));
+/**
+ * Dropdown.Item component. Generic dropdown item
+ * @component
+ * @example
+ * <Dropdown.Item> ... </Dropdown.Item>
+ */
+
+var Item = function Item(_ref) {
+  var children = _ref.children,
+      isSelected = _ref.isSelected,
+      _onClick = _ref.onClick;
+
+  var _useDropdownContext = index.useDropdownContext(),
+      toggleDropdown = _useDropdownContext.toggleDropdown;
+
+  return /*#__PURE__*/React__default['default'].createElement("li", {
+    role: "option",
+    "aria-selected": isSelected,
+    onClick: function onClick(ev) {
+      return _onClick && _onClick({
+        ev: ev,
+        toggleDropdown: toggleDropdown
+      });
+    }
+  }, children);
 };
 
 exports.default = Item;

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