@dreamcommerce/aurora 2.16.2 → 2.16.4

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var use_effect_after_mount = require('../../../hooks/use_effect_after_mount.js');
 
 /**
@@ -10,18 +11,34 @@ var use_effect_after_mount = require('../../../hooks/use_effect_after_mount.js')
  * @param defaultIsOpen should dropdown be opened at render
  * @param onToggleCb callback onToggle
  * @returns {Array} tuple - open state and and method to change open state
- */
-function useToggle(defaultIsOpen = false, onToggleCb) {
-    const [isOpen, setIsOpen] = React.useState(defaultIsOpen);
-    const onToggle = React.useCallback(() => setIsOpen((oldIsOpen) => !oldIsOpen), []);
-    const open = React.useCallback(() => setIsOpen(true), []);
-    const close = React.useCallback(() => setIsOpen(false), []);
-    use_effect_after_mount.useEffectAfterMount(() => {
-        if (typeof onToggleCb === 'function') {
-            onToggleCb(isOpen);
-        }
-    }, [isOpen]);
-    return [isOpen, onToggle, open, close];
+ */
+
+function useToggle() {
+  var defaultIsOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var onToggleCb = arguments.length > 1 ? arguments[1] : undefined;
+
+  var _useState = React.useState(defaultIsOpen),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      isOpen = _useState2[0],
+      setIsOpen = _useState2[1];
+
+  var onToggle = React.useCallback(function () {
+    return setIsOpen(function (oldIsOpen) {
+      return !oldIsOpen;
+    });
+  }, []);
+  var open = React.useCallback(function () {
+    return setIsOpen(true);
+  }, []);
+  var close = React.useCallback(function () {
+    return setIsOpen(false);
+  }, []);
+  use_effect_after_mount.useEffectAfterMount(function () {
+    if (typeof onToggleCb === 'function') {
+      onToggleCb(isOpen);
+    }
+  }, [isOpen]);
+  return [isOpen, onToggle, open, close];
 }
 
 exports.useToggle = useToggle;

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

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

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 
 /**
  * Hook used to allow use single selectable value, returns array of selected values and method to set value as selected
@@ -15,28 +16,39 @@ var React = require('react');
  * @fires dropdown:change
  *
  * @returns {Array} Tuple - selected values and state setter for them
- */
-function useValue(wrapperRef, options, defaultValues, onChangeCb) {
-    const [selectedValues, setSelectedValue] = React.useState([]);
-    const setSelectedValues = React.useCallback((selectedOption) => {
-        var _a;
-        setSelectedValue(selectedOption ? () => [selectedOption] : []);
-        if (typeof onChangeCb === 'function') {
-            onChangeCb(selectedOption);
-            const event = new CustomEvent('dropdown:change', {
-                detail: {
-                    selectedOption
-                }
-            });
-            (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
-        }
-    }, [onChangeCb, wrapperRef]);
-    React.useEffect(() => {
-        const defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter((option) => defaultValues && defaultValues.indexOf(option.value) >= 0);
-        setSelectedValue(defaultSelectedOptions);
-    }, [defaultValues, options]);
-    return [selectedValues, setSelectedValues];
-}
+ */
+
+function useValue(wrapperRef, options, defaultValues, onChangeCb) {
+  var _useState = React.useState([]),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      selectedValues = _useState2[0],
+      setSelectedValue = _useState2[1];
+
+  var setSelectedValues = React.useCallback(function (selectedOption) {
+    setSelectedValue(selectedOption ? function () {
+      return [selectedOption];
+    } : []);
+
+    if (typeof onChangeCb === 'function') {
+      var _wrapperRef$current;
+
+      onChangeCb(selectedOption);
+      var event = new CustomEvent('dropdown:change', {
+        detail: {
+          selectedOption: selectedOption
+        }
+      });
+      (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || _wrapperRef$current.dispatchEvent(event);
+    }
+  }, [onChangeCb, wrapperRef]);
+  React.useEffect(function () {
+    var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) {
+      return defaultValues && defaultValues.indexOf(option.value) >= 0;
+    });
+    setSelectedValue(defaultSelectedOptions);
+  }, [defaultValues, options]);
+  return [selectedValues, setSelectedValues];
+}
 /**
  * dropdown:change event
  *

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

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 
 /**
  * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as
@@ -16,48 +17,63 @@ var React = require('react');
  * @fires dropdown:change
  *
  * @returns {Array} Tuple - selected values and state setter for them
- */
-function useValues(wrapperRef, options, defaultValues, onChangeCb) {
-    const defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter((option) => defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0);
-    const [selectedValues, setSelectedValue] = React.useState(defaultSelectedOptions);
-    /**
-     * updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for
-     * not only react projects
-     * @param {ISelectOption} selectedOption choosen option
-     */
-    const setSelectedValues = React.useCallback((selectedOption) => {
-        if (!selectedOption) {
-            setSelectedValue([]);
-            return;
-        }
-        setSelectedValue((previousSelectedOptions) => {
-            var _a;
-            let allSelectedOptions;
-            let isChecked;
-            if (previousSelectedOptions && (previousSelectedOptions === null || previousSelectedOptions === void 0 ? void 0 : previousSelectedOptions.indexOf(selectedOption)) >= 0) {
-                allSelectedOptions = previousSelectedOptions.filter((option) => option.value !== selectedOption.value);
-                isChecked = false;
-            }
-            else {
-                allSelectedOptions = [...previousSelectedOptions, selectedOption];
-                isChecked = true;
-            }
-            if (typeof onChangeCb === 'function') {
-                onChangeCb(selectedOption, isChecked, allSelectedOptions);
-                const event = new CustomEvent('dropdown:change', {
-                    detail: {
-                        selectedOption,
-                        isChecked,
-                        allSelectedOptions
-                    }
-                });
-                (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
-            }
-            return allSelectedOptions;
-        });
-    }, [onChangeCb, wrapperRef]);
-    return [selectedValues, setSelectedValues];
-}
+ */
+
+function useValues(wrapperRef, options, defaultValues, onChangeCb) {
+  var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) {
+    return defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0;
+  });
+
+  var _useState = React.useState(defaultSelectedOptions),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      selectedValues = _useState2[0],
+      setSelectedValue = _useState2[1];
+  /**
+   * updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for
+   * not only react projects
+   * @param {ISelectOption} selectedOption choosen option
+   */
+
+
+  var setSelectedValues = React.useCallback(function (selectedOption) {
+    if (!selectedOption) {
+      setSelectedValue([]);
+      return;
+    }
+
+    setSelectedValue(function (previousSelectedOptions) {
+      var allSelectedOptions;
+      var isChecked;
+
+      if (previousSelectedOptions && (previousSelectedOptions === null || previousSelectedOptions === void 0 ? void 0 : previousSelectedOptions.indexOf(selectedOption)) >= 0) {
+        allSelectedOptions = previousSelectedOptions.filter(function (option) {
+          return option.value !== selectedOption.value;
+        });
+        isChecked = false;
+      } else {
+        allSelectedOptions = [].concat(_rollupPluginBabelHelpers.toConsumableArray(previousSelectedOptions), [selectedOption]);
+        isChecked = true;
+      }
+
+      if (typeof onChangeCb === 'function') {
+        var _wrapperRef$current;
+
+        onChangeCb(selectedOption, isChecked, allSelectedOptions);
+        var event = new CustomEvent('dropdown:change', {
+          detail: {
+            selectedOption: selectedOption,
+            isChecked: isChecked,
+            allSelectedOptions: allSelectedOptions
+          }
+        });
+        (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || _wrapperRef$current.dispatchEvent(event);
+      }
+
+      return allSelectedOptions;
+    });
+  }, [onChangeCb, wrapperRef]);
+  return [selectedValues, setSelectedValues];
+}
 /**
  * dropdown:change event
  *

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

@@ -3,6 +3,7 @@
 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 content = require('./components/content.js');
@@ -14,10 +15,10 @@ var label = require('./components/label.js');
 var link = require('./components/link.js');
 var list = require('./components/list.js');
 var option = require('./components/option.js');
+var use_toggle = require('./hooks/use_toggle.js');
 var option_multiple = require('./components/option_multiple.js');
 var search = require('./components/search.js');
 var select = require('./components/select.js');
-var use_toggle = require('./hooks/use_toggle.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -41,28 +42,54 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *      </Dropdown.Content>
  *  <Dropdown>
  * )
- */
-const Dropdown = ({ defaultIsOpen = false, onToggle, children }) => {
-    const wrapperRef = React.useRef(null);
-    const [isOpen, toggleDropdown, openDropdown, closeDropdown] = use_toggle.useToggle(defaultIsOpen, onToggle);
-    /**
-     * context values, they may be used with useContext in any component which is part of Dropdown composition
-     */
-    const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown, openDropdown, closeDropdown }), [isOpen, toggleDropdown, openDropdown, closeDropdown]);
-    return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
-        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'];
+ */
+
+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 _useToggle = use_toggle.useToggle(defaultIsOpen, onToggle),
+      _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;

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

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

