@dreamcommerce/aurora 0.3.4-99 → 0.3.7

package/build/cjs/src/components/dropdown/components/option_multiple.js

@@ -1,73 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var main_module = require('../../../css/dropdown/main.module.less.js');
-var classnames = require('classnames');
-var css_classes = require('../css_classes.js');
-var item = require('./item.js');
-var index = require('../../controls/hoc/control_checkbox/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
-/**
- * Dropdown.OptionMultiple component. Should be only used within Dropdown.List
- * @component
- * @example
- * const option = {
- *  text: 'Option 1',
- *  value: '1'
- * }
- *
- * <Dropdown.OptionMultiple
- *  key="id1"
- *  option={option}
- *  isSelected={false}
- *  isDisabled={false}
- *  isReadonly={false}
- *  onClick={(option) => console.log(option)}
- * />
- */
-var OptionMultiple = function (_a) {
-    var _b;
-    var 
-    /**
-     * select option
-     */
-    option = _a.option, 
-    /**
-     * indicates if option component is selected
-     */
-    isSelected = _a.isSelected, 
-    /**
-     * indicates if option component is readonly
-     */
-    isReadonly = _a.isReadonly, 
-    /**
-     * indicates if option component is disabled
-     */
-    isDisabled = _a.isDisabled, 
-    /**
-     * onClick callback
-     */
-    onClick = _a.onClick;
-    var itemClasses = classnames__default['default'](main_module['default'][css_classes.cssDropdownListItem], (_b = {},
-        _b[main_module['default'][css_classes.cssDropdownListItemSelected]] = isSelected,
-        _b[main_module['default'][css_classes.cssDropdownListItemDisabled]] = isDisabled,
-        _b[main_module['default'][css_classes.cssDropdownListItemReadonly]] = isReadonly,
-        _b));
-    /**
-     * click handler works only for options that are neither readonly nor disabled
-     */
-    var clickHandler = isReadonly || isDisabled ? undefined : function () { return onClick(option); };
-    return (React__default['default'].createElement(item['default'], { isSelected: isSelected, onClick: clickHandler },
-        React__default['default'].createElement("div", { className: itemClasses },
-            React__default['default'].createElement(index['default'], { initiallyChecked: isSelected, disabled: isReadonly || isDisabled, label: option === null || option === void 0 ? void 0 : option.text }))));
-};
-
-exports.default = OptionMultiple;
-//# sourceMappingURL=option_multiple.js.map

package/build/cjs/src/components/dropdown/components/option_multiple.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option_multiple.js","sources":["../../../../../../src/components/dropdown/components/option_multiple.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { IDropdownOptionMultipleProps } from '../types';\nimport Item from './item';\nimport { cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected } from '../css_classes';\nimport ControlCheckbox from '@components/controls/hoc/control_checkbox';\n\n/**\n * Dropdown.OptionMultiple component. Should be only used within Dropdown.List\n * @component\n * @example\n * const option = {\n *  text: 'Option 1',\n *  value: '1'\n * }\n *\n * <Dropdown.OptionMultiple\n *  key=\"id1\"\n *  option={option}\n *  isSelected={false}\n *  isDisabled={false}\n *  isReadonly={false}\n *  onClick={(option) => console.log(option)}\n * />\n */\nconst OptionMultiple: React.FC<IDropdownOptionMultipleProps> = ({\n    /**\n     * select option\n     */\n    option,\n\n    /**\n     * indicates if option component is selected\n     */\n    isSelected,\n\n    /**\n     * indicates if option component is readonly\n     */\n    isReadonly,\n\n    /**\n     * indicates if option component is disabled\n     */\n    isDisabled,\n\n    /**\n     * onClick callback\n     */\n    onClick\n}): JSX.Element => {\n    const itemClasses = classnames(cssClasses[cssDropdownListItem], {\n        [cssClasses[cssDropdownListItemSelected]]: isSelected,\n        [cssClasses[cssDropdownListItemDisabled]]: isDisabled,\n        [cssClasses[cssDropdownListItemReadonly]]: isReadonly\n    });\n\n    /**\n     * click handler works only for options that are neither readonly nor disabled\n     */\n    const clickHandler = isReadonly || isDisabled ? undefined : () => onClick(option);\n\n    return (\n        <Item isSelected={isSelected} onClick={clickHandler}>\n            <div className={itemClasses}>\n                <ControlCheckbox initiallyChecked={isSelected} disabled={isReadonly || isDisabled} label={option?.text} />\n            </div>\n        </Item>\n    );\n};\n\nexport default OptionMultiple;\n"],"names":["classnames","cssClasses","cssDropdownListItem","cssDropdownListItemSelected","cssDropdownListItemDisabled","cssDropdownListItemReadonly","React","Item","ControlCheckbox"],"mappings":";;;;;;;;;;;;;;;;AASA;;;;;;;;;;;;;;;;;;IAkBM,cAAc,GAA2C,UAAC,EAyB/D;;;;;;IArBG,kBAAM;;;;IAKN,0BAAU;;;;IAKV,0BAAU;;;;IAKV,0BAAU;;;;IAKV,oBAAO;IAEP,IAAM,WAAW,GAAGA,8BAAU,CAACC,sBAAU,CAACC,+BAAmB,CAAC;QAC1D,GAACD,sBAAU,CAACE,uCAA2B,CAAC,IAAG,UAAU;QACrD,GAACF,sBAAU,CAACG,uCAA2B,CAAC,IAAG,UAAU;QACrD,GAACH,sBAAU,CAACI,uCAA2B,CAAC,IAAG,UAAU;YACvD,CAAC;;;;IAKH,IAAM,YAAY,GAAG,UAAU,IAAI,UAAU,GAAG,SAAS,GAAG,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,GAAA,CAAC;IAElF,QACIC,wCAACC,eAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY;QAC/CD,iDAAK,SAAS,EAAE,WAAW;YACvBA,wCAACE,gBAAe,IAAC,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,IAAI,UAAU,EAAE,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,GAAI,CACxG,CACH,EACT;AACN;;;;"}

package/build/cjs/src/components/dropdown/components/search.js

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var main_module = require('../../../css/dropdown/main.module.less.js');
-var css_classes = require('../css_classes.js');
-var input = require('../../controls/components/input.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * Dropdown.Search component. Displays search control.
- * @component
- * @example
- * <Dropdown.Search onKeyUp={(ev) => console.log(`${ev} is a keyboard event`)} />
- */
-var Search = function (_a) {
-    var 
-    /**
-     * on key up callback
-     */
-    onKeyUp = _a.onKeyUp;
-    return (React__default['default'].createElement("aside", { className: main_module['default'][css_classes.cssDropdownSearch] },
-        React__default['default'].createElement(input['default'], { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, autoFocus: true })));
-};
-
-exports.default = Search;
-//# sourceMappingURL=search.js.map

package/build/cjs/src/components/dropdown/components/search.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search.js","sources":["../../../../../../src/components/dropdown/components/search.tsx"],"sourcesContent":["import React from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { IDropdownSearchProps } from '../types';\nimport { cssDropdownSearch } from '../css_classes';\nimport Input from '@components/controls/components/input';\n\n/**\n * Dropdown.Search component. Displays search control.\n * @component\n * @example\n * <Dropdown.Search onKeyUp={(ev) => console.log(`${ev} is a keyboard event`)} />\n */\nconst Search: React.FC<IDropdownSearchProps> = ({\n    /**\n     * on key up callback\n     */\n    onKeyUp\n}) => (\n    <aside className={cssClasses[cssDropdownSearch]}>\n        <Input placeholder=\"Szukaj\" padding=\"small\" onKeyUp={onKeyUp} autoFocus />\n    </aside>\n);\n\nexport default Search;\n"],"names":["React","cssClasses","cssDropdownSearch","Input"],"mappings":";;;;;;;;;;;;;AAMA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAK/C;;;;;IADG,oBAAO;IACL,QACFA,mDAAO,SAAS,EAAEC,sBAAU,CAACC,6BAAiB,CAAC;QAC3CF,wCAACG,gBAAK,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,SAAG,CACtE;AAHN;;;;"}

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

@@ -1,67 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var main_module = require('../../../css/dropdown/main.module.less.js');
-var index = require('../context/index.js');
-var input_wrapper = require('../../controls/components/input_wrapper.js');
-var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.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;
-    /**
-     * 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);
-    return (React__default['default'].createElement("div", { className: main_module['default']['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox" },
-        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/src/components/dropdown/components/select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.js","sources":["../../../../../../src/components/dropdown/components/select.tsx"],"sourcesContent":["import React from 'react';\n\nimport InputWrapper from '@components/controls/components/input_wrapper';\n\nimport { IDropdownSelectProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\nimport cssClasses from '@css/dropdown/main.module.less';\n\n/**\n * Dropdown.Select component. Displays select like control. Use it only if you have selectable values.\n * @component\n * @example\n * <Dropdown.Select name=\"select_name\" selectedOptions={['value1', 'value2']} />\n */\nconst Select: React.FC<IDropdownSelectProps> = ({\n    /**\n     * select name\n     */\n    name,\n\n    /**\n     * is select disabled, used for styling purposes\n     */\n    isDisabled = false,\n\n    /**\n     * is select readonly, used for styling purposes\n     */\n    isReadonly = false,\n\n    /**\n     * array of selected options\n     */\n    selectedOptions\n}) => {\n    /**\n     * get values from dropdown context\n     */\n    const { isOpen, toggleDropdown }: IDropdownContext = useDropdownContext();\n\n    /**\n     * value for display purposes, its texts not actual values from options\n     */\n    const value = selectedOptions.map((option) => option.text).join(', ');\n\n    /**\n     * disabled options should have hidden inputs with values rendered\n     */\n    const notDisabled = selectedOptions.filter((option) => !option.isDisabled);\n    const $hiddenInputs = notDisabled.map((option) => (\n        <input key={option.value} type=\"hidden\" name={name} value={option.value} disabled={isDisabled} readOnly={isReadonly} />\n    ));\n\n    useKeyboardOpenClose(toggleDropdown, isOpen);\n\n    return (\n        <div className={cssClasses['select']} aria-expanded={isOpen} aria-haspopup=\"listbox\">\n            <InputWrapper value={value} isFocused={Boolean(isOpen)} isDisabled={isDisabled} isReadOnly={isReadonly} onClick={toggleDropdown} />\n            {$hiddenInputs}\n        </div>\n    );\n};\n\nexport default Select;\n"],"names":["React","useKeyboardOpenClose","cssClasses","InputWrapper"],"mappings":";;;;;;;;;;;;;;AAUA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAoB/C;;;;;IAhBG,cAAI;;;;IAKJ,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oCAAe;;;;IAKT,IAAA,+BAAmE,EAAjE,kBAAM,EAAE,kCAAyD,CAAC;;;;IAK1E,IAAM,KAAK,GAAG,eAAe,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,IAAI,GAAA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;;IAKtE,IAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,CAAC,MAAM,CAAC,UAAU,GAAA,CAAC,CAAC;IAC3E,IAAM,aAAa,GAAG,WAAW,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,QAC9CA,mDAAO,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,IAC1H,CAAC,CAAC;IAEHC,4CAAoB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAE7C,QACID,iDAAK,SAAS,EAAEE,sBAAU,CAAC,QAAQ,CAAC,mBAAiB,MAAM,mBAAgB,SAAS;QAChFF,wCAACG,wBAAY,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,EACR;AACN;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/dropdown/context/index.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { IDropdownContext } from './types';\n\nexport const DropdownContext = createContext({});\n\n/**\n * drodown context\n */\nexport function useDropdownContext(): IDropdownContext {\n    const context: IDropdownContext = useContext(DropdownContext);\n    if (Object.keys(context).length === 0 && context.constructor === Object) {\n        throw new Error(`Dropdown compound components cannot be rendered outside the Dropdown component`);\n    }\n    return context;\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;IAGa,eAAe,GAAGA,mBAAa,CAAC,EAAE,EAAE;AAEjD;;;SAGgB,kBAAkB;IAC9B,IAAM,OAAO,GAAqBC,gBAAU,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;;;;;"}

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

@@ -1,34 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var cssDropdown = 'dropdown';
-var cssDropdownContent = cssDropdown + "__content";
-var cssDropdownHeader = cssDropdown + "__header";
-var cssDropdownHeaderTitle = cssDropdown + "__header-title";
-var cssDropdownHeaderContent = cssDropdown + "__header-content";
-var cssDropdownList = cssDropdown + "__list";
-var cssDropdownSearch = cssDropdown + "__search";
-var cssDropdownWithScroll = cssDropdown + "__list_with-scroll";
-var cssDropdownListWithGroup = cssDropdown + "__list_with-group";
-var cssDropdownListHead = cssDropdown + "__list-head";
-var cssDropdownListItem = cssDropdown + "__list-item";
-var cssDropdownListItemSelected = cssDropdown + "__list-item_selected";
-var cssDropdownListItemDisabled = cssDropdown + "__list-item_disabled";
-var cssDropdownListItemReadonly = cssDropdown + "__list-item_readonly";
-
-exports.cssDropdown = cssDropdown;
-exports.cssDropdownContent = cssDropdownContent;
-exports.cssDropdownHeader = cssDropdownHeader;
-exports.cssDropdownHeaderContent = cssDropdownHeaderContent;
-exports.cssDropdownHeaderTitle = cssDropdownHeaderTitle;
-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/src/components/dropdown/css_classes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/dropdown/css_classes.ts"],"sourcesContent":["export const cssDropdown = 'dropdown';\nexport const cssDropdownContent = `${cssDropdown}__content`;\nexport const cssDropdownHeader = `${cssDropdown}__header`;\nexport const cssDropdownHeaderIcon = `${cssDropdown}__header-icon`;\nexport const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;\nexport const cssDropdownHeaderContent = `${cssDropdown}__header-content`;\nexport const cssDropdownInput = `${cssDropdown}__input`;\nexport const cssDropdownList = `${cssDropdown}__list`;\n\nexport const cssDropdownSearch = `${cssDropdown}__search`;\nexport const cssDropdownWithScroll = `${cssDropdown}__list_with-scroll`;\nexport const cssDropdownListWithGroup = `${cssDropdown}__list_with-group`;\nexport const cssDropdownListHead = `${cssDropdown}__list-head`;\nexport const cssDropdownListItem = `${cssDropdown}__list-item`;\nexport const cssDropdownListItemSelected = `${cssDropdown}__list-item_selected`;\nexport const cssDropdownListItemDisabled = `${cssDropdown}__list-item_disabled`;\nexport const cssDropdownListItemReadonly = `${cssDropdown}__list-item_readonly`;\n\nexport const cssIcon = `icon`;\nexport const cssIconBack = `${cssIcon}-back`;\n"],"names":[],"mappings":";;;;IAAa,WAAW,GAAG,WAAW;IACzB,kBAAkB,GAAM,WAAW,eAAY;IAC/C,iBAAiB,GAAM,WAAW,cAAW;IAE7C,sBAAsB,GAAM,WAAW,oBAAiB;IACxD,wBAAwB,GAAM,WAAW,sBAAmB;IAE5D,eAAe,GAAM,WAAW,YAAS;IAEzC,iBAAiB,GAAM,WAAW,cAAW;IAC7C,qBAAqB,GAAM,WAAW,wBAAqB;IAC3D,wBAAwB,GAAM,WAAW,uBAAoB;IAC7D,mBAAmB,GAAM,WAAW,iBAAc;IAClD,mBAAmB,GAAM,WAAW,iBAAc;IAClD,2BAA2B,GAAM,WAAW,0BAAuB;IACnE,2BAA2B,GAAM,WAAW,0BAAuB;IACnE,2BAA2B,GAAM,WAAW;;;;;;;;;;;;;;;;;"}

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

@@ -1,145 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var main_module = require('../../../../css/dropdown/main.module.less.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 = require('../../context/index.js');
-var css_classes = require('../../css_classes.js');
-var index$1 = require('../../index.js');
-var utilities = require('../../utilities.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/src/components/dropdown/hoc/multiselect/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/dropdown/hoc/multiselect/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { IMultiSelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValues } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n\n/**\n * MultiSelect component. Build with Dropdown composed components.\n *\n * @component\n * @example\n * const options = [{\n *  text: 'Option 1',\n *  value: 'value1'\n * }, {\n *  text: 'Option 2,,\n *  value: 'value2'\n * }];\n * return (\n *  <MultiSelect name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n */\nconst Multiple: React.FC<IMultiSelectProps> = ({\n    /**\n     * multiselect name, used also for hidden inputs\n     */\n    name,\n\n    /**\n     * array of multiselect options\n     */\n    options,\n\n    /**\n     * array of default values (for select its always one element), array is used to be compatible with multiselects\n     */\n    defaultValues = [],\n\n    /**\n     * indicates if select is readonly\n     */\n    isReadonly = false,\n\n    /**\n     * indicatse if select is disabled\n     */\n    isDisabled = false,\n\n    /**\n     * indicates if selects has groups (similiar to optgroup), options then have left-padding, and you should use options with isHeader set to true\n     */\n    isWithGroups = false,\n\n    /**\n     * indicates if select should have search to look for options\n     */\n    isWithSearch = false,\n\n    /**\n     * indicates if select should be opened at render\n     */\n    defaultIsOpen = false,\n\n    /**\n     * indicates if select should hide on option click\n     */\n    defaultCloseOnClick = false,\n\n    /**\n     * called on select toggle\n     */\n    onToggle,\n\n    /**\n     * called on option change\n     */\n    onChange\n}) => {\n    /**\n     * reference to dropdown wrapper element\n     */\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    /**\n     * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n     */\n    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n    /**\n     * hook with option list state, and method to change option list\n     */\n    const [optionsList, setOptionsList] = useState(options);\n\n    /**\n     * hook with selected value, and method do change it\n     */\n    const [selectedValues, setSelectedValues] = useValues(wrapperRef, options, defaultValues, onChange);\n\n    /**\n     * context values, they may be used with useContext in any component which is part of Dropdown composition\n     */\n    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n    /**\n     * hook which resets options list to default on close if select has search and it was used\n     */\n    useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n    return (\n        <DropdownContext.Provider value={value}>\n            <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n                <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n                <Dropdown.Content>\n                    {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n                    <Dropdown.List isWithGroups={isWithGroups}>\n                        {optionsList?.map((option: ISelectOption) =>\n                            option.isHeader ? (\n                                <Dropdown.Header key={option.text} text={option.text} />\n                            ) : (\n                                <Dropdown.OptionMultiple\n                                    key={option.value}\n                                    option={option}\n                                    isSelected={isSelected(option, selectedValues)}\n                                    isDisabled={option.isDisabled ?? isDisabled}\n                                    isReadonly={option.isReadonly ?? isReadonly}\n                                    onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n                                />\n                            )\n                        )}\n                    </Dropdown.List>\n                </Dropdown.Content>\n            </div>\n        </DropdownContext.Provider>\n    );\n};\n\nexport default Multiple;\n"],"names":["useRef","React","useSetOptionsOnClose","DropdownContext","cssClasses","cssDropdown","Dropdown","handleSearchKeyUp","isSelected","handleItemClick"],"mappings":";;;;;;;;;;;;;;;;;;AASA;;;;;;;;;;;;;;;;IAgBM,QAAQ,GAAgC,UAAC,EAuD9C;;;;;IAnDG,cAAI;;;;IAKJ,oBAAO;;;;IAKP,qBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA2B;;;;IAA3B,gDAA2B;;;;IAK3B,sBAAQ;;;;IAKR,sBAAQ;;;;IAKR,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,kDAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,4BAAiD,EAAhD,mBAAW,EAAE,sBAAmC,CAAC;;;;IAKlD,IAAA,uEAA6F,EAA5F,sBAAc,EAAE,yBAA4E,CAAC;;;;IAKpG,IAAM,KAAK,GAAGC,yBAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtGC,6CAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpE,QACID,wCAACE,qBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClCF,iDAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAEG,sBAAU,CAACC,uBAAW,CAAC;YACpDJ,wCAACK,kBAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhHL,wCAACK,kBAAQ,CAAC,OAAO;gBACZ,YAAY,IAAIL,wCAACK,kBAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAAC,2BAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;gBAErGN,wCAACK,kBAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,IACXL,wCAACK,kBAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,KAExDL,wCAACK,kBAAQ,CAAC,cAAc,IACpB,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAEE,oBAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAAC,yBAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}

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

@@ -1,150 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var main_module = require('../../../../css/dropdown/main.module.less.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 = require('../../context/index.js');
-var css_classes = require('../../css_classes.js');
-var index$1 = require('../../index.js');
-var utilities = require('../../utilities.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
-     */
-    _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, 
-    /**
-     * indicates if select is disabled
-     */
-    _d = _a.isDisabled, 
-    /**
-     * indicates if select is disabled
-     */
-    isDisabled = _d === void 0 ? false : _d, 
-    /**
-     * indicates if selects has groups (similar 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 (similar 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 ? true : _h, 
-    /**
-     * 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 _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_value.useValue(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, { 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/src/components/dropdown/hoc/select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/dropdown/hoc/select/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { ISelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValue } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n/**\n * Select component. Build with Dropdown composed components.\n *\n * @component\n * @example\n * const options = [{\n *  text: 'Option 1',\n *  value: 'value1'\n * }, {\n *  text: 'Option 2,,\n *  value: 'value2'\n * }];\n * return (\n *  <Select name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n */\nconst Select: React.FC<ISelectProps> = ({\n    /**\n     * select name, used also for hidden inputs\n     */\n    name,\n\n    /**\n     * array of select options\n     */\n    options,\n\n    /**\n     * array of default values (for select its always one element), array is used to be compatible with multiselects\n     */\n    defaultValues = [],\n\n    /**\n     * indicates if select is readonly\n     */\n    isReadonly = false,\n\n    /**\n     * indicates if select is disabled\n     */\n    isDisabled = false,\n\n    /**\n     * indicates if selects has groups (similar to optgroup), options then have left-padding, and you should use options with isHeader set to true\n     */\n    isWithGroups = false,\n\n    /**\n     * indicates if select should have search to look for options\n     */\n    isWithSearch = false,\n\n    /**\n     * indicates if select should be opened at render\n     */\n    defaultIsOpen = false,\n\n    /**\n     * indicates if select should hide on option click\n     */\n    defaultCloseOnClick = true,\n\n    /**\n     * called on select toggle\n     */\n    onToggle,\n\n    /**\n     * called on option change\n     */\n    onChange,\n    /**\n     * Place where portal should be placed, by default to body\n     * this can be used to put modal inside modal\n     */\n    portalContainer\n}) => {\n    /**\n     * reference to dropdown wrapper element\n     */\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    /**\n     * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n     */\n    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n    /**\n     * hook with option list state, and method to change option list\n     */\n    const [optionsList, setOptionsList] = useState(options);\n\n    /**\n     * hook with selected value, and method do change it\n     */\n    const [selectedValues, setSelectedValues] = useValue(wrapperRef, options, defaultValues, onChange);\n\n    /**\n     * context values, they may be used with useContext in any component which is part of Dropdown composition\n     */\n    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n    /**\n     * hook which resets options list to default on close if select has search and it was used\n     */\n    useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n    return (\n        <DropdownContext.Provider value={value}>\n            <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n                <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n                <Dropdown.Content portalContainer={portalContainer}>\n                    {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n                    <Dropdown.List isWithGroups={isWithGroups}>\n                        {optionsList?.map((option: ISelectOption) =>\n                            option.isHeader ? (\n                                <Dropdown.Header key={option.text} text={option.text} />\n                            ) : (\n                                <Dropdown.Option\n                                    key={option.value}\n                                    option={option}\n                                    isSelected={isSelected(option, selectedValues)}\n                                    isDisabled={option.isDisabled ?? isDisabled}\n                                    isReadonly={option.isReadonly ?? isReadonly}\n                                    onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n                                />\n                            )\n                        )}\n                    </Dropdown.List>\n                </Dropdown.Content>\n            </div>\n        </DropdownContext.Provider>\n    );\n};\n\nexport default Select;\n"],"names":["useRef","React","useSetOptionsOnClose","DropdownContext","cssClasses","cssDropdown","Dropdown","handleSearchKeyUp","isSelected","handleItemClick"],"mappings":";;;;;;;;;;;;;;;;;;AAQA;;;;;;;;;;;;;;;;IAgBM,MAAM,GAA2B,UAAC,EA4DvC;;;;;IAxDG,cAAI;;;;IAKJ,oBAAO;;;;IAKP,qBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA0B;;;;IAA1B,+CAA0B;;;;IAK1B,sBAAQ;;;;IAKR,sBAAQ;;;;;IAKR,oCAAe;;;;IAKf,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,kDAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,4BAAiD,EAAhD,mBAAW,EAAE,sBAAmC,CAAC;;;;IAKlD,IAAA,qEAA4F,EAA3F,sBAAc,EAAE,yBAA2E,CAAC;;;;IAKnG,IAAM,KAAK,GAAGC,yBAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtGC,6CAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpE,QACID,wCAACE,qBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClCF,iDAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAEG,sBAAU,CAACC,uBAAW,CAAC;YACpDJ,wCAACK,kBAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhHL,wCAACK,kBAAQ,CAAC,OAAO,IAAC,eAAe,EAAE,eAAe;gBAC7C,YAAY,IAAIL,wCAACK,kBAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAAC,2BAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;gBAErGN,wCAACK,kBAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,IACXL,wCAACK,kBAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,KAExDL,wCAACK,kBAAQ,CAAC,MAAM,IACZ,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAEE,oBAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAAC,yBAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"use_keyboard_open_close.js","sources":["../../../../../../src/components/dropdown/hooks/use_keyboard_open_close.ts"],"sourcesContent":["import { useKeyDown } from '../../../hooks/use_key_down';\nimport { RefObject } from 'react';\n\nexport const useKeyboardOpenClose = (toggleDropdown?: () => void, isOpen?: boolean, ref?: RefObject<HTMLElement>) => {\n    useKeyDown([' '], () => !isOpen && toggleDropdown?.(), ref);\n    useKeyDown(['Esc|Escape'], () => isOpen && toggleDropdown?.(), ref);\n};\n"],"names":["useKeyDown"],"mappings":";;;;;;;IAGa,oBAAoB,GAAG,UAAC,cAA2B,EAAE,MAAgB,EAAE,GAA4B;IAC5GA,uBAAU,CAAC,CAAC,GAAG,CAAC,EAAE,cAAM,OAAA,CAAC,MAAM,KAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAI,GAAA,EAAE,GAAG,CAAC,CAAC;IAC5DA,uBAAU,CAAC,CAAC,YAAY,CAAC,EAAE,cAAM,OAAA,MAAM,KAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAI,GAAA,EAAE,GAAG,CAAC,CAAC;AACxE;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"use_set_options_on_close.js","sources":["../../../../../../src/components/dropdown/hooks/use_set_options_on_close.ts"],"sourcesContent":["import { ISelectOption } from '../types';\nimport { useEffect } from 'react';\n\n/**\n * hook used to reset filtered options list to default on dropdown hide\n * @param isWithSearch indicates if dropdown use search (searchable items)\n * @param isOpen indicates if dropdown is open\n * @param setOptionsList state setter for options list\n * @param options default options list\n * @returns {void} nothing\n */\nexport function useSetOptionsOnClose(\n    isWithSearch: boolean,\n    isOpen: boolean,\n    setOptionsList: (value: React.SetStateAction<Array<ISelectOption>>) => void,\n    options: Array<ISelectOption>\n): void {\n    useEffect(() => {\n        if (isWithSearch === true && isOpen === false) {\n            setOptionsList(() => options);\n        }\n    }, [isOpen, isWithSearch, options, setOptionsList]);\n}\n"],"names":["useEffect"],"mappings":";;;;;;AAGA;;;;;;;;SAQgB,oBAAoB,CAChC,YAAqB,EACrB,MAAe,EACf,cAA2E,EAC3E,OAA6B;IAE7BA,eAAS,CAAC;QACN,IAAI,YAAY,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,EAAE;YAC3C,cAAc,CAAC,cAAM,OAAA,OAAO,GAAA,CAAC,CAAC;SACjC;KACJ,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;AACxD;;;;"}

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

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var use_effect_after_mount = require('../../../hooks/use_effect_after_mount.js');
-require('lodash');
-
-/**
- * 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/src/components/dropdown/hooks/use_toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_toggle.js","sources":["../../../../../../src/components/dropdown/hooks/use_toggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { useEffectAfterMount } from '../../../hooks';\n\n/**\n * Hook used for toggling dropdown\n * @param defaultIsOpen should dropdown be opened at render\n * @param onToggleCb callback onToggle\n * @returns {Array} tuple - open state and and method to change open state\n */\nexport function useToggle(defaultIsOpen: boolean = false, onToggleCb?: (isOpen: boolean) => void): [boolean, () => void] {\n    const [isOpen, setIsOpen] = useState(defaultIsOpen);\n    const onToggle = useCallback(() => setIsOpen((oldIsOpen) => !oldIsOpen), []);\n\n    useEffectAfterMount(() => {\n        if (typeof onToggleCb === 'function') {\n            onToggleCb(isOpen);\n        }\n    }, [isOpen]);\n\n    return [isOpen, onToggle];\n}\n"],"names":["useCallback","useEffectAfterMount"],"mappings":";;;;;;;;AAGA;;;;;;SAMgB,SAAS,CAAC,aAA8B,EAAE,UAAsC;IAAtE,8BAAA,EAAA,qBAA8B;IAC9C,IAAA,kCAA6C,EAA5C,cAAM,EAAE,iBAAoC,CAAC;IACpD,IAAM,QAAQ,GAAGA,iBAAW,CAAC,cAAM,OAAA,SAAS,CAAC,UAAC,SAAS,IAAK,OAAA,CAAC,SAAS,GAAA,CAAC,GAAA,EAAE,EAAE,CAAC,CAAC;IAE7EC,0CAAmB,CAAC;QAChB,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;YAClC,UAAU,CAAC,MAAM,CAAC,CAAC;SACtB;KACJ,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC9B;;;;"}