@dreamcommerce/aurora 2.17.21 → 2.17.22

package/build/cjs/external/uuid/dist/esm-browser/regex.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+
+exports.default = REGEX;
+//# sourceMappingURL=regex.js.map

package/build/cjs/external/uuid/dist/esm-browser/regex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/external/uuid/dist/esm-browser/rng.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
+    // find the complete implementation of crypto (msCrypto) on IE11.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+exports.default = rng;
+//# sourceMappingURL=rng.js.map

package/build/cjs/external/uuid/dist/esm-browser/rng.js.map

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

package/build/cjs/external/uuid/dist/esm-browser/stringify.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var validate = require('./validate.js');
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+var byteToHex = [];
+
+for (var i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).substr(1));
+}
+
+function stringify(arr) {
+  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0; // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+
+  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate['default'](uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+exports.default = stringify;
+//# sourceMappingURL=stringify.js.map

package/build/cjs/external/uuid/dist/esm-browser/stringify.js.map

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

package/build/cjs/external/uuid/dist/esm-browser/v4.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var rng = require('./rng.js');
+var stringify = require('./stringify.js');
+
+function v4(options, buf, offset) {
+  options = options || {};
+  var rnds = options.random || (options.rng || rng['default'])(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (var i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return stringify['default'](rnds);
+}
+
+exports.default = v4;
+//# sourceMappingURL=v4.js.map

package/build/cjs/external/uuid/dist/esm-browser/v4.js.map

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

package/build/cjs/external/uuid/dist/esm-browser/validate.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var regex = require('./regex.js');
+
+function validate(uuid) {
+  return typeof uuid === 'string' && regex['default'].test(uuid);
+}
+
+exports.default = validate;
+//# sourceMappingURL=validate.js.map

package/build/cjs/external/uuid/dist/esm-browser/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js

@@ -7,14 +7,14 @@ var context = require('../context.js');
 var constants = require('../constants.js');
 var css_classes = require('../css_classes.js');
 var colorLabelInput = require('./color-label-input.js');
-var index$1 = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
+var index = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
 var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var colorPickerFooter = require('./color-picker-footer.js');
 var colorPickerHeader = require('./color-picker-header.js');
 var colorPickerInputs = require('./color-picker-inputs/color-picker-inputs.js');
 var colorPickerSwatch = require('./color-picker-swatch.js');
 var colorPickerSwatches = require('./color-picker-swatches.js');
-var index = require('../../dropdown/index.js');
+var dropdown = require('../../dropdown/components/dropdown.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -30,7 +30,7 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
 
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPicker])
-  }, /*#__PURE__*/React__default['default'].createElement(index['default'], null, /*#__PURE__*/React__default['default'].createElement(index['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPickerInputContainer])
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPickerInputColorSwatchContainer])
@@ -39,12 +39,13 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
   })), /*#__PURE__*/React__default['default'].createElement(colorLabelInput.ColorLabelInput, {
     id: id,
     name: name
-  }))), /*#__PURE__*/React__default['default'].createElement(index['default'].Content, {
+  }))), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Content, {
     shouldCloseOnClickOutside: false,
-    shouldCloseOnScroll: false
+    shouldCloseOnScroll: false,
+    shouldCloseOthersOnOpen: true
   }, /*#__PURE__*/React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPickerContainer])
