@dreamcommerce/aurora 0.4.3 → 0.4.4-1

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

@@ -24,106 +24,74 @@ import Dropdown from '../../index.js';
  *  <MultiSelect name="my_select_name" options={options} onChange={(option) => console.log(option)} />
  * )
  */
-var Multiple = function (_a) {
-    var 
-    /**
-     * multiselect name, used also for hidden inputs
-     */
-    name = _a.name, 
-    /**
-     * array of multiselect options
-     */
-    options = _a.options, 
-    /**
-     * array of default values (for select its always one element),
-     * array is used to be compatible with multiselects
-     */
-    _b = _a.defaultValues, 
-    /**
-     * array of default values (for select its always one element),
-     * array is used to be compatible with multiselects
-     */
-    defaultValues = _b === void 0 ? [] : _b, 
-    /**
-     * indicates if select is readonly
-     */
-    _c = _a.isReadonly, 
-    /**
-     * indicates if select is readonly
-     */
-    isReadonly = _c === void 0 ? false : _c, 
-    /**
-     * indicatse if select is disabled
-     */
-    _d = _a.isDisabled, 
-    /**
-     * indicatse if select is disabled
-     */
-    isDisabled = _d === void 0 ? false : _d, 
-    /**
-     * indicates if selects has groups (similiar to optgroup), options
-     * then have left-padding, and you should use options with isHeader
-     * set to true
-     */
-    _e = _a.isWithGroups, 
-    /**
-     * indicates if selects has groups (similiar to optgroup), options
-     * then have left-padding, and you should use options with isHeader
-     * set to true
-     */
-    isWithGroups = _e === void 0 ? false : _e, 
-    /**
-     * indicates if select should have search to look for options
-     */
-    _f = _a.isWithSearch, 
-    /**
-     * indicates if select should have search to look for options
-     */
-    isWithSearch = _f === void 0 ? false : _f, 
-    /**
-     * indicates if select should be opened at render
-     */
-    _g = _a.defaultIsOpen, 
-    /**
-     * indicates if select should be opened at render
-     */
-    defaultIsOpen = _g === void 0 ? false : _g, 
-    /**
-     * indicates if select should hide on option click
-     */
-    _h = _a.defaultCloseOnClick, 
-    /**
-     * indicates if select should hide on option click
-     */
-    defaultCloseOnClick = _h === void 0 ? false : _h, 
-    /**
-     * called on select toggle
-     */
-    onToggle = _a.onToggle, 
-    /**
-     * called on option change
-     */
-    onChange = _a.onChange;
+const Multiple = ({ 
+/**
+ * multiselect name, used also for hidden inputs
+ */
+name, 
+/**
+ * array of multiselect options
+ */
+options, 
+/**
+ * array of default values (for select its always one element),
+ * array is used to be compatible with multiselects
+ */
+defaultValues = [], 
+/**
+ * indicates if select is readonly
+ */
+isReadonly = false, 
+/**
+ * indicatse if select is disabled
+ */
+isDisabled = false, 
+/**
+ * indicates if selects has groups (similiar to optgroup), options
+ * then have left-padding, and you should use options with isHeader
+ * set to true
+ */
+isWithGroups = false, 
+/**
+ * indicates if select should have search to look for options
+ */
+isWithSearch = false, 
+/**
+ * indicates if select should be opened at render
+ */
+defaultIsOpen = false, 
+/**
+ * indicates if select should hide on option click
+ */
+defaultCloseOnClick = false, 
+/**
+ * called on select toggle
+ */
+onToggle, 
+/**
+ * called on option change
+ */
+onChange }) => {
     /**
      * reference to dropdown wrapper element
      */
-    var wrapperRef = useRef(null);
+    const wrapperRef = useRef(null);
     /**
      * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
      */
-    var _j = useToggle(defaultIsOpen, onToggle), isOpen = _j[0], toggleDropdown = _j[1];
+    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);
     /**
      * hook with option list state, and method to change option list
      */
-    var _k = useState(options), optionsList = _k[0], setOptionsList = _k[1];
+    const [optionsList, setOptionsList] = useState(options);
     /**
      * hook with selected value, and method do change it
      */
-    var _l = useValues(wrapperRef, options, defaultValues, onChange), selectedValues = _l[0], setSelectedValues = _l[1];
+    const [selectedValues, setSelectedValues] = useValues(wrapperRef, options, defaultValues, onChange);
     /**
      * 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, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
+    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
     /**
      * hook which resets options list to default on close if select has search and it was used
      */
@@ -132,10 +100,10 @@ var Multiple = function (_a) {
         React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
             React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
             React.createElement(Dropdown.Content, null,
-                isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: function (ev) { return handleSearchKeyUp(ev, options, setOptionsList); } }),
-                React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map(function (option) {
+                isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: (ev) => handleSearchKeyUp(ev, options, setOptionsList) }),
+                React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
                     var _a, _b;
-                    return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.OptionMultiple, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: function (option) { return handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown); } }));
+                    return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.OptionMultiple, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
                 }))))));
 };
 

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

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

