@dreamcommerce/aurora 0.3.18 → 0.3.21

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

@@ -0,0 +1,60 @@
+import React, { useRef } from 'react';
+import '../context/types';
+import '../types';
+import InputWrapper from '@auroraComponents/controls/components/input_wrapper';
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import { useDropdownContext } from '../context';
+import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';
+/**
+ * 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 = useRef(null);
+    /**
+     * get values from dropdown context
+     */
+    var _d = 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.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 }),
+        $hiddenInputs));
+};
+export default Select;
+//# sourceMappingURL=select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/components/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAiC,kBAAkB,CAAC;AACpD,OAAqC,UAAU,CAAC;AAChD,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAExE;;;;;GAKG;AACH,IAAM,MAAM,GAAmC,UAAC,EAoB/C;;IAnBG;;OAEG;IACH,IAAI,UAAA;IAEJ;;OAEG;IACH,kBAAkB;IAHlB;;OAEG;IACH,UAAU,mBAAG,KAAK,KAAA;IAElB;;OAEG;IACH,kBAAkB;IAHlB;;OAEG;IACH,UAAU,mBAAG,KAAK,KAAA;IAElB;;OAEG;IACH,eAAe,qBAAA;IAEf,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB;;OAEG;IACG,IAAA,KAA+C,kBAAkB,EAAE,EAAjE,MAAM,YAAA,EAAE,cAAc,oBAA2C,CAAC;IAE1E;;OAEG;IACH,IAAM,KAAK,GAAG,eAAe,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,IAAI,EAAX,CAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEtE;;OAEG;IACH,IAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,CAAC,MAAM,CAAC,UAAU,EAAlB,CAAkB,CAAC,CAAC;IAC3E,IAAM,aAAa,GAAG,WAAW,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CAC9C,+BAAO,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,GAAI,CAC1H,EAFiD,CAEjD,CAAC,CAAC;IAEH,oBAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,mBAAiB,MAAM,mBAAgB,SAAS,EAAC,GAAG,EAAE,GAAG;QACzF,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,GAAI;QAClI,aAAa,CACZ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const DROPDOWN_TEST_ID: {
+    dropdown: string;
+    label: string;
+};
+export declare const DROPDOWN_Z_INDEX = 1200;
+export declare const DROPDOWN_ON_MODAL_Z_INDEX = 2200;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/constants.ts"],"names":[],"mappings":"AAAA,IAAM,qBAAqB,GAAG,UAAU,CAAC;AACzC,IAAM,sBAAsB,GAAG,UAAG,qBAAqB,YAAS,CAAC;AAEjE,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC5B,QAAQ,EAAE,qBAAqB;IAC/B,KAAK,EAAE,sBAAsB;CAChC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,IAAI,CAAC;AACrC,MAAM,CAAC,IAAM,yBAAyB,GAAG,IAAI,CAAC"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IDropdownContext } from './types';
+export declare const DropdownContext: import("react").Context<{}>;
+/**
+ * drodown context
+ */
+export declare function useDropdownContext(): IDropdownContext;

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