-  }, /*#__PURE__*/React__default['default'].createElement(index$1.ColorPicker, {
+  }, /*#__PURE__*/React__default['default'].createElement(index.ColorPicker, {
     value: color,
     onChange: setColor,
     width: constants.COLOR_PICKER_WIDTH,

package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,0FAA8F;AACpH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0FAA8F;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controls/hoc/control_color_picker/index.js

@@ -6,10 +6,10 @@ var React = require('react');
 var context = require('../../../color_picker/context.js');
 var use_color_picker = require('../../../color_picker/use_color_picker.js');
 var with_translation = require('../../../../utilities/translation/with_translation.js');
-var index$4 = require('../../../color_picker/index.js');
-var index$2 = require('../../index.js');
-var index$3 = require('../../../hint/index.js');
-var index$1 = require('../../../dropdown/index.js');
+var index$3 = require('../../../color_picker/index.js');
+var index$1 = require('../../index.js');
+var index$2 = require('../../../hint/index.js');
+var dropdown = require('../../../dropdown/components/dropdown.js');
 var label = require('../../../color_picker/components/label.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -46,23 +46,23 @@ var ControlColorPicker = function ControlColorPicker(_ref) {
   });
   return /*#__PURE__*/React__default['default'].createElement(context.ColorPickerContext.Provider, {
     value: colorPickerContext
-  }, /*#__PURE__*/React__default['default'].createElement(index$1['default'], null, /*#__PURE__*/React__default['default'].createElement(index$1['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement(index$2['default'], {
+  }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
     errors: errors,
     name: name,
     id: id
-  }, (label$1 || hint) && /*#__PURE__*/React__default['default'].createElement(index$2['default'].Label, {
+  }, (label$1 || hint) && /*#__PURE__*/React__default['default'].createElement(index$1['default'].Label, {
     id: id,
     isRequired: isRequired,
     additionalInfo: labelAdditionalInfo
-  }, label$1, hint && /*#__PURE__*/React__default['default'].createElement(index$3['default'], {
+  }, label$1, hint && /*#__PURE__*/React__default['default'].createElement(index$2['default'], {
     hint: hint,
     spacingLeft: true
-  })), /*#__PURE__*/React__default['default'].createElement(index$2['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index$2['default'].Element, null, /*#__PURE__*/React__default['default'].createElement(label['default'], {
+  })), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index$1['default'].Element, null, /*#__PURE__*/React__default['default'].createElement(label['default'], {
     name: name || '',
     isRequired: isRequired,
     id: id,
     label: label$1
-  }))), /*#__PURE__*/React__default['default'].createElement(index$2['default'].Errors, null))), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index$4.PureColorPicker, {
+  }))), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Errors, null))), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index$3.PureColorPicker, {
     hideChooseCancelButtons: hideChooseCancelButtons
   }))));
 };

package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var with_translation = require('../../../../utilities/translation/with_translation.js');
-var index$2 = require('../../index.js');
-var index$3 = require('../../../hint/index.js');
-var index$1 = require('../../../dropdown/index.js');
+var index$1 = require('../../index.js');
+var index$2 = require('../../../hint/index.js');
+var dropdown = require('../../../dropdown/components/dropdown.js');
 var use_value_controller = require('../../../date_picker/hooks/use_value_controller.js');
 var value_controller_context = require('../../../date_picker/context/value_controller_context.js');
 var range_picker = require('../../../date_picker/hoc/range_picker.js');
