@dreamcommerce/aurora 2.16.2 → 2.16.4

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

@@ -1,40 +1,70 @@
 /**
  * @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
-    };
+ */
+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
+  };
 };
 
 export { getRanges };

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

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

@@ -1,12 +1,13 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { UiDomUtils } from '@dreamcommerce/utilities';
 import { createPortal } from 'react-dom';
 import classnames from 'classnames';
 import cssClasses$3 from '../../../css/icons/main.module.less.js';
 import { useDropdownContext } from '../context/index.js';
 import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
 import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
-import { UiDomUtils } from '@dreamcommerce/utilities';
 import withTranslation from '../../../utilities/translation/with_translation.js';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import { DROPDOWN_Z_INDEX, DROPDOWN_CONTENT_ARROW_HEIGHT, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
@@ -23,132 +24,198 @@ import cssClasses$2 from '../../../css/tooltip/main.module.less.js';
  * @component
  * @example
  * <Dropdown.Content> ... </Dropdown.Content>
- */
-const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', horizontalPosition = 'left', verticalPosition = 'bottom', cssClass, portalContainer }) => {
-    const [t] = useTranslation();
-    const contentRef = useRef(null);
-    const { wrapperRef, toggleDropdown, isOpen } = useDropdownContext();
-    const [bounding, setBounding] = useState();
-    const [styles, setStyles] = useState({
-        top: '0px',
-        bottom: '0px',
-        left: '0px',
-        zIndex: DROPDOWN_Z_INDEX
-    });
-    const windowYScroll = window.scrollY;
-    const windowHeightMinusYOffset = window.innerHeight - windowYScroll;
-    useEffect(() => {
-        contentRef.current && setBounding(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 + 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(jsDropdownContentClass, cssClasses[cssDropdownContent], contentShouldAppearOnTop && `${cssClasses$1[cssDropdownContentOnTop]} ${cssClasses$2[cssDropdownContentOnTop]}`, contentShouldAppearOnBottom && `${cssClasses$1[cssDropdownContentOnBottom]} ${cssClasses$2[cssDropdownContentOnBottom]}`, arrowSide === 'right' && cssClasses[cssDropdownArrowHorizontalDirectionRight], contentShouldAppearOnTop && cssClasses[cssDropdownArrowVerticalDirectionBottom], cssClass);
-    const screenWidthName = useScreenDetect();
-    const refs = [contentRef];
-    if (wrapperRef) {
-        refs.push(wrapperRef);
-    }
-    useClickOutside({
-        refs,
-        callback: () => {
-            if (typeof toggleDropdown === 'function') {
-                toggleDropdown();
-            }
-        }
-    });
-    useEffect(() => {
-        if ((wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) && contentRef.current) {
-            const { x: wrapperXPosition, y: wrapperYPosition, width: wrapperWidth, height: wrapperHeight } = getBounding(wrapperRef.current);
-            const { width: contentWidth } = getBounding(contentRef.current);
-            const { xModifier, yModifier } = getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current);
-            const yOffset = 10;
-            const isInModal = isChildOfModal(wrapperRef);
-            const zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : 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 === 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
-    ]);
-    useEffect(() => {
-        var _a;
-        if (!(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) || !isOpen)
-            return;
-        const scrollableParent = (_a = 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 createPortal(React.createElement(TransitionGroup, { component: null }, isOpen === true ? (React.createElement(CSSTransition, { timeout: 200, classNames: {
-            enter: cssClasses['dropdown-enter'],
-            enterActive: cssClasses['dropdown-enter-active'],
-            exit: cssClasses['dropdown-exit'],
-            exitActive: verticalPosition === 'top' ? cssClasses['dropdown-exit-active'] : cssClasses['dropdown-exit-active-reversed']
-        } },
-        React.createElement("div", { ref: contentRef, style: styles, className: contentClassName },
-            React.createElement("div", { className: cssClasses[cssDropdownHeader] },
-                React.createElement("div", { onClick: () => typeof toggleDropdown === 'function' && toggleDropdown() }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React.createElement("div", { className: cssClasses[cssDropdownHeaderContent] },
-                    headerGoBackIcon || React.createElement(IconArrow, { className: cssClasses$3['icon_rotate-180'] }),
-                    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);
-};
+ */
+
+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(),
+      _useTranslation2 = _slicedToArray(_useTranslation, 1),
+      t = _useTranslation2[0];
+
+  var contentRef = useRef(null);
+
+  var _useDropdownContext = useDropdownContext(),
+      wrapperRef = _useDropdownContext.wrapperRef,
+      toggleDropdown = _useDropdownContext.toggleDropdown,
+      isOpen = _useDropdownContext.isOpen;
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      bounding = _useState2[0],
+      setBounding = _useState2[1];
+
+  var _useState3 = useState({
+    top: '0px',
+    bottom: '0px',
+    left: '0px',
+    zIndex: DROPDOWN_Z_INDEX
+  }),
+      _useState4 = _slicedToArray(_useState3, 2),
+      styles = _useState4[0],
+      setStyles = _useState4[1];
+
+  var windowYScroll = window.scrollY;
+  var windowHeightMinusYOffset = window.innerHeight - windowYScroll;
+  useEffect(function () {
+    contentRef.current && setBounding(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 + 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(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() {
+      if (typeof toggleDropdown === 'function') {
+        toggleDropdown();
+        onClickOutside === null || onClickOutside === void 0 || onClickOutside();
+      }
+    }
+  });
+  useEffect(function () {
+    if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && contentRef.current) {
+      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;
+      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 === 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]);
+  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 handleWindowScroll = function handleWindowScroll() {
+      if (typeof toggleDropdown === 'function') {
+        toggleDropdown();
+      }
+    };
+
+    scrollableParent.addEventListener('scroll', handleWindowScroll, {
+      once: true
+    });
+    return function () {
+      scrollableParent.removeEventListener('scroll', handleWindowScroll);
+    };
+  }, [isOpen]);
+  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(TransitionGroup, {
+    component: null
+  }, isOpen === true ? /*#__PURE__*/React.createElement(CSSTransition, {
+    timeout: 200,
+    classNames: {
+      enter: cssClasses['dropdown-enter'],
+      enterActive: cssClasses['dropdown-enter-active'],
+      exit: cssClasses['dropdown-exit'],
+      exitActive: verticalPosition === 'top' ? cssClasses['dropdown-exit-active'] : cssClasses['dropdown-exit-active-reversed']
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: contentRef,
+    style: styles,
+    className: contentClassName
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cssClasses[cssDropdownHeader]
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      return typeof toggleDropdown === 'function' && toggleDropdown();
+    }
+  }, 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);
+};
+
 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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -2,18 +2,29 @@ import React, { useRef } from 'react';
 import { useDropdownContext } from '../context/index.js';
 import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
 
-const CustomLabel = ({ children, disabled }) => {
-    const { toggleDropdown, isOpen } = useDropdownContext();
-    const ref = useRef(null);
-    useKeyboardOpenClose(toggleDropdown, isOpen, ref);
-    const handleOnClick = (ev) => {
-        if (disabled)
-            return;
-        ev.preventDefault();
-        ev.stopPropagation();
-        toggleDropdown && toggleDropdown();
-    };
-    return (React.createElement("div", { onClick: handleOnClick, ref: ref, tabIndex: 0 }, children));
+var CustomLabel = function CustomLabel(_ref) {
+  var children = _ref.children,
+      disabled = _ref.disabled;
+
+  var _useDropdownContext = useDropdownContext(),
+      toggleDropdown = _useDropdownContext.toggleDropdown,
+      isOpen = _useDropdownContext.isOpen;
+
+  var ref = useRef(null);
+  useKeyboardOpenClose(toggleDropdown, isOpen, ref);
+
+  var handleOnClick = function handleOnClick(ev) {
+    if (disabled) return;
+    ev.preventDefault();
+    ev.stopPropagation();
+    toggleDropdown && toggleDropdown();
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    onClick: handleOnClick,
+    ref: ref,
+    tabIndex: 0
+  }, children);
 };
 
 export default CustomLabel;

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

@@ -8,11 +8,15 @@ import cssClasses$1 from '../../../css/heading/main.module.less.js';
  * @component
  * @example
  * <Dropdown.Header text="Some header" />
- */
-const Header = ({ text }) => {
-    return (React.createElement("li", null,
-        React.createElement("div", { className: cssClasses[cssDropdownListHead] },
-            React.createElement("span", { className: cssClasses$1['head_line'] }, text))));
+ */
+
+var Header = function Header(_ref) {
+  var text = _ref.text;
+  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("div", {
+    className: cssClasses[cssDropdownListHead]
+  }, /*#__PURE__*/React.createElement("span", {
+    className: cssClasses$1['head_line']
+  }, text)));
 };
 
 export default Header;

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

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

@@ -6,22 +6,26 @@ import { useDropdownContext } from '../context/index.js';
  * @component
  * @example
  * <Dropdown.Item> ... </Dropdown.Item>
- */
-const Item = ({ 
-/**
- * children nodes
- */
-children, 
-/**
- * indicates if its selected
- */
-isSelected, 
-/**
- * on click callback
- */
-onClick }) => {
-    const { toggleDropdown } = useDropdownContext();
-    return (React.createElement("li", { role: "option", "aria-selected": isSelected, onClick: (ev) => onClick && onClick({ ev, toggleDropdown }) }, children));
+ */
+
+var Item = function Item(_ref) {
+  var children = _ref.children,
+      isSelected = _ref.isSelected,
+      _onClick = _ref.onClick;
+
+  var _useDropdownContext = useDropdownContext(),
+      toggleDropdown = _useDropdownContext.toggleDropdown;
+
+  return /*#__PURE__*/React.createElement("li", {
+    role: "option",
+    "aria-selected": isSelected,
+    onClick: function onClick(ev) {
+      return _onClick && _onClick({
+        ev: ev,
+        toggleDropdown: toggleDropdown
+      });
+    }
+  }, children);
 };
 
 export default Item;

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