@dreamcommerce/aurora 2.16.3 → 2.16.5

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

@@ -6,11 +6,11 @@ import { cssDropdownSearch } from '../css_classes.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
 
-/**
- * Dropdown.Search component. Displays search control.
- * @component
- * @example
- * <Dropdown.Search onKeyUp={(ev) => console.log(`${ev} is a keyboard event`)} />
+/**
+ * Dropdown.Search component. Displays search control.
+ * @component
+ * @example
+ * <Dropdown.Search onKeyUp={(ev) => console.log(`${ev} is a keyboard event`)} />
  */
 
 var Search = function Search(_ref) {

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

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

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

@@ -8,11 +8,11 @@ import { filterOptionDuplicatesByProperty } from '../utilities.js';
 import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
 import InputWrapper from '../../controls/components/input_wrapper.js';
 
-/**
- * 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']} />
+/**
+ * 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 Select(_ref) {
@@ -26,28 +26,28 @@ var Select = function Select(_ref) {
       onRemoveOptions = _ref.onRemoveOptions,
       hasCloseIcon = _ref.hasCloseIcon;
   var ref = useRef(null);
-  /**
-   * get values from dropdown context
+  /**
+   * get values from dropdown context
    */
 
   var _useDropdownContext = useDropdownContext(),
       isOpen = _useDropdownContext.isOpen,
       toggleDropdown = _useDropdownContext.toggleDropdown;
-  /**
-   * filter options if there are more than one with the same value
+  /**
+   * filter options if there are more than one with the same value
    */
 
 
   var filteredOptions = filterOptionDuplicatesByProperty(selectedOptions, 'value');
-  /**
-   * value for display purposes, its texts not actual values from options
+  /**
+   * value for display purposes, its texts not actual values from options
    */
 
   var value = filteredOptions.map(function (option) {
     return option.text;
   }).join(', ');
-  /**
-   * disabled options should have hidden inputs with values rendered
+  /**
+   * disabled options should have hidden inputs with values rendered
    */
 
   var notDisabled = filteredOptions.filter(function (option) {

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

@@ -1,7 +1,7 @@
-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;
-export declare const DROPDOWN_CONTENT_ARROW_HEIGHT = 13;
+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;
+export declare const DROPDOWN_CONTENT_ARROW_HEIGHT = 13;

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

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

@@ -1,8 +1,8 @@
 import { createContext, useContext } from 'react';
 
 var DropdownContext = /*#__PURE__*/createContext({});
-/**
- * drodown context
+/**
+ * drodown context
  */
 
 function useDropdownContext() {

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

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

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

@@ -1,25 +1,25 @@
-export declare const cssDropdown = "dropdown";
-export declare const cssDropdownContent: string;
-export declare const cssDropdownContentOnTop: string;
-export declare const cssDropdownContentOnBottom: string;
-export declare const cssDropdownArrowHorizontalDirectionRight: string;
-export declare const cssDropdownArrowVerticalDirectionBottom: 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 jsDropdownContentClass: 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 cssDropdownListItemAdditionalInfo: string;
-export declare const cssIcon = "icon";
-export declare const cssIconBack: string;
+export declare const cssDropdown = "dropdown";
+export declare const cssDropdownContent: string;
+export declare const cssDropdownContentOnTop: string;
+export declare const cssDropdownContentOnBottom: string;
+export declare const cssDropdownArrowHorizontalDirectionRight: string;
+export declare const cssDropdownArrowVerticalDirectionBottom: 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 jsDropdownContentClass: 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 cssDropdownListItemAdditionalInfo: string;
+export declare const cssIcon = "icon";
+export declare const cssIconBack: string;

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

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

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

@@ -9,21 +9,21 @@ import { useToggle } from '../../hooks/use_toggle.js';
 import { useSetOptionsOnClose } from '../../hooks/use_set_options_on_close.js';
 import Dropdown from '../../index.js';
 
-/**
- * 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)} />
- * )
+/**
+ * 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 Multiple(_ref) {
@@ -47,12 +47,12 @@ var Multiple = function Multiple(_ref) {
       onChange = _ref.onChange,
       hasCloseIcon = _ref.hasCloseIcon;
 
-  /**
-   * reference to dropdown wrapper element
+  /**
+   * 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
+  /**
+   * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
    */
 
   var _useToggle = useToggle(defaultIsOpen, onToggle),
@@ -61,8 +61,8 @@ var Multiple = function Multiple(_ref) {
       toggleDropdown = _useToggle2[1],
       openDropdown = _useToggle2[2],
       closeDropdown = _useToggle2[3];
-  /**
-   * hook with option list state, and method to change option list
+  /**
+   * hook with option list state, and method to change option list
    */
 
 
@@ -70,8 +70,8 @@ var Multiple = function Multiple(_ref) {
       _useState2 = _slicedToArray(_useState, 2),
       optionsList = _useState2[0],
       setOptionsList = _useState2[1];
-  /**
-   * hook with selected value, and method do change it
+  /**
+   * hook with selected value, and method do change it
    */
 
 
@@ -79,8 +79,8 @@ var Multiple = function Multiple(_ref) {
       _useValues2 = _slicedToArray(_useValues, 2),
       selectedValues = _useValues2[0],
       setSelectedValues = _useValues2[1];
-  /**
-   * context values, they may be used with useContext in any component which is part of Dropdown composition
+  /**
+   * context values, they may be used with useContext in any component which is part of Dropdown composition
    */
 
 
@@ -93,8 +93,8 @@ var Multiple = function Multiple(_ref) {
       closeDropdown: closeDropdown
     };
   }, [isOpen, toggleDropdown, openDropdown, closeDropdown]);
-  /**
-   * hook which resets options list to default on close if select has search and it was used
+  /**
+   * hook which resets options list to default on close if select has search and it was used
    */
 
   useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);

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

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

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

@@ -9,21 +9,21 @@ import { useToggle } from '../../hooks/use_toggle.js';
 import { useSetOptionsOnClose } from '../../hooks/use_set_options_on_close.js';
 import Dropdown from '../../index.js';
 
-/**
- * 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)} />
- * )
+/**
+ * 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 Select(_ref) {
@@ -50,20 +50,20 @@ var Select = function Select(_ref) {
       innerAdditionalContent = _ref.innerAdditionalContent,
       hasCloseIcon = _ref.hasCloseIcon;
 
-  /**
-   * reference to dropdown wrapper element
+  /**
+   * 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
+  /**
+   * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
    */
 
   var _useToggle = useToggle(defaultIsOpen, onToggle),
       _useToggle2 = _slicedToArray(_useToggle, 2),
       isOpen = _useToggle2[0],
       toggleDropdown = _useToggle2[1];
-  /**
-   * hook with option list state, and method to change option list
+  /**
+   * hook with option list state, and method to change option list
    */
 
 
@@ -71,8 +71,8 @@ var Select = function Select(_ref) {
       _useState2 = _slicedToArray(_useState, 2),
       optionsList = _useState2[0],
       setOptionsList = _useState2[1];
-  /**
-   * hook with selected value, and method do change it
+  /**
+   * hook with selected value, and method do change it
    */
 
 
@@ -80,8 +80,8 @@ var Select = function Select(_ref) {
       _useValue2 = _slicedToArray(_useValue, 2),
       selectedValues = _useValue2[0],
       setSelectedValues = _useValue2[1];
-  /**
-   * context values, they may be used with useContext in any component which is part of Dropdown composition
+  /**
+   * context values, they may be used with useContext in any component which is part of Dropdown composition
    */
 
 
@@ -92,8 +92,8 @@ var Select = function Select(_ref) {
       toggleDropdown: toggleDropdown
     };
   }, [isOpen, toggleDropdown]);
-  /**
-   * hook which resets options list to default on close if select has search and it was used
+  /**
+   * hook which resets options list to default on close if select has search and it was used
    */
 
   useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);

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

@@ -1,5 +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 };
+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/use_keyboard_open_close.d.ts

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

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

@@ -1,3 +1,4 @@
+import 'react';
 import { useKeyDown } from '../../../hooks/use_key_down.js';
 
 var useKeyboardOpenClose = function useKeyboardOpenClose(toggleDropdown, isOpen, ref) {

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

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

@@ -1,11 +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;
+/// <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

@@ -1,12 +1,12 @@
 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
+/**
+ * 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) {

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

@@ -1,7 +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, () => void, () => void];
+/**
+ * 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, () => void, () => void];

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

@@ -2,11 +2,11 @@ import { useState, useCallback } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useEffectAfterMount } from '../../../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
+/**
+ * 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() {

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

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-import { ISelectOption } from '../types';
-/**
- * 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
- */
-export declare function useValue(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues?: Array<string>, onChangeCb?: (selectedOption?: ISelectOption) => void): [ISelectOption[], (selectedOption?: ISelectOption) => void];
-/**
- * dropdown:change event
- *
- * @event dropdown:change
- * @type {object}
- * @property {ISelectOption} selectedOption selected option
- */
+/// <reference types="react" />
+import { ISelectOption } from '../types';
+/**
+ * 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
+ */
+export declare function useValue(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues?: Array<string>, onChangeCb?: (selectedOption?: ISelectOption) => void): [ISelectOption[], (selectedOption?: ISelectOption) => void];
+/**
+ * dropdown:change event
+ *
+ * @event dropdown:change
+ * @type {object}
+ * @property {ISelectOption} selectedOption selected option
+ */