@dreamcommerce/aurora 0.3.21 → 0.3.25

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

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../context/index.js');
+var main_module = require('../../../css/dropdown/main.module.less.js');
+var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
+var input_wrapper = require('../../controls/components/input_wrapper.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * Dropdown.Select component. Displays select like control. Use it only if you have selectable values.
+ * @component
+ * @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 = React.useRef(null);
+    /**
+     * get values from dropdown context
+     */
+    var _d = index.useDropdownContext(), isOpen = _d.isOpen, toggleDropdown = _d.toggleDropdown;
+    /**
+     * value for display purposes, its texts not actual values from options
+     */
+    var value = selectedOptions.map(function (option) { return 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__default['default'].createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })); });
+    use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
+    return (React__default['default'].createElement("div", { className: main_module['default']['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
+        React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),
+        $hiddenInputs));
+};
+
+exports.default = Select;
+//# sourceMappingURL=select.js.map

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

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

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DROPDOWN_MAIN_TEST_ID = 'dropdown';
+var DROPDOWN_LABEL_TEST_ID = "".concat(DROPDOWN_MAIN_TEST_ID, "__label");
+var 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;
+
+exports.DROPDOWN_ON_MODAL_Z_INDEX = DROPDOWN_ON_MODAL_Z_INDEX;
+exports.DROPDOWN_TEST_ID = DROPDOWN_TEST_ID;
+exports.DROPDOWN_Z_INDEX = DROPDOWN_Z_INDEX;
+//# sourceMappingURL=constants.js.map

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

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

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

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var DropdownContext = React.createContext({});
+/**
+ * drodown context
+ */
+function useDropdownContext() {
+    var 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");
+    }
+    return context;
+}
+
+exports.DropdownContext = DropdownContext;
+exports.useDropdownContext = useDropdownContext;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,38 @@
+'use strict';
+
+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");
+
+exports.cssDropdown = cssDropdown;
+exports.cssDropdownContent = cssDropdownContent;
+exports.cssDropdownContentRight = cssDropdownContentRight;
+exports.cssDropdownHeader = cssDropdownHeader;
+exports.cssDropdownHeaderContent = cssDropdownHeaderContent;
+exports.cssDropdownHeaderTitle = cssDropdownHeaderTitle;
+exports.cssDropdownItemWithHover = cssDropdownItemWithHover;
+exports.cssDropdownList = cssDropdownList;
+exports.cssDropdownListHead = cssDropdownListHead;
+exports.cssDropdownListItem = cssDropdownListItem;
+exports.cssDropdownListItemDisabled = cssDropdownListItemDisabled;
+exports.cssDropdownListItemReadonly = cssDropdownListItemReadonly;
+exports.cssDropdownListItemSelected = cssDropdownListItemSelected;
+exports.cssDropdownListWithGroup = cssDropdownListWithGroup;
+exports.cssDropdownSearch = cssDropdownSearch;
+exports.cssDropdownWithScroll = cssDropdownWithScroll;
+//# sourceMappingURL=css_classes.js.map

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

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

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

