@dreamcommerce/aurora 0.4.3 → 0.4.5

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var DropdownContext = React.createContext({});
+const DropdownContext = React.createContext({});
 /**
  * drodown context
  */
 function useDropdownContext() {
-    var context = React.useContext(DropdownContext);
+    const context = React.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/cjs/packages/aurora/src/components/dropdown/css_classes.js

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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`;
 
 exports.cssDropdown = cssDropdown;
 exports.cssDropdownContent = cssDropdownContent;

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

@@ -32,106 +32,74 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  <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 = React.useRef(null);
+    const wrapperRef = React.useRef(null);
     /**
      * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
      */
-    var _j = use_toggle.useToggle(defaultIsOpen, onToggle), isOpen = _j[0], toggleDropdown = _j[1];
+    const [isOpen, toggleDropdown] = use_toggle.useToggle(defaultIsOpen, onToggle);
     /**
      * hook with option list state, and method to change option list
      */
-    var _k = React.useState(options), optionsList = _k[0], setOptionsList = _k[1];
+    const [optionsList, setOptionsList] = React.useState(options);
     /**
      * hook with selected value, and method do change it
      */
-    var _l = use_values.useValues(wrapperRef, options, defaultValues, onChange), selectedValues = _l[0], setSelectedValues = _l[1];
+    const [selectedValues, setSelectedValues] = use_values.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__default['default'].useMemo(function () { return ({ wrapperRef: wrapperRef, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
+    const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
     /**
      * hook which resets options list to default on close if select has search and it was used
      */
@@ -140,10 +108,10 @@ var Multiple = function (_a) {
         React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'][css_classes.cssDropdown] },
             React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
             React__default['default'].createElement(index$1['default'].Content, null,
-                isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: function (ev) { return utilities.handleSearchKeyUp(ev, options, setOptionsList); } }),
-                React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map(function (option) {
+                isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: (ev) => utilities.handleSearchKeyUp(ev, options, setOptionsList) }),
+                React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
                     var _a, _b;
-                    return option.isHeader ? (React__default['default'].createElement(index$1['default'].Header, { key: option.text, text: option.text })) : (React__default['default'].createElement(index$1['default'].OptionMultiple, { key: option.value, option: option, isSelected: utilities.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 utilities.handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown); } }));
+                    return option.isHeader ? (React__default['default'].createElement(index$1['default'].Header, { key: option.text, text: option.text })) : (React__default['default'].createElement(index$1['default'].OptionMultiple, { key: option.value, option: option, isSelected: utilities.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) => utilities.handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
                 }))))));
 };
 

package/build/cjs/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;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;AACA;"}

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

@@ -32,119 +32,93 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  <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 = React.useRef(null);
+    const wrapperRef = React.useRef(null);
     /**
      * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
      */
-    var _h = use_toggle.useToggle(defaultIsOpen, onToggle), isOpen = _h[0], toggleDropdown = _h[1];
+    const [isOpen, toggleDropdown] = use_toggle.useToggle(defaultIsOpen, onToggle);
     /**
      * hook with option list state, and method to change option list
      */
-    var _j = React.useState([]), optionsList = _j[0], setOptionsList = _j[1];
+    const [optionsList, setOptionsList] = React.useState([]);
     /**
      * hook with selected value, and method do change it
      */
-    var _k = use_value.useValue(wrapperRef, options, defaultValues, onChange), selectedValues = _k[0], setSelectedValues = _k[1];
+    const [selectedValues, setSelectedValues] = use_value.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__default['default'].useMemo(function () { return ({ wrapperRef: wrapperRef, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
+    const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
     /**
      * hook which resets options list to default on close if select has search and it was used
      */
     use_set_options_on_close.useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
-    React.useEffect(function () {
+    React.useEffect(() => {
         setOptionsList(options);
     }, [options]);
     return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
         React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'][css_classes.cssDropdown] },
             React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
             React__default['default'].createElement(index$1['default'].Content, { portalContainer: portalContainer },
-                isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: function (ev) { return utilities.handleSearchKeyUp(ev, options, setOptionsList); } }),
-                React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map(function (option) {
+                isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: (ev) => utilities.handleSearchKeyUp(ev, options, setOptionsList) }),
+                React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
                     var _a, _b;
-                    return option.isHeader ? (React__default['default'].createElement(index$1['default'].Header, { key: option.text, text: option.text })) : (React__default['default'].createElement(index$1['default'].Option, { key: option.value, option: option, isSelected: utilities.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 utilities.handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown); } }));
+                    return option.isHeader ? (React__default['default'].createElement(index$1['default'].Header, { key: option.text, text: option.text })) : (React__default['default'].createElement(index$1['default'].Option, { key: option.value, option: option, isSelected: utilities.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) => utilities.handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
                 }))))));
 };
 

package/build/cjs/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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 var use_key_down = require('../../../hooks/use_key_down.js');
 
-var useKeyboardOpenClose = function (toggleDropdown, isOpen, ref) {
-    use_key_down.useKeyDown([' '], function () { return !isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()); }, ref);
-    use_key_down.useKeyDown(['Esc|Escape'], function () { return isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()); }, ref);
+const useKeyboardOpenClose = (toggleDropdown, isOpen, ref) => {
+    use_key_down.useKeyDown([' '], () => !isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()), ref);
+    use_key_down.useKeyDown(['Esc|Escape'], () => isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()), ref);
 };
 
 exports.useKeyboardOpenClose = useKeyboardOpenClose;

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

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

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

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-require('../../../../../../external/lodash/_root.js');
-require('../../../../../../external/lodash/_baseGetTag.js');
 var use_effect_after_mount = require('../../../hooks/use_effect_after_mount.js');
 
 /**
@@ -13,11 +11,10 @@ var use_effect_after_mount = require('../../../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 = React.useState(defaultIsOpen), isOpen = _a[0], setIsOpen = _a[1];
-    var onToggle = React.useCallback(function () { return setIsOpen(function (oldIsOpen) { return !oldIsOpen; }); }, []);
-    use_effect_after_mount.useEffectAfterMount(function () {
+function useToggle(defaultIsOpen = false, onToggleCb) {
+    const [isOpen, setIsOpen] = React.useState(defaultIsOpen);
+    const onToggle = React.useCallback(() => setIsOpen((oldIsOpen) => !oldIsOpen), []);
+    use_effect_after_mount.useEffectAfterMount(() => {
         if (typeof onToggleCb === 'function') {
             onToggleCb(isOpen);
         }

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,QAAQ,4CAAgD;AACxD,QAAQ,kDAAsD;AAC9D;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;"}

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

@@ -17,22 +17,22 @@ var React = require('react');
  * @returns {Array} Tuple - selected values and state setter for them
  */
 function useValue(wrapperRef, options, defaultValues, onChangeCb) {
-    var _a = React.useState([]), selectedValues = _a[0], setSelectedValue = _a[1];
-    var setSelectedValues = React.useCallback(function (selectedOption) {
+    const [selectedValues, setSelectedValue] = React.useState([]);
+    const setSelectedValues = React.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]);
-    React.useEffect(function () {
-        var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && defaultValues.indexOf(option.value) >= 0; });
+    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];

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _tslib = require('../../../../../../_virtual/_tslib.js');
 
 /**
  * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as
@@ -19,36 +18,36 @@ var _tslib = require('../../../../../../_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 = React.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] = 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
      */
-    var setSelectedValues = React.useCallback(function (selectedOption) {
-        setSelectedValue(function (previousSelectedOptions) {
+    const setSelectedValues = React.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 = _tslib.__spreadArray(_tslib.__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/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;"}
+{"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;"}

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

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

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