@dreamcommerce/aurora 2.23.6 → 2.24.0-1

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

@@ -1,19 +1,19 @@
 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 { useClickOutside } from '../../../hooks/use_click_outside.js';
+import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
+import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
+import cssClasses$3 from '../../../css/icons/main.module.less.js';
 import classnames from 'classnames';
 import { createPortal } from 'react-dom';
-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 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';
 import { jsDropdownContentClass, cssDropdownContent, cssDropdownContentOnTop, cssDropdownContentOnBottom, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle } from '../css_classes.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { getBounding, getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities.js';
-import { useClickOutside } from '../../../hooks/use_click_outside.js';
 import IconArrow from '../../../assets/icon_arrow.js';
 import { UiDomUtils } from '@dreamcommerce/utilities';
 import cssClasses$1 from '../../../css/hint/main.module.less.js';
@@ -27,70 +27,59 @@ import v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
  * @example
  * <Dropdown.Content> ... </Dropdown.Content>
  */
-
 var Content = function Content(_ref) {
   var headerComponent = _ref.headerComponent,
-      headerGoBackText = _ref.headerGoBackText,
-      headerGoBackIcon = _ref.headerGoBackIcon,
-      children = _ref.children,
-      _ref$arrowSide = _ref.arrowSide,
-      arrowSide = _ref$arrowSide === void 0 ? 'left' : _ref$arrowSide,
-      _ref$horizontalPositi = _ref.horizontalPosition,
-      horizontalPosition = _ref$horizontalPositi === void 0 ? 'left' : _ref$horizontalPositi,
-      _ref$verticalPosition = _ref.verticalPosition,
-      verticalPosition = _ref$verticalPosition === void 0 ? 'bottom' : _ref$verticalPosition,
-      cssClass = _ref.cssClass,
-      portalContainer = _ref.portalContainer,
-      _ref$shouldCloseOnCli = _ref.shouldCloseOnClickOutside,
-      shouldCloseOnClickOutside = _ref$shouldCloseOnCli === void 0 ? true : _ref$shouldCloseOnCli,
-      onClickOutside = _ref.onClickOutside,
-      _ref$shouldCloseOnScr = _ref.shouldCloseOnScroll,
-      shouldCloseOnScroll = _ref$shouldCloseOnScr === void 0 ? true : _ref$shouldCloseOnScr,
-      _ref$shouldCloseOther = _ref.shouldCloseOthersOnOpen,
-      shouldCloseOthersOnOpen = _ref$shouldCloseOther === void 0 ? false : _ref$shouldCloseOther;
-
+    headerGoBackText = _ref.headerGoBackText,
+    headerGoBackIcon = _ref.headerGoBackIcon,
+    children = _ref.children,
+    _ref$arrowSide = _ref.arrowSide,
+    arrowSide = _ref$arrowSide === void 0 ? 'left' : _ref$arrowSide,
+    _ref$horizontalPositi = _ref.horizontalPosition,
+    horizontalPosition = _ref$horizontalPositi === void 0 ? 'left' : _ref$horizontalPositi,
+    _ref$verticalPosition = _ref.verticalPosition,
+    verticalPosition = _ref$verticalPosition === void 0 ? 'bottom' : _ref$verticalPosition,
+    cssClass = _ref.cssClass,
+    portalContainer = _ref.portalContainer,
+    _ref$shouldCloseOnCli = _ref.shouldCloseOnClickOutside,
+    shouldCloseOnClickOutside = _ref$shouldCloseOnCli === void 0 ? true : _ref$shouldCloseOnCli,
+    onClickOutside = _ref.onClickOutside,
+    _ref$shouldCloseOnScr = _ref.shouldCloseOnScroll,
+    shouldCloseOnScroll = _ref$shouldCloseOnScr === void 0 ? true : _ref$shouldCloseOnScr,
+    _ref$shouldCloseOther = _ref.shouldCloseOthersOnOpen,
+    shouldCloseOthersOnOpen = _ref$shouldCloseOther === void 0 ? false : _ref$shouldCloseOther;
   var _useTranslation = useTranslation(),
-      _useTranslation2 = _slicedToArray(_useTranslation, 1),
-      t = _useTranslation2[0];
-
+    _useTranslation2 = _slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
   var contentRef = useRef(null);
-
   var _useDropdownContext = useDropdownContext(),
-      wrapperRef = _useDropdownContext.wrapperRef,
-      toggleDropdown = _useDropdownContext.toggleDropdown,
-      openDropdown = _useDropdownContext.openDropdown,
-      closeDropdown = _useDropdownContext.closeDropdown,
-      isOpen = _useDropdownContext.isOpen;
-
+    wrapperRef = _useDropdownContext.wrapperRef,
+    toggleDropdown = _useDropdownContext.toggleDropdown,
+    openDropdown = _useDropdownContext.openDropdown,
+    closeDropdown = _useDropdownContext.closeDropdown,
+    isOpen = _useDropdownContext.isOpen;
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      bounding = _useState2[0],
-      setBounding = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    bounding = _useState2[0],
+    setBounding = _useState2[1];
   var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      parentScrollTop = _useState4[0],
-      setParentScrollTop = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    parentScrollTop = _useState4[0],
+    setParentScrollTop = _useState4[1];
   var dropdownIdRef = useRef("dropdown-".concat(v4()));
-
   var _useDropdownsManagerC = useDropdownsManagerContext(),
-      addDropdown = _useDropdownsManagerC.addDropdown,
-      updateDropdown = _useDropdownsManagerC.updateDropdown,
-      getDropdown = _useDropdownsManagerC.getDropdown;
-
+    addDropdown = _useDropdownsManagerC.addDropdown,
+    updateDropdown = _useDropdownsManagerC.updateDropdown,
+    getDropdown = _useDropdownsManagerC.getDropdown;
   var dropdown = getDropdown(dropdownIdRef.current);
-
   var _useState5 = useState({
-    top: '0px',
-    bottom: '0px',
-    left: '0px',
-    zIndex: DROPDOWN_Z_INDEX
-  }),
-      _useState6 = _slicedToArray(_useState5, 2),
-      styles = _useState6[0],
-      setStyles = _useState6[1];
-
+      top: '0px',
+      bottom: '0px',
+      left: '0px',
+      zIndex: DROPDOWN_Z_INDEX
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    styles = _useState6[0],
+    setStyles = _useState6[1];
   var windowYScroll = window.scrollY;
   var windowHeightMinusYOffset = window.innerHeight - windowYScroll;
   useEffect(function () {
@@ -116,17 +105,14 @@ var Content = function Content(_ref) {
       setBounding(undefined);
     };
   }, [contentRef.current]);
-
   var checkIfIsOutsideTopViewport = function checkIfIsOutsideTopViewport() {
     if (!contentRef.current || !bounding || !isOpen) return;
     return bounding.top <= 0;
   };
-
   var checkIfIsOutsideBottomViewport = function checkIfIsOutsideBottomViewport() {
     if (!contentRef.current || !bounding || !isOpen) return;
     return bounding.height + bounding.top + DROPDOWN_CONTENT_ARROW_HEIGHT > window.innerHeight;
   };
-
   var dropdownIsOutsideTopViewport = checkIfIsOutsideTopViewport();
   var dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
   var contentShouldAppearOnTop = dropdownIsOutsideBottomViewport || verticalPosition === 'top' && !dropdownIsOutsideTopViewport;
@@ -134,11 +120,9 @@ var Content = function Content(_ref) {
   var contentClassName = classnames(jsDropdownContentClass, cssClasses[cssDropdownContent], contentShouldAppearOnTop && "".concat(cssClasses$1[cssDropdownContentOnTop], " ").concat(cssClasses$2[cssDropdownContentOnTop]), contentShouldAppearOnBottom && "".concat(cssClasses$1[cssDropdownContentOnBottom], " ").concat(cssClasses$2[cssDropdownContentOnBottom]), arrowSide === 'right' && cssClasses[cssDropdownArrowHorizontalDirectionRight], contentShouldAppearOnTop && cssClasses[cssDropdownArrowVerticalDirectionBottom], cssClass);
   var screenWidthName = useScreenDetect();
   var refs = [contentRef];
-
   if (wrapperRef) {
     refs.push(wrapperRef);
   }
-
   useClickOutside({
     refs: refs,
     callback: function callback() {
@@ -150,19 +134,16 @@ var Content = function Content(_ref) {
   });
   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 _getBounding = getBounding(wrapperRef.current),
+        wrapperXPosition = _getBounding.x,
+        wrapperYPosition = _getBounding.y,
+        wrapperWidth = _getBounding.width,
+        wrapperHeight = _getBounding.height;
+      var _getBounding2 = getBounding(contentRef.current),
+        contentWidth = _getBounding2.width;
+      var _getXYModifiersForNes = getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current),
+        xModifier = _getXYModifiersForNes.xModifier,
+        yModifier = _getXYModifiersForNes.yModifier;
       var yOffset = 10;
       var isInModal = isChildOfModal(wrapperRef);
       var zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;
@@ -173,29 +154,23 @@ var Content = function Content(_ref) {
       var bottomPositionValue = '';
       var leftPositionValue = '';
       var leftPositionStickedToRightBorderValue = wrapperXPosition + wrapperWidth - contentWidth;
-
       var setTopPosition = function setTopPosition() {
         topPositionValue = 'auto';
         bottomPositionValue = "".concat(positionBottom, "px");
       };
-
       var setBottomPosition = function setBottomPosition() {
         topPositionValue = "".concat(positionTop, "px");
         bottomPositionValue = 'auto';
       };
-
       horizontalPosition === 'left' ? leftPositionValue = "".concat(positionLeft, "px") : leftPositionValue = "".concat(leftPositionStickedToRightBorderValue, "px");
-
       if (verticalPosition === 'top') {
         setTopPosition();
         if (dropdownIsOutsideTopViewport) setBottomPosition();
       }
-
       if (verticalPosition === 'bottom') {
         setBottomPosition();
         if (dropdownIsOutsideBottomViewport) setTopPosition();
       }
-
       screenWidthName === SCREEN_XS ? setStyles({
         top: "0px",
         bottom: 'auto',
@@ -211,20 +186,16 @@ var Content = function Content(_ref) {
   }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset, parentScrollTop]);
   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' && shouldCloseOnScroll) {
         toggleDropdown();
       }
     };
-
     var setParentScrollTopValue = function setParentScrollTopValue() {
       setParentScrollTop(scrollableParent.scrollTop);
     };
-
     scrollableParent.addEventListener('scroll', handleWindowScroll, {
       once: true
     });
@@ -236,7 +207,7 @@ var Content = function Content(_ref) {
   }, [isOpen]);
   return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(TransitionGroup, {
     component: null
-  }, isOpen === true ? /*#__PURE__*/React.createElement(CSSTransition, {
+  }, isOpen === true ? ( /*#__PURE__*/React.createElement(CSSTransition, {
     timeout: 200,
     classNames: {
       enter: cssClasses['dropdown-enter'],
@@ -254,15 +225,14 @@ var Content = function Content(_ref) {
     onClick: function onClick() {
       return typeof toggleDropdown === 'function' && toggleDropdown();
     }
-  }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : /*#__PURE__*/React.createElement("div", {
+  }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : ( /*#__PURE__*/React.createElement("div", {
     className: cssClasses[cssDropdownHeaderContent]
   }, headerGoBackIcon || /*#__PURE__*/React.createElement(IconArrow, {
     className: cssClasses$3['icon_rotate-180']
   }), /*#__PURE__*/React.createElement("span", {
     className: cssClasses[cssDropdownHeaderTitle]
-  }, headerGoBackText !== null && headerGoBackText !== void 0 ? headerGoBackText : t('Go back'))))), children)) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);
+  }, headerGoBackText !== null && headerGoBackText !== void 0 ? headerGoBackText : t('Go back')))))), children))) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);
 };
