@dreamcommerce/aurora 0.3.23 → 0.3.24

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

@@ -1,144 +1,141 @@
-import React, { useRef, useState, useEffect } from 'react';
-import { DropdownContext } from '../../context/index.js';
-import { cssDropdown } from '../../css_classes.js';
-import cssClasses from '../../../../css/dropdown/main.module.less.js';
-import { handleSearchKeyUp, isSelected, handleItemClick } from '../../utilities.js';
-import { useValue } from '../../hooks/use_value.js';
-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)} />
- * )
- */
-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); } }));
-                }))))));
+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
+//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/components/dropdown/hoc/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAA4C,aAAa,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD;;;;;;;;;;;;;;;GAeG;AACH,IAAM,MAAM,GAA2B,UAAC,EA8DvC;;IA7DG;;OAEG;IACH,IAAI,UAAA;IAEJ;;OAEG;IACH,OAAO,aAAA;IAEP;;;OAGG;IACH,aAAa,mBAAA;IAEb;;OAEG;IACH,kBAAkB;IAHlB;;OAEG;IACH,UAAU,mBAAG,KAAK,KAAA;IAElB;;OAEG;IACH,kBAAkB;IAHlB;;OAEG;IACH,UAAU,mBAAG,KAAK,KAAA;IAElB;;;OAGG;IACH,oBAAoB;IAJpB;;;OAGG;IACH,YAAY,mBAAG,KAAK,KAAA;IAEpB;;OAEG;IACH,oBAAoB;IAHpB;;OAEG;IACH,YAAY,mBAAG,KAAK,KAAA;IAEpB;;OAEG;IACH,qBAAqB;IAHrB;;OAEG;IACH,aAAa,mBAAG,KAAK,KAAA;IAErB;;OAEG;IACH,2BAA0B;IAH1B;;OAEG;IACH,mBAAmB,mBAAG,IAAI,KAAA;IAE1B;;OAEG;IACH,QAAQ,cAAA;IAER;;OAEG;IACH,QAAQ,cAAA;IACR;;;OAGG;IACH,eAAe,qBAAA;IAEf;;OAEG;IACH,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD;;OAEG;IACG,IAAA,KAA2B,SAAS,CAAC,aAAa,EAAE,QAAQ,CAAC,EAA5D,MAAM,QAAA,EAAE,cAAc,QAAsC,CAAC;IAEpE;;OAEG;IACG,IAAA,KAAgC,QAAQ,CAAkB,EAAE,CAAC,EAA5D,WAAW,QAAA,EAAE,cAAc,QAAiC,CAAC;IAEpE;;OAEG;IACG,IAAA,KAAsC,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,EAA3F,cAAc,QAAA,EAAE,iBAAiB,QAA0D,CAAC;IAEnG;;OAEG;IACH,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,CAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,EAAxC,CAAwC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAEtG;;OAEG;IACH,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpE,SAAS,CAAC;QACN,cAAc,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACH,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClC,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC;YACpD,oBAAC,QAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhH,oBAAC,QAAQ,CAAC,OAAO,IAAC,eAAe,EAAE,eAAe;gBAC7C,YAAY,IAAI,oBAAC,QAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAA,iBAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,EAA9C,CAA8C,GAAI;gBAErG,oBAAC,QAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CACd,oBAAC,QAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,CAC3D,CAAC,CAAC,CAAC,CACA,oBAAC,QAAQ,CAAC,MAAM,IACZ,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,EAAE,MAAA,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,EAAE,MAAA,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,EAA/E,CAA+E,GACtG,CACL,CAAA;iBAAA,CACJ,CACW,CACD,CACjB,CACiB,CAC9B,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,10 +1,7 @@
+import { useKeyDown } from '@auroraHooks/use_key_down';
 import 'react';
-import { useKeyDown } from '../../../hooks/use_key_down.js';
-
-var useKeyboardOpenClose = function (toggleDropdown, isOpen, ref) {
-    useKeyDown([' '], function () { return !isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()); }, ref);
-    useKeyDown(['Esc|Escape'], function () { return isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()); }, ref);
+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);
 };
-
-export { useKeyboardOpenClose };
-//# sourceMappingURL=use_keyboard_open_close.js.map
+//# sourceMappingURL=use_keyboard_open_close.js.map

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

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

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_set_options_on_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;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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

@@ -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];
+/**
+ * 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

@@ -1,25 +1,20 @@
 import { useState, useCallback } from 'react';
-import '../../../../../../external/lodash/_root.js';
-import '../../../../../../external/lodash/_baseGetTag.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
- */
-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];
+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];
 }
-
-export { useToggle };
-//# sourceMappingURL=use_toggle.js.map
+//# sourceMappingURL=use_toggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,OAAO,4CAAgD;AACvD,OAAO,kDAAsD;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"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"}

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
+ */

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

@@ -1,45 +1,43 @@
 import { useState, useCallback, useEffect } from '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 = useState([]), selectedValues = _a[0], setSelectedValue = _a[1];
-    var setSelectedValues = 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]);
-    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
+import '../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 { useValue };
-//# sourceMappingURL=use_value.js.map
+export function useValue(wrapperRef, options, defaultValues, onChangeCb) {
+    var _a = useState([]), selectedValues = _a[0], setSelectedValue = _a[1];
+    var setSelectedValues = 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]);
+    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
+ */
+//# sourceMappingURL=use_value.js.map