@@ -0,0 +1,151 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../../context/index.js');
+var css_classes = require('../../css_classes.js');
+var main_module = require('../../../../css/dropdown/main.module.less.js');
+var utilities = require('../../utilities.js');
+var use_values = require('../../hooks/use_values.js');
+var use_toggle = require('../../hooks/use_toggle.js');
+var use_set_options_on_close = require('../../hooks/use_set_options_on_close.js');
+var index$1 = require('../../index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * MultiSelect component. Build with Dropdown composed components.
+ *
+ * @component
+ * @example
+ * const options = [{
+ *  text: 'Option 1',
+ *  value: 'value1'
+ * }, {
+ *  text: 'Option 2,,
+ *  value: 'value2'
+ * }];
+ * return (
+ *  <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;
+    /**
+     * reference to dropdown wrapper element
+     */
+    var 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];
+    /**
+     * hook with option list state, and method to change option list
+     */
+    var _k = React.useState(options), optionsList = _k[0], setOptionsList = _k[1];
+    /**
+     * hook with selected value, and method do change it
+     */
+    var _l = use_values.useValues(wrapperRef, options, defaultValues, onChange), selectedValues = _l[0], setSelectedValues = _l[1];
+    /**
+     * 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]);
+    /**
+     * 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);
+    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, 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) {
+                    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); } }));
+                }))))));
+};
+
+exports.default = Multiple;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -0,0 +1,152 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../../context/index.js');
+var css_classes = require('../../css_classes.js');
+var main_module = require('../../../../css/dropdown/main.module.less.js');
+var utilities = require('../../utilities.js');
+var use_value = require('../../hooks/use_value.js');
+var use_toggle = require('../../hooks/use_toggle.js');
+var use_set_options_on_close = require('../../hooks/use_set_options_on_close.js');
+var index$1 = require('../../index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * Select component. Build with Dropdown composed components.
+ *
+ * @component
+ * @example
+ * const options = [{
+ *  text: 'Option 1',
+ *  value: 'value1'
+ * }, {
+ *  text: 'Option 2,,
+ *  value: 'value2'
+ * }];
+ * return (
+ *  <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;
+    /**
+     * reference to dropdown wrapper element
+     */
+    var 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];
+    /**
+     * hook with option list state, and method to change option list
+     */
+    var _j = React.useState([]), optionsList = _j[0], setOptionsList = _j[1];
+    /**
+     * hook with selected value, and method do change it
+     */
+    var _k = use_value.useValue(wrapperRef, options, defaultValues, onChange), selectedValues = _k[0], setSelectedValues = _k[1];
+    /**
+     * 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]);
+    /**
+     * 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 () {
+        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) {
+                    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); } }));
+                }))))));
+};
+
+exports.default = Select;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -0,0 +1,14 @@
+'use strict';
+
+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);
+};
+
+exports.useKeyboardOpenClose = useKeyboardOpenClose;
+//# sourceMappingURL=use_keyboard_open_close.js.map

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

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

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

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * hook used to reset filtered options list to default on dropdown hide
+ * @param isWithSearch indicates if dropdown use search (searchable items)
+ * @param isOpen indicates if dropdown is open
+ * @param setOptionsList state setter for options list
+ * @param options default options list
+ * @returns {void} nothing
+ */
+function useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options) {
+    React.useEffect(function () {
+        if (isWithSearch === true && isOpen === false) {
+            setOptionsList(function () { return options; });
+        }
+    }, [isOpen, isWithSearch, options, setOptionsList]);
+}
+
+exports.useSetOptionsOnClose = useSetOptionsOnClose;
+//# sourceMappingURL=use_set_options_on_close.js.map

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

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

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

@@ -0,0 +1,29 @@
+'use strict';
+
+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');
+
+/**
+ * Hook used for toggling dropdown
+ * @param defaultIsOpen should dropdown be opened at render
+ * @param onToggleCb callback onToggle
+ * @returns {Array} tuple - open state and and method to change open state
+ */
+function useToggle(defaultIsOpen, 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 () {
+        if (typeof onToggleCb === 'function') {
+            onToggleCb(isOpen);
+        }
+    }, [isOpen]);
+    return [isOpen, onToggle];
+}
+
+exports.useToggle = useToggle;
+//# sourceMappingURL=use_toggle.js.map

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

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

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

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * Hook used to allow use single selectable value, returns array of selected values and method to set value as selected
+ * You can use is for select or any other form of control which needs single selectable value
+ * @param {React.RefObject<HTMLElement>} wrapperRef
+ * @param {Array<ISelectOption>} options
+ * @param {Array<string>} defaultValues
+ * @param {Function} onChangeCb
+ *
+ * @fires dropdown:change
+ *
+ * @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) {
+        var _a;
+        setSelectedValue(function () { return [selectedOption]; });
+        if (typeof onChangeCb === 'function') {
+            onChangeCb(selectedOption);
+            var event_1 = new CustomEvent('dropdown:change', {
+                detail: {
+                    selectedOption: selectedOption
+                }
+            });
+            (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
+        }
+    }, [onChangeCb, wrapperRef]);
+    React.useEffect(function () {
+        var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && defaultValues.indexOf(option.value) >= 0; });
+        setSelectedValue(defaultSelectedOptions);
+    }, [defaultValues, options]);
+    return [selectedValues, setSelectedValues];
+}
+/**
+ * dropdown:change event
+ *
+ * @event dropdown:change
+ * @type {object}
+ * @property {ISelectOption} selectedOption selected option
+ */
+
+exports.useValue = useValue;
+//# sourceMappingURL=use_value.js.map

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

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