@dreamcommerce/aurora 0.4.3 → 0.4.5

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

@@ -10,46 +10,37 @@ import InputWrapper from '../../controls/components/input_wrapper.js';
  * @example
  * <Dropdown.Select name="select_name" selectedOptions={['value1', 'value2']} />
  */
-var Select = function (_a) {
-    var 
-    /**
-     * select name
-     */
-    name = _a.name, 
-    /**
-     * is select disabled, used for styling purposes
-     */
-    _b = _a.isDisabled, 
-    /**
-     * is select disabled, used for styling purposes
-     */
-    isDisabled = _b === void 0 ? false : _b, 
-    /**
-     * is select readonly, used for styling purposes
-     */
-    _c = _a.isReadonly, 
-    /**
-     * is select readonly, used for styling purposes
-     */
-    isReadonly = _c === void 0 ? false : _c, 
-    /**
-     * array of selected options
-     */
-    selectedOptions = _a.selectedOptions;
-    var ref = useRef(null);
+const Select = ({ 
+/**
+ * select name
+ */
+name, 
+/**
+ * is select disabled, used for styling purposes
+ */
+isDisabled = false, 
+/**
+ * is select readonly, used for styling purposes
+ */
+isReadonly = false, 
+/**
+ * array of selected options
+ */
+selectedOptions }) => {
+    const ref = useRef(null);
     /**
      * get values from dropdown context
      */
-    var _d = useDropdownContext(), isOpen = _d.isOpen, toggleDropdown = _d.toggleDropdown;
+    const { isOpen, toggleDropdown } = useDropdownContext();
     /**
      * value for display purposes, its texts not actual values from options
      */
-    var value = selectedOptions.map(function (option) { return option.text; }).join(', ');
+    const value = selectedOptions.map((option) => option.text).join(', ');
     /**
      * disabled options should have hidden inputs with values rendered
      */
-    var notDisabled = selectedOptions.filter(function (option) { return !option.isDisabled; });
-    var $hiddenInputs = notDisabled.map(function (option) { return (React.createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })); });
+    const notDisabled = selectedOptions.filter((option) => !option.isDisabled);
+    const $hiddenInputs = notDisabled.map((option) => (React.createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })));
     useKeyboardOpenClose(toggleDropdown, isOpen, ref);
     return (React.createElement("div", { className: cssClasses['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
         React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),

package/build/esm/packages/aurora/src/components/dropdown/components/select.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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,11 +1,11 @@
-var DROPDOWN_MAIN_TEST_ID = 'dropdown';
-var DROPDOWN_LABEL_TEST_ID = "".concat(DROPDOWN_MAIN_TEST_ID, "__label");
-var DROPDOWN_TEST_ID = {
+const DROPDOWN_MAIN_TEST_ID = 'dropdown';
+const DROPDOWN_LABEL_TEST_ID = `${DROPDOWN_MAIN_TEST_ID}__label`;
+const DROPDOWN_TEST_ID = {
     dropdown: DROPDOWN_MAIN_TEST_ID,
     label: DROPDOWN_LABEL_TEST_ID
 };
-var DROPDOWN_Z_INDEX = 1200;
-var DROPDOWN_ON_MODAL_Z_INDEX = 2200;
+const DROPDOWN_Z_INDEX = 1200;
+const DROPDOWN_ON_MODAL_Z_INDEX = 2200;
 
 export { DROPDOWN_ON_MODAL_Z_INDEX, DROPDOWN_TEST_ID, DROPDOWN_Z_INDEX };
 //# sourceMappingURL=constants.js.map

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

@@ -1,13 +1,13 @@
 import { createContext, useContext } from 'react';
 
-var DropdownContext = createContext({});
+const DropdownContext = createContext({});
 /**
  * drodown context
  */
 function useDropdownContext() {
-    var context = useContext(DropdownContext);
+    const context = useContext(DropdownContext);
     if (Object.keys(context).length === 0 && context.constructor === Object) {
-        throw new Error("Dropdown compound components cannot be rendered outside the Dropdown component");
+        throw new Error(`Dropdown compound components cannot be rendered outside the Dropdown component`);
     }
     return context;
 }

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

@@ -1,19 +1,19 @@
-var cssDropdown = 'dropdown';
-var cssDropdownContent = "".concat(cssDropdown, "__content");
-var cssDropdownContentRight = "".concat(cssDropdownContent, "_right");
-var cssDropdownHeader = "".concat(cssDropdown, "__header");
-var cssDropdownHeaderTitle = "".concat(cssDropdown, "__header-title");
-var cssDropdownHeaderContent = "".concat(cssDropdown, "__header-content");
-var cssDropdownItemWithHover = "".concat(cssDropdown, "__item-with-hover");
-var cssDropdownList = "".concat(cssDropdown, "__list");
-var cssDropdownSearch = "".concat(cssDropdown, "__search");
-var cssDropdownWithScroll = "".concat(cssDropdown, "__list_with-scroll");
-var cssDropdownListWithGroup = "".concat(cssDropdown, "__list_with-group");
-var cssDropdownListHead = "".concat(cssDropdown, "__list-head");
-var cssDropdownListItem = "".concat(cssDropdown, "__list-item");
-var cssDropdownListItemSelected = "".concat(cssDropdown, "__list-item_selected");
-var cssDropdownListItemDisabled = "".concat(cssDropdown, "__list-item_disabled");
-var cssDropdownListItemReadonly = "".concat(cssDropdown, "__list-item_readonly");
+const cssDropdown = 'dropdown';
+const cssDropdownContent = `${cssDropdown}__content`;
+const cssDropdownContentRight = `${cssDropdownContent}_right`;
+const cssDropdownHeader = `${cssDropdown}__header`;
+const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;
+const cssDropdownHeaderContent = `${cssDropdown}__header-content`;
+const cssDropdownItemWithHover = `${cssDropdown}__item-with-hover`;
+const cssDropdownList = `${cssDropdown}__list`;
+const cssDropdownSearch = `${cssDropdown}__search`;
+const cssDropdownWithScroll = `${cssDropdown}__list_with-scroll`;
+const cssDropdownListWithGroup = `${cssDropdown}__list_with-group`;
+const cssDropdownListHead = `${cssDropdown}__list-head`;
+const cssDropdownListItem = `${cssDropdown}__list-item`;
+const cssDropdownListItemSelected = `${cssDropdown}__list-item_selected`;
+const cssDropdownListItemDisabled = `${cssDropdown}__list-item_disabled`;
+const cssDropdownListItemReadonly = `${cssDropdown}__list-item_readonly`;
 
 export { cssDropdown, cssDropdownContent, cssDropdownContentRight, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle, cssDropdownItemWithHover, cssDropdownList, cssDropdownListHead, cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected, cssDropdownListWithGroup, cssDropdownSearch, cssDropdownWithScroll };
 //# sourceMappingURL=css_classes.js.map

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

@@ -1,6 +1,4 @@
 import { useState, useCallback } from 'react';
-import '../../../../../../external/lodash/_root.js';
-import '../../../../../../external/lodash/_baseGetTag.js';
 import { useEffectAfterMount } from '../../../hooks/use_effect_after_mount.js';
 
 /**
@@ -9,11 +7,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;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];