@@ -24,119 +24,93 @@ import Dropdown from '../../index.js';
  *  <Select name="my_select_name" options={options} onChange={(option) => console.log(option)} />
  * )
  */
-var Select = function (_a) {
-    var 
-    /**
-     * select name, used also for hidden inputs
-     */
-    name = _a.name, 
-    /**
-     * array of select options
-     */
-    options = _a.options, 
-    /**
-     * array of default values (for select its always one element), array is
-     * used to be compatible with multiselects
-     */
-    defaultValues = _a.defaultValues, 
-    /**
-     * indicates if select is readonly
-     */
-    _b = _a.isReadonly, 
-    /**
-     * indicates if select is readonly
-     */
-    isReadonly = _b === void 0 ? false : _b, 
-    /**
-     * indicates if select is disabled
-     */
-    _c = _a.isDisabled, 
-    /**
-     * indicates if select is disabled
-     */
-    isDisabled = _c === void 0 ? false : _c, 
-    /**
-     * indicates if selects has groups (similar to optgroup), options then have
-     * left-padding, and you should use options with isHeader set to true
-     */
-    _d = _a.isWithGroups, 
-    /**
-     * indicates if selects has groups (similar to optgroup), options then have
-     * left-padding, and you should use options with isHeader set to true
-     */
-    isWithGroups = _d === void 0 ? false : _d, 
-    /**
-     * indicates if select should have search to look for options
-     */
-    _e = _a.isWithSearch, 
-    /**
-     * indicates if select should have search to look for options
-     */
-    isWithSearch = _e === void 0 ? false : _e, 
-    /**
-     * indicates if select should be opened at render
-     */
-    _f = _a.defaultIsOpen, 
-    /**
-     * indicates if select should be opened at render
-     */
-    defaultIsOpen = _f === void 0 ? false : _f, 
-    /**
-     * indicates if select should hide on option click
-     */
-    _g = _a.defaultCloseOnClick, 
-    /**
-     * indicates if select should hide on option click
-     */
-    defaultCloseOnClick = _g === void 0 ? true : _g, 
-    /**
-     * called on select toggle
-     */
-    onToggle = _a.onToggle, 
-    /**
-     * called on option change
-     */
-    onChange = _a.onChange, 
-    /**
-     * Place where portal should be placed, by default to body
-     * this can be used to put modal inside modal
-     */
-    portalContainer = _a.portalContainer;
+const Select = ({ 
+/**
+ * select name, used also for hidden inputs
+ */
+name, 
+/**
+ * array of select options
+ */
+options, 
+/**
+ * array of default values (for select its always one element), array is
+ * used to be compatible with multiselects
+ */
+defaultValues, 
+/**
+ * indicates if select is readonly
+ */
+isReadonly = false, 
+/**
+ * indicates if select is disabled
+ */
+isDisabled = false, 
+/**
+ * indicates if selects has groups (similar to optgroup), options then have
+ * left-padding, and you should use options with isHeader set to true
+ */
+isWithGroups = false, 
+/**
+ * indicates if select should have search to look for options
+ */
+isWithSearch = false, 
+/**
+ * indicates if select should be opened at render
+ */
+defaultIsOpen = false, 
+/**
+ * indicates if select should hide on option click
+ */
+defaultCloseOnClick = true, 
+/**
+ * called on select toggle
+ */
+onToggle, 
+/**
+ * called on option change
+ */
+onChange, 
+/**
+ * Place where portal should be placed, by default to body
+ * this can be used to put modal inside modal
+ */
+portalContainer }) => {
     /**
      * reference to dropdown wrapper element
      */
-    var wrapperRef = useRef(null);
+    const wrapperRef = useRef(null);
     /**
      * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
      */
-    var _h = useToggle(defaultIsOpen, onToggle), isOpen = _h[0], toggleDropdown = _h[1];
+    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);
     /**
      * hook with option list state, and method to change option list
      */
-    var _j = useState([]), optionsList = _j[0], setOptionsList = _j[1];
+    const [optionsList, setOptionsList] = useState([]);
     /**
      * hook with selected value, and method do change it
      */
-    var _k = useValue(wrapperRef, options, defaultValues, onChange), selectedValues = _k[0], setSelectedValues = _k[1];
+    const [selectedValues, setSelectedValues] = useValue(wrapperRef, options, defaultValues, onChange);
     /**
      * 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, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
+    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
     /**
      * hook which resets options list to default on close if select has search and it was used
      */
     useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
-    useEffect(function () {
+    useEffect(() => {
         setOptionsList(options);
     }, [options]);
     return (React.createElement(DropdownContext.Provider, { value: value },
         React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
             React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
             React.createElement(Dropdown.Content, { portalContainer: portalContainer },
-                isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: function (ev) { return handleSearchKeyUp(ev, options, setOptionsList); } }),
-                React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map(function (option) {
+                isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: (ev) => handleSearchKeyUp(ev, options, setOptionsList) }),
+                React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
                     var _a, _b;
-                    return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.Option, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: function (option) { return handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown); } }));
+                    return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.Option, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
                 }))))));
 };
 