@@ -13,8 +13,11 @@ var fuzzy_search = require('../../utilities/fuzzy_search/fuzzy_search.js');
  * @param {ISelectOption} option select/multiselect option
  * @param {Array<ISelectOption>} selectedValues array of selected values
  * @returns {Boolean}
- */
-const isSelected = (option, selectedValues) => selectedValues.indexOf(option) >= 0;
+ */
+
+var isSelected = function isSelected(option, selectedValues) {
+  return selectedValues.indexOf(option) >= 0;
+};
 /**
  * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do
  * selectedValues array, closes dropdown if defaultCloseOnClick is true
@@ -22,13 +25,15 @@ const isSelected = (option, selectedValues) => selectedValues.indexOf(option) >=
  * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option
  * @param {Function} setSelectedValues - selected values state setter
  * @param {Function} toggleDropdown - method which toggles dropdown
- */
-const handleItemClick = (option, defaultCloseOnClick, setSelectedValues, toggleDropdown) => {
-    setSelectedValues(option);
-    if (defaultCloseOnClick === true) {
-        toggleDropdown();
-    }
-};
+ */
+
+var handleItemClick = function handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) {
+  setSelectedValues(option);
+
+  if (defaultCloseOnClick === true) {
+    toggleDropdown();
+  }
+};
 /**
  * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with
  * filtered results
@@ -36,54 +41,71 @@ const handleItemClick = (option, defaultCloseOnClick, setSelectedValues, toggleD
  * @param {Array<ISelectOption>} options list of dropdown options to filter
  * @param {Function} setOptionsList method to set new state of options list
  * @returns {void} nothing
- */
-const handleSearchKeyUp = (ev, options, setOptionsList) => {
-    const $input = ev.target;
-    const searchQuery = $input.value;
-    const filteredOptions = fuzzy_search.fuzzySearch(searchQuery, options, 'text');
-    setOptionsList(() => filteredOptions);
-};
-const getXYModifiersForNestedDropdowns = (portalContainer) => {
-    let xModifier = 0;
-    let yModifier = 0;
-    if (portalContainer) {
-        const $parentDropdownContent = portalContainer.closest(`.${main_module['default'][css_classes.cssDropdownContent]}`);
-        if ($parentDropdownContent) {
-            const { x: portalX, y: portalY } = $parentDropdownContent.getBoundingClientRect();
-            xModifier = portalX;
-            yModifier = portalY;
-        }
-    }
-    return {
-        xModifier,
-        yModifier
-    };
-};
-const isChildOfModal = (ref) => {
-    var _a;
-    let currentParent = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
-    while (currentParent) {
-        if (currentParent.classList.contains(main_module$1['default']['modal-window'])) {
-            return true;
-        }
-        currentParent = currentParent === null || currentParent === void 0 ? void 0 : currentParent.parentElement;
-    }
-    return false;
-};
-const getBounding = (element) => {
-    return element.getBoundingClientRect();
-};
-const filterOptionDuplicatesByProperty = (options, property) => {
-    const uniqueProperties = [];
-    const filteredOptions = options.filter((option) => {
-        const isDuplicate = uniqueProperties.includes(option[property]);
-        if (!isDuplicate) {
-            uniqueProperties.push(option[property]);
-            return true;
-        }
-        return false;
-    });
-    return filteredOptions;
+ */
+
+var handleSearchKeyUp = function handleSearchKeyUp(ev, options, setOptionsList) {
+  var $input = ev.target;
+  var searchQuery = $input.value;
+  var filteredOptions = fuzzy_search.fuzzySearch(searchQuery, options, 'text');
+  setOptionsList(function () {
+    return filteredOptions;
+  });
+};
+var getXYModifiersForNestedDropdowns = function getXYModifiersForNestedDropdowns(portalContainer) {
+  var xModifier = 0;
+  var yModifier = 0;
+
+  if (portalContainer) {
+    var $parentDropdownContent = portalContainer.closest(".".concat(main_module['default'][css_classes.cssDropdownContent]));
+
+    if ($parentDropdownContent) {
+      var _$parentDropdownConte2 = $parentDropdownContent.getBoundingClientRect(),
+          portalX = _$parentDropdownConte2.x,
+          portalY = _$parentDropdownConte2.y;
+
+      xModifier = portalX;
+      yModifier = portalY;
+    }
+  }
+
+  return {
+    xModifier: xModifier,
+    yModifier: yModifier
+  };
+};
+var isChildOfModal = function isChildOfModal(ref) {
+  var _ref$current;
+
+  var currentParent = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.parentElement;
+
+  while (currentParent) {
+    var _currentParent;
+
+    if (currentParent.classList.contains(main_module$1['default']['modal-window'])) {
+      return true;
+    }
+
+    currentParent = (_currentParent = currentParent) === null || _currentParent === void 0 ? void 0 : _currentParent.parentElement;
+  }
+
+  return false;
+};
+var getBounding = function getBounding(element) {
+  return element.getBoundingClientRect();
+};
+var filterOptionDuplicatesByProperty = function filterOptionDuplicatesByProperty(options, property) {
+  var uniqueProperties = [];
+  var filteredOptions = options.filter(function (option) {
+    var isDuplicate = uniqueProperties.includes(option[property]);
+
+    if (!isDuplicate) {
+      uniqueProperties.push(option[property]);
+      return true;
+    }
+
+    return false;
+  });
+  return filteredOptions;
 };
 
 exports.filterOptionDuplicatesByProperty = filterOptionDuplicatesByProperty;

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

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

package/build/cjs/packages/aurora/src/components/file_picker/components/file_input.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var reactJss_esm = require('../../../../../../external/react-jss/dist/react-jss.esm.js');
 var with_translation = require('../../../utilities/translation/with_translation.js');
 var css_classes = require('../css_classes.js');
@@ -14,32 +15,61 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const useStyles = reactJss_esm.createUseStyles({
-    filePicker: {
-        borderColor: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7'),
-        backgroundColor: ({ isDragOver }) => (isDragOver ? '#6fb9f7' : '#ffffff'),
-        '& *': {
-            color: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7'),
-            // @ts-ignore
-            fill: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7')
-        }
-    }
-});
-const FileInput = ({ id, onDropFile, onDragOver, onDragLeave, allowedExtensions, isDragOver }) => {
-    const [t] = useTranslation.useTranslation();
-    const classes = useStyles({ isDragOver });
-    return (React__default['default'].createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave },
-        React__default['default'].createElement("div", { className: `${main_module['default'][css_classes['default'].filePicker]} ${classes.filePicker}` },
-            React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedImage] },
-                React__default['default'].createElement(icon_upload['default'], { className: main_module['default'][css_classes['default'].filePickerUploadIcon] })),
-            React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerDescription] },
-                t('Drag file or select'),
-                " (",
-                t('format'),
-                " ",
-                allowedExtensions.join(', '),
-                ")"))));
-};
+var useStyles = reactJss_esm.createUseStyles({
+  filePicker: {
+    borderColor: function borderColor(_ref) {
+      var isDragOver = _ref.isDragOver;
+      return isDragOver ? '#ffffff' : '#6fb9f7';
+    },
+    backgroundColor: function backgroundColor(_ref2) {
+      var isDragOver = _ref2.isDragOver;
+      return isDragOver ? '#6fb9f7' : '#ffffff';
+    },
+    '& *': {
+      color: function color(_ref3) {
+        var isDragOver = _ref3.isDragOver;
+        return isDragOver ? '#ffffff' : '#6fb9f7';
+      },
+      // @ts-ignore
+      fill: function fill(_ref4) {
+        var isDragOver = _ref4.isDragOver;
+        return isDragOver ? '#ffffff' : '#6fb9f7';
+      }
+    }
+  }
+});
+
+var FileInput = function FileInput(_ref5) {
+  var id = _ref5.id,
+      onDropFile = _ref5.onDropFile,
+      onDragOver = _ref5.onDragOver,
+      onDragLeave = _ref5.onDragLeave,
+      allowedExtensions = _ref5.allowedExtensions,
+      isDragOver = _ref5.isDragOver;
+
+  var _useTranslation = useTranslation.useTranslation(),
+      _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+      t = _useTranslation2[0];
+
+  var classes = useStyles({
+    isDragOver: isDragOver
+  });
+  return /*#__PURE__*/React__default['default'].createElement("label", {
+    htmlFor: id,
+    onDrop: onDropFile,
+    onDragOver: onDragOver,
+    onDragLeave: onDragLeave
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes['default'].filePicker], " ").concat(classes.filePicker)
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes['default'].filePickerSelectedImage]
+  }, /*#__PURE__*/React__default['default'].createElement(icon_upload['default'], {
+    className: main_module['default'][css_classes['default'].filePickerUploadIcon]
+  })), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes['default'].filePickerDescription]
+  }, t('Drag file or select'), " (", t('format'), " ", allowedExtensions.join(', '), ")")));
+};
+
 var FileInput$1 = with_translation['default'](FileInput);
 
 exports.default = FileInput$1;

package/build/cjs/packages/aurora/src/components/file_picker/components/file_input.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}