-
 var Content$1 = withTranslation(Content);
 
 export default Content$1;

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -4,22 +4,18 @@ import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
 
 var CustomLabel = function CustomLabel(_ref) {
   var children = _ref.children,
-      disabled = _ref.disabled;
-
+    disabled = _ref.disabled;
   var _useDropdownContext = useDropdownContext(),
-      toggleDropdown = _useDropdownContext.toggleDropdown,
-      isOpen = _useDropdownContext.isOpen;
-
+    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,

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

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

@@ -1,5 +1,6 @@
 import React, { useRef } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useToggle } from '../hooks/use_toggle.js';
 import { DropdownContext } from '../context/index.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { useDropdownsManagerContext } from '../hooks/use_dropdowns_manager_context.js';
@@ -12,7 +13,6 @@ import Label from './label.js';
 import Link from './link.js';
 import List from './list.js';
 import Option from './option.js';
-import { useToggle } from '../hooks/use_toggle.js';
 import OptionMultiple from './option_multiple.js';
 import Search from './search.js';
 import Select from './select.js';
@@ -37,28 +37,23 @@ import { MemoizedContent } from './memoized_content.js';
  *  <Dropdown>
  * )
  */
-
 var Dropdown = function Dropdown(_ref) {
   var _ref$defaultIsOpen = _ref.defaultIsOpen,
-      defaultIsOpen = _ref$defaultIsOpen === void 0 ? false : _ref$defaultIsOpen,
-      onToggle = _ref.onToggle,
-      children = _ref.children;
+    defaultIsOpen = _ref$defaultIsOpen === void 0 ? false : _ref$defaultIsOpen,
+    onToggle = _ref.onToggle,
+    children = _ref.children;
   var wrapperRef = useRef(null);
-
   var _useDropdownsManagerC = useDropdownsManagerContext(),
-      closeAllDropdowns = _useDropdownsManagerC.closeAllDropdowns;
-
+    closeAllDropdowns = _useDropdownsManagerC.closeAllDropdowns;
   var _useToggle = useToggle(defaultIsOpen, onToggle, closeAllDropdowns),
-      _useToggle2 = _slicedToArray(_useToggle, 4),
-      isOpen = _useToggle2[0],
-      toggleDropdown = _useToggle2[1],
-      openDropdown = _useToggle2[2],
-      closeDropdown = _useToggle2[3];
+    _useToggle2 = _slicedToArray(_useToggle, 4),
+    isOpen = _useToggle2[0],
+    toggleDropdown = _useToggle2[1],
+    openDropdown = _useToggle2[2],
+    closeDropdown = _useToggle2[3];
   /**
    * context values, they may be used with useContext in any component which is part of Dropdown composition
    */
-
-
   var value = React.useMemo(function () {
     return {
       wrapperRef: wrapperRef,
@@ -75,7 +70,6 @@ var Dropdown = function Dropdown(_ref) {
     className: cssClasses.dropdown
   }, children));
 };
-
 Dropdown.Select = Select;
 Dropdown.Content = Content;
 Dropdown.MemoizedContent = MemoizedContent;

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

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

@@ -9,7 +9,6 @@ import cssClasses$1 from '../../../css/heading/main.module.less.js';
  * @example
  * <Dropdown.Header text="Some header" />
  */
-
 var Header = function Header(_ref) {
   var text = _ref.text;
   return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("div", {

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

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

@@ -7,15 +7,12 @@ import { useDropdownContext } from '../context/index.js';
  * @example
  * <Dropdown.Item> ... </Dropdown.Item>
  */
-
 var Item = function Item(_ref) {
   var children = _ref.children,
-      isSelected = _ref.isSelected,
-      _onClick = _ref.onClick;
-
+    isSelected = _ref.isSelected,
+    _onClick = _ref.onClick;
   var _useDropdownContext = useDropdownContext(),
-      toggleDropdown = _useDropdownContext.toggleDropdown;
-
+    toggleDropdown = _useDropdownContext.toggleDropdown;
   return /*#__PURE__*/React.createElement("li", {
     role: "option",
     "aria-selected": isSelected,

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

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

@@ -9,16 +9,13 @@ import cssClasses from '../../../css/dropdown/main.module.less.js';
  * @example
  * <Dropdown.ItemWithHover> ... </Dropdown.ItemWithHover>
  */
-
 var ItemWithHover = function ItemWithHover(_ref) {
   var children = _ref.children,
-      cssClass = _ref.cssClass,
-      dataTestId = _ref.dataTestId,
-      _onMouseDown = _ref.onMouseDown;
-
+    cssClass = _ref.cssClass,
+    dataTestId = _ref.dataTestId,
+    _onMouseDown = _ref.onMouseDown;
   var _useDropdownContext = useDropdownContext(),
-      toggleDropdown = _useDropdownContext.toggleDropdown;
-
+    toggleDropdown = _useDropdownContext.toggleDropdown;
   var itemCssClass = "".concat(cssClasses[cssDropdownItemWithHover], " ").concat(cssClass);
   return /*#__PURE__*/React.createElement("div", {
     className: itemCssClass,

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

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

@@ -9,24 +9,19 @@ import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
  * @example
  * <Dropdown.Label label="More options" />
  */
-
 var Label = function Label(_ref) {
   var label = _ref.label,
-      cssClass = _ref.cssClass,
-      disabled = _ref.disabled;
-
+    cssClass = _ref.cssClass,
+    disabled = _ref.disabled;
   var _useDropdownContext = useDropdownContext(),
-      toggleDropdown = _useDropdownContext.toggleDropdown,
-      isOpen = _useDropdownContext.isOpen;
-
+    toggleDropdown = _useDropdownContext.toggleDropdown,
+    isOpen = _useDropdownContext.isOpen;
   var ref = useRef(null);
   useKeyboardOpenClose(toggleDropdown, isOpen, ref);
-
   var handleOnClick = function handleOnClick() {
     if (disabled) return;
     toggleDropdown && toggleDropdown();
   };
-
   return /*#__PURE__*/React.createElement("span", {
     onClick: handleOnClick,
     tabIndex: 0,

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

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

@@ -12,11 +12,9 @@ var _excluded = ["text"];
  *  <Dropdown.Link text="shoper.pl" href="https://shoper.pl" target="_blank" />
  * </Dropdown.List>
  */
-
 var Link = function Link(_ref) {
   var text = _ref.text,
-      attributes = _objectWithoutProperties(_ref, _excluded);
-
+    attributes = _objectWithoutProperties(_ref, _excluded);
   var itemCssClass = "".concat(cssClasses[cssDropdownListItem], " ").concat(cssClasses['link']);
   return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", _objectSpread2(_objectSpread2({}, attributes), {}, {
     className: itemCssClass

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

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

@@ -12,11 +12,10 @@ import cssClasses from '../../../css/dropdown/main.module.less.js';
  *  <Dropdown.Item>Test</Dropdown.Item>
  * </Dropdown.List>
  */
-
 var List = function List(_ref) {
   var isWithGroups = _ref.isWithGroups,
-      children = _ref.children,
-      onScroll = _ref.onScroll;
+    children = _ref.children,
+    onScroll = _ref.onScroll;
   var listClasses = classnames(cssClasses[cssDropdownList], cssClasses[cssDropdownWithScroll], _defineProperty({}, cssClasses[cssDropdownListWithGroup], isWithGroups));
   return /*#__PURE__*/React.createElement("ul", {
     role: "listbox",

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

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

@@ -23,19 +23,17 @@ import Item from './item.js';
  *  onClick={(option) => console.log(option)}
  * />
  */
-
 var Option = function Option(_ref) {
   var option = _ref.option,
-      isSelected = _ref.isSelected,
-      isReadonly = _ref.isReadonly,
-      isDisabled = _ref.isDisabled,
-      onClick = _ref.onClick;
+    isSelected = _ref.isSelected,
+    isReadonly = _ref.isReadonly,
+    isDisabled = _ref.isDisabled,
+    onClick = _ref.onClick;
   var itemClasses = classnames(cssClasses[cssDropdownListItem], _defineProperty(_defineProperty(_defineProperty({}, cssClasses[cssDropdownListItemSelected], isSelected), cssClasses[cssDropdownListItemDisabled], isDisabled), cssClasses[cssDropdownListItemReadonly], isReadonly));
   var additionalInfoClass = classnames(cssClasses[cssDropdownListItemAdditionalInfo]);
   /**
    * click handler works only for options that are neither readonly nor disabled
    */
-
   var clickHandler = isReadonly || isDisabled ? undefined : function () {
     return onClick(option);
   };

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

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

@@ -24,18 +24,16 @@ import ControlCheckbox from '../../controls/hoc/control_checkbox/index.js';
  *  onClick={(option) => console.log(option)}
  * />
  */
-
 var OptionMultiple = function OptionMultiple(_ref) {
   var option = _ref.option,
-      isSelected = _ref.isSelected,
-      isReadonly = _ref.isReadonly,
-      isDisabled = _ref.isDisabled,
-      onClick = _ref.onClick;
+    isSelected = _ref.isSelected,
+    isReadonly = _ref.isReadonly,
+    isDisabled = _ref.isDisabled,
+    onClick = _ref.onClick;
   var itemClasses = classnames(cssClasses[cssDropdownListItem], _defineProperty(_defineProperty(_defineProperty({}, cssClasses[cssDropdownListItemSelected], isSelected), cssClasses[cssDropdownListItemDisabled], isDisabled), cssClasses[cssDropdownListItemReadonly], isReadonly));
   /**
    * click handler works only for options that are neither readonly nor disabled
    */
-
   var clickHandler = isReadonly || isDisabled ? undefined : function () {
     return onClick(option);
   };

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

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

@@ -13,26 +13,20 @@ import IconSearch from '../../../assets/icon_search.js';
  * @example
  * <Dropdown.Search onKeyUp={(ev) => console.log(`${ev} is a keyboard event`)} />
  */
-
 var Search = function Search(_ref) {
   var onKeyUp = _ref.onKeyUp;
-
   var _useDropdownContext = useDropdownContext(),
-      toggleDropdown = _useDropdownContext.toggleDropdown,
-      isOpen = _useDropdownContext.isOpen;
-
+    toggleDropdown = _useDropdownContext.toggleDropdown,
+    isOpen = _useDropdownContext.isOpen;
   var ref = useRef(null);
   useKeyboardOpenClose(toggleDropdown, isOpen, ref);
-
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   var handleOnChange = function handleOnChange(event) {
     setValue(event.target.value);
   };
-
   return /*#__PURE__*/React.createElement("aside", {
     className: cssClasses[cssDropdownSearch],
     ref: ref

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