@@ -75,21 +75,21 @@ var ControlDatepicker = function ControlDatepicker(_ref) {
   var DatePickerComponent = DatepickerViews[type];
   return /*#__PURE__*/React__default['default'].createElement(value_controller_context['default'].Provider, {
     value: valueController
-  }, /*#__PURE__*/React__default['default'].createElement(index$1['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement(index$2['default'], {
+  }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
     errors: errors,
     name: name,
     id: id
-  }, (label$1 || hint) && /*#__PURE__*/React__default['default'].createElement(index$2['default'].Label, {
+  }, (label$1 || hint) && /*#__PURE__*/React__default['default'].createElement(index$1['default'].Label, {
     id: id,
     isRequired: isRequired,
     additionalInfo: labelAdditionalInfo
-  }, label$1, hint && /*#__PURE__*/React__default['default'].createElement(index$3['default'], {
+  }, label$1, hint && /*#__PURE__*/React__default['default'].createElement(index$2['default'], {
     hint: hint,
     spacingLeft: true
-  })), /*#__PURE__*/React__default['default'].createElement(index$2['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index$2['default'].Element, null, /*#__PURE__*/React__default['default'].createElement(label['default'], {
+  })), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index$1['default'].Element, null, /*#__PURE__*/React__default['default'].createElement(label['default'], {
     name: name,
     id: id
-  }))), /*#__PURE__*/React__default['default'].createElement(index$2['default'].Errors, null))), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(DatePickerComponent, {
+  }))), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Errors, null))), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(DatePickerComponent, {
     className: className,
     showButtons: showButtons,
     showDefaultRanges: showDefaultRanges
@@ -97,7 +97,7 @@ var ControlDatepicker = function ControlDatepicker(_ref) {
 };
 
 var DatePickerWithDropdown = function DatePickerWithDropdown(props) {
-  return /*#__PURE__*/React__default['default'].createElement(index$1['default'], null, /*#__PURE__*/React__default['default'].createElement(ControlDatepicker, _rollupPluginBabelHelpers.objectSpread2({}, props)));
+  return /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(ControlDatepicker, _rollupPluginBabelHelpers.objectSpread2({}, props)));
 };
 
 var index = with_translation['default'](DatePickerWithDropdown);

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('../../dropdown/index.js');
+var dropdown = require('../../dropdown/components/dropdown.js');
 var constants = require('../constants.js');
 var month_year_navigation_context = require('../context/month_year_navigation_context.js');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/date_picker/main.module.less.js');
 var use_date_names = require('../hooks/use_date_names.js');
-var index$1 = require('./month_year_picker/index.js');
+var index = require('./month_year_picker/index.js');
 var use_keyboard_navigation = require('../hooks/use_keyboard_navigation.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -40,12 +40,12 @@ var MonthController = function MonthController(_ref) {
     "data-test-id": constants.DATE_PICKER_TEST_ID.arrowLeft
   }), /*#__PURE__*/React__default['default'].createElement("div", {
     className: main_module['default'][css_classes.cssDatePickerControllerTitle]
-  }, /*#__PURE__*/React__default['default'].createElement(index['default'], null, /*#__PURE__*/React__default['default'].createElement(index['default'].Label, {
+  }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Label, {
     cssClass: animationClassName,
     label: "".concat(monthNames[month], " ").concat(year)
-  }), /*#__PURE__*/React__default['default'].createElement(index['default'].Content, {
+  }), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Content, {
     portalContainer: controllerRef
-  }, /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
+  }, /*#__PURE__*/React__default['default'].createElement(index['default'], {
     month: month,
     year: year
   })))), /*#__PURE__*/React__default['default'].createElement("div", {

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

@@ -22,6 +22,8 @@ var use_click_outside = require('../../../hooks/use_click_outside.js');
 var icon_arrow = require('../../../assets/icon_arrow.js');
 var main_module$1 = require('../../../css/hint/main.module.less.js');
 var main_module$2 = require('../../../css/tooltip/main.module.less.js');
+var use_dropdowns_manager_context = require('../hooks/use_dropdowns_manager_context.js');
+var v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -52,7 +54,9 @@ var Content = function Content(_ref) {
       shouldCloseOnClickOutside = _ref$shouldCloseOnCli === void 0 ? true : _ref$shouldCloseOnCli,
       onClickOutside = _ref.onClickOutside,
       _ref$shouldCloseOnScr = _ref.shouldCloseOnScroll,
-      shouldCloseOnScroll = _ref$shouldCloseOnScr === void 0 ? true : _ref$shouldCloseOnScr;
+      shouldCloseOnScroll = _ref$shouldCloseOnScr === void 0 ? true : _ref$shouldCloseOnScr,
+      _ref$shouldCloseOther = _ref.shouldCloseOthersOnOpen,
+      shouldCloseOthersOnOpen = _ref$shouldCloseOther === void 0 ? false : _ref$shouldCloseOther;
 
   var _useTranslation = useTranslation.useTranslation(),
       _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
@@ -63,6 +67,8 @@ var Content = function Content(_ref) {
   var _useDropdownContext = index.useDropdownContext(),
       wrapperRef = _useDropdownContext.wrapperRef,
       toggleDropdown = _useDropdownContext.toggleDropdown,
+      openDropdown = _useDropdownContext.openDropdown,
+      closeDropdown = _useDropdownContext.closeDropdown,
       isOpen = _useDropdownContext.isOpen;
 
   var _useState = React.useState(),
@@ -75,6 +81,15 @@ var Content = function Content(_ref) {
       parentScrollTop = _useState4[0],
       setParentScrollTop = _useState4[1];
 
+  var dropdownIdRef = React.useRef("dropdown-".concat(v4['default']()));
+
+  var _useDropdownsManagerC = use_dropdowns_manager_context.useDropdownsManagerContext(),
+      addDropdown = _useDropdownsManagerC.addDropdown,
+      updateDropdown = _useDropdownsManagerC.updateDropdown,
+      getDropdown = _useDropdownsManagerC.getDropdown;
+
+  var dropdown = getDropdown(dropdownIdRef.current);
+
   var _useState5 = React.useState({
     top: '0px',
     bottom: '0px',
@@ -87,6 +102,23 @@ var Content = function Content(_ref) {
 
   var windowYScroll = window.scrollY;
   var windowHeightMinusYOffset = window.innerHeight - windowYScroll;
+  React.useEffect(function () {
+    addDropdown({
+      id: dropdownIdRef.current,
+      isOpen: false
+    });
+  }, []);
+  React.useEffect(function () {
+    updateDropdown({
+      id: dropdownIdRef.current,
+      isOpen: !!isOpen
+    });
+  }, [isOpen]);
+  React.useEffect(function () {
+    if (shouldCloseOthersOnOpen) {
+      dropdown !== null && dropdown !== void 0 && dropdown.isOpen ? openDropdown === null || openDropdown === void 0 ? void 0 : openDropdown() : closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
+    }
+  }, [dropdown === null || dropdown === void 0 ? void 0 : dropdown.isOpen]);
   React.useEffect(function () {
     contentRef.current && setBounding(utilities.getBounding(contentRef.current));
     return function () {

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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,100 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var index = require('../context/index.js');
+var main_module = require('../../../css/dropdown/main.module.less.js');
+var use_dropdowns_manager_context = require('../hooks/use_dropdowns_manager_context.js');
+var content = require('./content.js');
+var custom_label = require('./custom_label.js');
+var header = require('./header.js');
+var item = require('./item.js');
+var item_with_hover = require('./item_with_hover.js');
+var label = require('./label.js');
+var link = require('./link.js');
+var list = require('./list.js');
+var option = require('./option.js');
+var use_toggle = require('../hooks/use_toggle.js');
+var option_multiple = require('./option_multiple.js');
+var search = require('./search.js');
+var select = require('./select.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create
+ * selects, multiselects or dropdowns.
+ *
+ * @component
+ * @example
+ * return (
+ *  <Dropdown>
+ *      <Dropdown.Label label="Wybierz link" />
+ *      <Dropdown.Content>
+ *          <Dropdown.List>
+ *              <Dropdown.Link text="shoper.pl" href="https://shoper.pl" />
+ *              <Dropdown.Link text="forum.shoper.pl" href="https://forum.shoper.pl" />
+ *              <Dropdown.Link text="shoper.pl/help" href="https://shoper.pl/help" />
+ *          </Dropdown.List>
+ *      </Dropdown.Content>
+ *  <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;
+  var wrapperRef = React.useRef(null);
+
+  var _useDropdownsManagerC = use_dropdowns_manager_context.useDropdownsManagerContext(),
+      closeAllDropdowns = _useDropdownsManagerC.closeAllDropdowns;
+
+  var _useToggle = use_toggle.useToggle(defaultIsOpen, onToggle, closeAllDropdowns),
+      _useToggle2 = _rollupPluginBabelHelpers.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__default['default'].useMemo(function () {
+    return {
+      wrapperRef: wrapperRef,
+      isOpen: isOpen,
+      toggleDropdown: toggleDropdown,
+      openDropdown: openDropdown,
+      closeDropdown: closeDropdown
+    };
+  }, [isOpen, toggleDropdown, openDropdown, closeDropdown]);
+  return /*#__PURE__*/React__default['default'].createElement(index.DropdownContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    ref: wrapperRef,
+    className: main_module['default'].dropdown
+  }, children));
+};
+
+Dropdown.Select = select['default'];
+Dropdown.Content = content['default'];
+Dropdown.ItemWithHover = item_with_hover['default'];
+Dropdown.Search = search['default'];
+Dropdown.List = list['default'];
+Dropdown.Header = header['default'];
+Dropdown.Option = option['default'];
+Dropdown.OptionMultiple = option_multiple['default'];
+Dropdown.Link = link['default'];
+Dropdown.Label = label['default'];
+Dropdown.CustomLabel = custom_label['default'];
+Dropdown.Item = item['default'];
+
+exports.default = Dropdown;
+//# sourceMappingURL=dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/context/dropdowns_manager.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var DropdownsManagerContext = /*#__PURE__*/React.createContext({
+  addDropdown: function addDropdown() {},
+  updateDropdown: function updateDropdown() {},
+  getDropdown: function getDropdown() {
+    return undefined;
+  },
+  closeAllDropdowns: function closeAllDropdowns() {}
+});
+
+exports.DropdownsManagerContext = DropdownsManagerContext;
+//# sourceMappingURL=dropdowns_manager.js.map

package/build/cjs/packages/aurora/src/components/dropdown/context/dropdowns_manager.js.map

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

package/build/cjs/packages/aurora/src/components/dropdown/hoc/multiselect/index.js

@@ -11,7 +11,7 @@ var utilities = require('../../utilities.js');
 var use_values = require('../../hooks/use_values.js');
 var use_toggle = require('../../hooks/use_toggle.js');
 var use_set_options_on_close = require('../../hooks/use_set_options_on_close.js');
-var index$1 = require('../../index.js');
+var dropdown = require('../../components/dropdown.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -111,26 +111,26 @@ var Multiple = function Multiple(_ref) {
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     ref: wrapperRef,
     className: main_module['default'][css_classes.cssDropdown]
-  }, /*#__PURE__*/React__default['default'].createElement(index$1['default'].Select, {
+  }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Select, {
     name: name,
     isReadonly: isReadonly,
     isDisabled: isDisabled,
     selectedOptions: selectedValues,
     onRemoveOptions: setSelectedValues,
     hasCloseIcon: hasCloseIcon
-  }), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Content, null, isWithSearch && /*#__PURE__*/React__default['default'].createElement(index$1['default'].Search, {
+  }), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Content, null, isWithSearch && /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Search, {
     onKeyUp: function onKeyUp(ev) {
       return utilities.handleSearchKeyUp(ev, options, setOptionsList);
     }
-  }), /*#__PURE__*/React__default['default'].createElement(index$1['default'].List, {
+  }), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].List, {
     isWithGroups: isWithGroups
   }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map(function (option) {
     var _option$isDisabled, _option$isReadonly;
 
-    return option.isHeader ? /*#__PURE__*/React__default['default'].createElement(index$1['default'].Header, {
+    return option.isHeader ? /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Header, {
       key: option.text,
       text: option.text
-    }) : /*#__PURE__*/React__default['default'].createElement(index$1['default'].OptionMultiple, {
+    }) : /*#__PURE__*/React__default['default'].createElement(dropdown['default'].OptionMultiple, {
       key: option.value,
       option: option,
       isSelected: utilities.isSelected(option, selectedValues),

package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js

@@ -11,7 +11,7 @@ var utilities = require('../../utilities.js');
 var use_value = require('../../hooks/use_value.js');
 var use_toggle = require('../../hooks/use_toggle.js');
 var use_set_options_on_close = require('../../hooks/use_set_options_on_close.js');
-var index$1 = require('../../index.js');
+var dropdown = require('../../components/dropdown.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -119,7 +119,7 @@ var Select = function Select(_ref) {
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     ref: wrapperRef,
     className: main_module['default'][css_classes.cssDropdown]
-  }, /*#__PURE__*/React__default['default'].createElement(index$1['default'].Select, {
+  }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Select, {
     name: name,
     isReadonly: isReadonly,
     isDisabled: isDisabled,
@@ -127,22 +127,22 @@ var Select = function Select(_ref) {
     placeholder: placeholder,
     onRemoveOptions: setSelectedValues,
     hasCloseIcon: hasCloseIcon
-  }), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Content, {
+  }), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Content, {
     portalContainer: portalContainer
-  }, isWithSearch && /*#__PURE__*/React__default['default'].createElement(index$1['default'].Search, {
+  }, isWithSearch && /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Search, {
     onKeyUp: function onKeyUp(ev) {
       return onSearch ? onSearch === null || onSearch === void 0 ? void 0 : onSearch(ev.target.value) : utilities.handleSearchKeyUp(ev, options, setOptionsList);
     }
-  }), /*#__PURE__*/React__default['default'].createElement(index$1['default'].List, {
+  }), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].List, {
     isWithGroups: isWithGroups,
     onScroll: onScroll
   }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map(function (option, index) {
     var _option$isDisabled, _option$isReadonly;
 
-    return option.isHeader ? /*#__PURE__*/React__default['default'].createElement(index$1['default'].Header, {
+    return option.isHeader ? /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Header, {
       key: option.text,
       text: option.text
-    }) : /*#__PURE__*/React__default['default'].createElement(index$1['default'].Option, {
+    }) : /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Option, {
       key: "".concat(option.value, "-").concat(index),
       option: option,
       isSelected: utilities.isSelected(option, selectedValues),