@@ -0,0 +1,14 @@
+import { createContext, useContext } from 'react';
+import './types';
+export var DropdownContext = createContext({});
+/**
+ * drodown context
+ */
+export function useDropdownContext() {
+    var 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");
+    }
+    return context;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAiC,SAAS,CAAC;AAE3C,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;AAEjD;;GAEG;AACH,MAAM,UAAU,kBAAkB;IAC9B,IAAM,OAAO,GAAqB,UAAU,CAAC,eAAe,CAAC,CAAC;IAC9D,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,WAAW,KAAK,MAAM,EAAE;QACrE,MAAM,IAAI,KAAK,CAAC,gFAAgF,CAAC,CAAC;KACrG;IACD,OAAO,OAAO,CAAC;AACnB,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/context/types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface IDropdownContext {
+    wrapperRef?: React.RefObject<HTMLDivElement>;
+    isOpen?: boolean;
+    toggleDropdown?: () => void;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/context/types.ts"],"names":[],"mappings":""}

package/build/esm/packages/aurora/src/components/dropdown/css_classes.d.ts

@@ -0,0 +1,20 @@
+export declare const cssDropdown = "dropdown";
+export declare const cssDropdownContent: string;
+export declare const cssDropdownContentRight: string;
+export declare const cssDropdownHeader: string;
+export declare const cssDropdownHeaderIcon: string;
+export declare const cssDropdownHeaderTitle: string;
+export declare const cssDropdownHeaderContent: string;
+export declare const cssDropdownItemWithHover: string;
+export declare const cssDropdownInput: string;
+export declare const cssDropdownList: string;
+export declare const cssDropdownSearch: string;
+export declare const cssDropdownWithScroll: string;
+export declare const cssDropdownListWithGroup: string;
+export declare const cssDropdownListHead: string;
+export declare const cssDropdownListItem: string;
+export declare const cssDropdownListItemSelected: string;
+export declare const cssDropdownListItemDisabled: string;
+export declare const cssDropdownListItemReadonly: string;
+export declare const cssIcon = "icon";
+export declare const cssIconBack: string;

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

@@ -0,0 +1,21 @@
+export var cssDropdown = 'dropdown';
+export var cssDropdownContent = "".concat(cssDropdown, "__content");
+export var cssDropdownContentRight = "".concat(cssDropdownContent, "_right");
+export var cssDropdownHeader = "".concat(cssDropdown, "__header");
+export var cssDropdownHeaderIcon = "".concat(cssDropdown, "__header-icon");
+export var cssDropdownHeaderTitle = "".concat(cssDropdown, "__header-title");
+export var cssDropdownHeaderContent = "".concat(cssDropdown, "__header-content");
+export var cssDropdownItemWithHover = "".concat(cssDropdown, "__item-with-hover");
+export var cssDropdownInput = "".concat(cssDropdown, "__input");
+export var cssDropdownList = "".concat(cssDropdown, "__list");
+export var cssDropdownSearch = "".concat(cssDropdown, "__search");
+export var cssDropdownWithScroll = "".concat(cssDropdown, "__list_with-scroll");
+export var cssDropdownListWithGroup = "".concat(cssDropdown, "__list_with-group");
+export var cssDropdownListHead = "".concat(cssDropdown, "__list-head");
+export var cssDropdownListItem = "".concat(cssDropdown, "__list-item");
+export var cssDropdownListItemSelected = "".concat(cssDropdown, "__list-item_selected");
+export var cssDropdownListItemDisabled = "".concat(cssDropdown, "__list-item_disabled");
+export var cssDropdownListItemReadonly = "".concat(cssDropdown, "__list-item_readonly");
+export var cssIcon = "icon";
+export var cssIconBack = "".concat(cssIcon, "-back");
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,WAAW,GAAG,UAAU,CAAC;AACtC,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAG,WAAW,cAAW,CAAC;AAC5D,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAG,kBAAkB,WAAQ,CAAC;AACrE,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAG,WAAW,aAAU,CAAC;AAC1D,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAG,WAAW,kBAAe,CAAC;AACnE,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAG,WAAW,mBAAgB,CAAC;AACrE,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAG,WAAW,qBAAkB,CAAC;AACzE,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAG,WAAW,sBAAmB,CAAC;AAC1E,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAG,WAAW,YAAS,CAAC;AACxD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAG,WAAW,WAAQ,CAAC;AAEtD,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAG,WAAW,aAAU,CAAC;AAC1D,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAG,WAAW,uBAAoB,CAAC;AACxE,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAG,WAAW,sBAAmB,CAAC;AAC1E,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAG,WAAW,gBAAa,CAAC;AAC/D,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAG,WAAW,gBAAa,CAAC;AAC/D,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAG,WAAW,yBAAsB,CAAC;AAChF,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAG,WAAW,yBAAsB,CAAC;AAChF,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAG,WAAW,yBAAsB,CAAC;AAEhF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC;AAC9B,MAAM,CAAC,IAAM,WAAW,GAAG,UAAG,OAAO,UAAO,CAAC"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { IMultiSelectProps } from '../../types';
+/**
+ * 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)} />
+ * )
+ */
+declare const Multiple: React.FC<IMultiSelectProps>;
+export default Multiple;

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

@@ -0,0 +1,140 @@
+import React, { useRef, useState } from 'react';
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import Dropdown from '../../index';
+import '../../types';
+import { DropdownContext } from '../../context';
+import { useToggle, useSetOptionsOnClose, useValues } from '../../hooks';
+import { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';
+import { cssDropdown } from '../../css_classes';
+/**
+ * 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 = 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];
+    /**
+     * hook with option list state, and method to change option list
+     */
+    var _k = useState(options), optionsList = _k[0], setOptionsList = _k[1];
+    /**
+     * hook with selected value, and method do change it
+     */
+    var _l = 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.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
+     */
+    useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, 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, 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) {
+                    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); } }));
+                }))))));
+};
+export default Multiple;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/components/dropdown/hoc/multiselect/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ISelectProps } from '../../types';
+/**
+ * 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)} />
+ * )
+ */
+declare const Select: React.FC<ISelectProps>;
+export default Select;

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