package/build/esm/packages/aurora/src/components/dropdown/hoc/select/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/aurora/src/components/dropdown/hooks/use_keyboard_open_close.d.ts

@@ -1,2 +1,2 @@
 import { RefObject } from 'react';
-export declare const useKeyboardOpenClose: (toggleDropdown?: (() => void) | undefined, isOpen?: boolean | undefined, ref?: RefObject<HTMLElement> | undefined) => void;
+export declare const useKeyboardOpenClose: (toggleDropdown?: () => void, isOpen?: boolean, ref?: RefObject<HTMLElement>) => void;

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

@@ -1,9 +1,9 @@
 import 'react';
 import { useKeyDown } from '../../../hooks/use_key_down.js';
 
-var useKeyboardOpenClose = function (toggleDropdown, isOpen, ref) {
-    useKeyDown([' '], function () { return !isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()); }, ref);
-    useKeyDown(['Esc|Escape'], function () { return isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()); }, ref);
+const useKeyboardOpenClose = (toggleDropdown, isOpen, ref) => {
+    useKeyDown([' '], () => !isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()), ref);
+    useKeyDown(['Esc|Escape'], () => isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()), ref);
 };
 
 export { useKeyboardOpenClose };

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

@@ -9,9 +9,9 @@ import { useEffect } from 'react';
  * @returns {void} nothing
  */
 function useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options) {
-    useEffect(function () {
+    useEffect(() => {
         if (isWithSearch === true && isOpen === false) {
-            setOptionsList(function () { return options; });
+            setOptionsList(() => options);
         }
     }, [isOpen, isWithSearch, options, setOptionsList]);
 }

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

@@ -9,11 +9,10 @@ import { useEffectAfterMount } from '../../../hooks/use_effect_after_mount.js';
  * @param onToggleCb callback onToggle
  * @returns {Array} tuple - open state and and method to change open state
  */
-function useToggle(defaultIsOpen, onToggleCb) {
-    if (defaultIsOpen === void 0) { defaultIsOpen = false; }
-    var _a = useState(defaultIsOpen), isOpen = _a[0], setIsOpen = _a[1];
-    var onToggle = useCallback(function () { return setIsOpen(function (oldIsOpen) { return !oldIsOpen; }); }, []);
-    useEffectAfterMount(function () {
+function useToggle(defaultIsOpen = false, onToggleCb) {
+    const [isOpen, setIsOpen] = useState(defaultIsOpen);
+    const onToggle = useCallback(() => setIsOpen((oldIsOpen) => !oldIsOpen), []);
+    useEffectAfterMount(() => {
         if (typeof onToggleCb === 'function') {
             onToggleCb(isOpen);
         }

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,OAAO,4CAAgD;AACvD,OAAO,kDAAsD;AAC7D;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,OAAO,4CAAgD;AACvD,OAAO,kDAAsD;AAC7D;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/hooks/use_value.js

@@ -13,22 +13,22 @@ import { useState, useCallback, useEffect } from 'react';
  * @returns {Array} Tuple - selected values and state setter for them
  */
 function useValue(wrapperRef, options, defaultValues, onChangeCb) {
-    var _a = useState([]), selectedValues = _a[0], setSelectedValue = _a[1];
-    var setSelectedValues = useCallback(function (selectedOption) {
+    const [selectedValues, setSelectedValue] = useState([]);
+    const setSelectedValues = useCallback((selectedOption) => {
         var _a;
-        setSelectedValue(function () { return [selectedOption]; });
+        setSelectedValue(() => [selectedOption]);
         if (typeof onChangeCb === 'function') {
             onChangeCb(selectedOption);
-            var event_1 = new CustomEvent('dropdown:change', {
+            const event = new CustomEvent('dropdown:change', {
                 detail: {
-                    selectedOption: selectedOption
+                    selectedOption
                 }
             });
-            (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
+            (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
         }
     }, [onChangeCb, wrapperRef]);
-    useEffect(function () {
-        var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && defaultValues.indexOf(option.value) >= 0; });
+    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];

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

@@ -1,5 +1,4 @@
 import { useState, useCallback } from 'react';
-import { __spreadArray } from '../../../../../../_virtual/_tslib.js';
 
 /**
  * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as
@@ -15,36 +14,36 @@ import { __spreadArray } from '../../../../../../_virtual/_tslib.js';
  * @returns {Array} Tuple - selected values and state setter for them
  */
 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 _a = useState(defaultSelectedOptions), selectedValues = _a[0], setSelectedValue = _a[1];
+    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] = 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
      */
-    var setSelectedValues = useCallback(function (selectedOption) {
-        setSelectedValue(function (previousSelectedOptions) {
+    const setSelectedValues = useCallback((selectedOption) => {
+        setSelectedValue((previousSelectedOptions) => {
             var _a;
-            var allSelectedOptions;
-            var isChecked;
+            let allSelectedOptions;
+            let isChecked;
             if (previousSelectedOptions && (previousSelectedOptions === null || previousSelectedOptions === void 0 ? void 0 : previousSelectedOptions.indexOf(selectedOption)) >= 0) {
-                allSelectedOptions = previousSelectedOptions.filter(function (option) { return option.value !== selectedOption.value; });
+                allSelectedOptions = previousSelectedOptions.filter((option) => option.value !== selectedOption.value);
                 isChecked = false;
             }
             else {
-                allSelectedOptions = __spreadArray(__spreadArray([], previousSelectedOptions, true), [selectedOption], false);
+                allSelectedOptions = [...previousSelectedOptions, selectedOption];
                 isChecked = true;
             }
             if (typeof onChangeCb === 'function') {
                 onChangeCb(selectedOption, isChecked, allSelectedOptions);
-                var event_1 = new CustomEvent('dropdown:change', {
+                const event = new CustomEvent('dropdown:change', {
                     detail: {
-                        selectedOption: selectedOption,
-                        isChecked: isChecked,
-                        allSelectedOptions: allSelectedOptions
+                        selectedOption,
+                        isChecked,
+                        allSelectedOptions
                     }
                 });
-                (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
+                (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
             }
             return allSelectedOptions;
         });

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

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

@@ -34,14 +34,13 @@ import { useToggle } from './hooks/use_toggle.js';
  *  <Dropdown>
  * )
  */
-var Dropdown = function (_a) {
-    var _b = _a.defaultIsOpen, defaultIsOpen = _b === void 0 ? false : _b, onToggle = _a.onToggle, children = _a.children;
-    var wrapperRef = useRef(null);
-    var _c = useToggle(defaultIsOpen, onToggle), isOpen = _c[0], toggleDropdown = _c[1];
+const Dropdown = ({ defaultIsOpen = false, onToggle, children }) => {
+    const wrapperRef = useRef(null);
+    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);
     /**
      * 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, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
+    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
     return (React.createElement(DropdownContext.Provider, { value: value },
         React.createElement("div", { ref: wrapperRef, className: cssClasses.dropdown }, children)));
 };

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

@@ -10,7 +10,7 @@ import cssClasses$1 from '../../css/modal/main.module.less.js';
  * @param {Array<ISelectOption>} selectedValues array of selected values
  * @returns {Boolean}
  */
-var isSelected = function (option, selectedValues) { return selectedValues.indexOf(option) >= 0; };
+const isSelected = (option, selectedValues) => 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
@@ -19,7 +19,7 @@ var isSelected = function (option, selectedValues) { return selectedValues.index
  * @param {Function} setSelectedValues - selected values state setter
  * @param {Function} toggleDropdown - method which toggles dropdown
  */
-var handleItemClick = function (option, defaultCloseOnClick, setSelectedValues, toggleDropdown) {
+const handleItemClick = (option, defaultCloseOnClick, setSelectedValues, toggleDropdown) => {
     setSelectedValues(option);
     if (defaultCloseOnClick === true) {
         toggleDropdown();
@@ -33,31 +33,31 @@ var handleItemClick = function (option, defaultCloseOnClick, setSelectedValues,
  * @param {Function} setOptionsList method to set new state of options list
  * @returns {void} nothing
  */
-var handleSearchKeyUp = function (ev, options, setOptionsList) {
-    var $input = ev.target;
-    var searchQuery = $input.value;
-    var filteredOptions = fuzzySearch(searchQuery, options, 'text');
-    setOptionsList(function () { return filteredOptions; });
+const handleSearchKeyUp = (ev, options, setOptionsList) => {
+    const $input = ev.target;
+    const searchQuery = $input.value;
+    const filteredOptions = fuzzySearch(searchQuery, options, 'text');
+    setOptionsList(() => filteredOptions);
 };
-var getXYModifiersForNestedDropdowns = function (portalContainer) {
-    var xModifier = 0;
-    var yModifier = 0;
+const getXYModifiersForNestedDropdowns = (portalContainer) => {
+    let xModifier = 0;
+    let yModifier = 0;
     if (portalContainer) {
-        var $parentDropdownContent = portalContainer.closest(".".concat(cssClasses[cssDropdownContent]));
+        const $parentDropdownContent = portalContainer.closest(`.${cssClasses[cssDropdownContent]}`);
         if ($parentDropdownContent) {
-            var _a = $parentDropdownContent.getBoundingClientRect(), portalX = _a.x, portalY = _a.y;
+            const { x: portalX, y: portalY } = $parentDropdownContent.getBoundingClientRect();
             xModifier = portalX;
             yModifier = portalY;
         }
     }
     return {
-        xModifier: xModifier,
-        yModifier: yModifier
+        xModifier,
+        yModifier
     };
 };
-var isChildOfModal = function (ref) {
+const isChildOfModal = (ref) => {
     var _a;
-    var currentParent = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+    let currentParent = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
     while (currentParent) {
         if (currentParent.classList.contains(cssClasses$1['modal-window'])) {
             return true;