@@ -0,0 +1,141 @@
+import React, { useEffect, useRef, useState } from 'react';
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import Dropdown from '../../index';
+import '../../types';
+import { DropdownContext } from '../../context';
+import { useToggle, useSetOptionsOnClose, useValue } from '../../hooks';
+import { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';
+import { cssDropdown } from '../../css_classes';
+/**
+ * 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 = 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];
+    /**
+     * hook with option list state, and method to change option list
+     */
+    var _j = useState([]), optionsList = _j[0], setOptionsList = _j[1];
+    /**
+     * hook with selected value, and method do change it
+     */
+    var _k = 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.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
+     */
+    useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
+    useEffect(function () {
+        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) {
+                    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); } }));
+                }))))));
+};
+export default Select;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/components/dropdown/hoc/select/index.tsx"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/components/dropdown/hooks/index.d.ts

@@ -0,0 +1,5 @@
+import { useValue } from './use_value';
+import { useValues } from './use_values';
+import { useToggle } from './use_toggle';
+import { useSetOptionsOnClose } from './use_set_options_on_close';
+export { useValue, useValues, useToggle, useSetOptionsOnClose };

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

@@ -0,0 +1,6 @@
+import { useValue } from './use_value';
+import { useValues } from './use_values';
+import { useToggle } from './use_toggle';
+import { useSetOptionsOnClose } from './use_set_options_on_close';
+export { useValue, useValues, useToggle, useSetOptionsOnClose };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC"}

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

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

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

@@ -0,0 +1,7 @@
+import { useKeyDown } from '@auroraHooks/use_key_down';
+import 'react';
+export 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);
+};
+//# sourceMappingURL=use_keyboard_open_close.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_keyboard_open_close.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/hooks/use_keyboard_open_close.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAA0B,OAAO,CAAC;AAElC,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,cAA2B,EAAE,MAAgB,EAAE,GAA4B;IAC5G,UAAU,CAAC,CAAC,GAAG,CAAC,EAAE,cAAM,OAAA,CAAC,MAAM,KAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,EAAI,CAAA,EAA7B,CAA6B,EAAE,GAAG,CAAC,CAAC;IAC5D,UAAU,CAAC,CAAC,YAAY,CAAC,EAAE,cAAM,OAAA,MAAM,KAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,EAAI,CAAA,EAA5B,CAA4B,EAAE,GAAG,CAAC,CAAC;AACxE,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ISelectOption } from '../types';
+/**
+ * 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
+ */
+export declare function useSetOptionsOnClose(isWithSearch: boolean, isOpen: boolean, setOptionsList: (value: React.SetStateAction<Array<ISelectOption>>) => void, options: Array<ISelectOption>): void;

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

@@ -0,0 +1,18 @@
+import '../types';
+import { useEffect } from '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
+ */
+export function useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options) {
+    useEffect(function () {
+        if (isWithSearch === true && isOpen === false) {
+            setOptionsList(function () { return options; });
+        }
+    }, [isOpen, isWithSearch, options, setOptionsList]);
+}
+//# sourceMappingURL=use_set_options_on_close.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_set_options_on_close.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/hooks/use_set_options_on_close.ts"],"names":[],"mappings":"AAAA,OAA8B,UAAU,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;;;;;GAOG;AACH,MAAM,UAAU,oBAAoB,CAChC,YAAqB,EACrB,MAAe,EACf,cAA2E,EAC3E,OAA6B;IAE7B,SAAS,CAAC;QACN,IAAI,YAAY,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,EAAE;YAC3C,cAAc,CAAC,cAAM,OAAA,OAAO,EAAP,CAAO,CAAC,CAAC;SACjC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;AACxD,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * 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
+ */
+export declare function useToggle(defaultIsOpen?: boolean, onToggleCb?: (isOpen: boolean) => void): [boolean, () => void];

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

@@ -0,0 +1,20 @@
+import { useState, useCallback } from 'react';
+import { useEffectAfterMount } from '@auroraHooks/index';
+/**
+ * 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
+ */
+export 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 () {
+        if (typeof onToggleCb === 'function') {
+            onToggleCb(isOpen);
+        }
+    }, [isOpen]);
+    return [isOpen, onToggle];
+}
+//# sourceMappingURL=use_toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_toggle.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/hooks/use_toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,aAA8B,EAAE,UAAsC;IAAtE,8BAAA,EAAA,qBAA8B;IAC9C,IAAA,KAAsB,QAAQ,CAAC,aAAa,CAAC,EAA5C,MAAM,QAAA,EAAE,SAAS,QAA2B,CAAC;IACpD,IAAM,QAAQ,GAAG,WAAW,CAAC,cAAM,OAAA,SAAS,CAAC,UAAC,SAAS,IAAK,OAAA,CAAC,SAAS,EAAV,CAAU,CAAC,EAApC,CAAoC,EAAE,EAAE,CAAC,CAAC;IAE7E,mBAAmB,CAAC;QAChB,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;YAClC,UAAU,CAAC,MAAM,CAAC,CAAC;SACtB;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC9B,CAAC"}