@dreamcommerce/aurora 0.3.4-99 → 0.3.5

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

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react');
-var use_key_down = require('../../../hooks/use_key_down.js');
-
-var useKeyboardOpenClose = function (toggleDropdown, isOpen, ref) {
-    use_key_down.useKeyDown([' '], function () { return !isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()); }, ref);
-    use_key_down.useKeyDown(['Esc|Escape'], function () { return isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()); }, ref);
-};
-
-exports.useKeyboardOpenClose = useKeyboardOpenClose;
-//# sourceMappingURL=use_keyboard_open_close.js.map

package/build/cjs/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

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

package/build/cjs/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;;;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"use_value.js","sources":["../../../../../../src/components/dropdown/hooks/use_value.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { ISelectOption } from '../types';\n\n/**\n * Hook used to allow use single selectable value, returns array of selected values and method to set value as selected\n * You can use is for select or any other form of control which needs single selectable value\n * @param {React.RefObject<HTMLElement>} wrapperRef\n * @param {Array<ISelectOption>} options\n * @param {Array<string>} defaultValues\n * @param {Function} onChangeCb\n *\n * @fires dropdown:change\n *\n * @returns {Array} Tuple - selected values and state setter for them\n */\nexport function useValue(\n    wrapperRef: React.RefObject<HTMLElement>,\n    options: Array<ISelectOption>,\n    defaultValues: Array<string>,\n    onChangeCb?: (selectedOption: ISelectOption) => void\n): [ISelectOption[], (selectedOption: ISelectOption) => void] {\n    const defaultSelectedOptions = options?.filter((option) => defaultValues && defaultValues?.indexOf(option.value) >= 0);\n    const [selectedValues, setSelectedValue] = useState(defaultSelectedOptions);\n\n    const setSelectedValues = useCallback(\n        (selectedOption: ISelectOption) => {\n            setSelectedValue(() => [selectedOption]);\n\n            if (typeof onChangeCb === 'function') {\n                onChangeCb(selectedOption);\n                const event = new CustomEvent('dropdown:change', {\n                    detail: {\n                        selectedOption\n                    }\n                });\n                wrapperRef.current?.dispatchEvent(event);\n            }\n        },\n        [onChangeCb, wrapperRef]\n    );\n\n    return [selectedValues, setSelectedValues];\n}\n\n/**\n * dropdown:change event\n *\n * @event dropdown:change\n * @type {object}\n * @property {ISelectOption} selectedOption selected option\n */\n"],"names":["useCallback"],"mappings":";;;;;;AAGA;;;;;;;;;;;;SAYgB,QAAQ,CACpB,UAAwC,EACxC,OAA6B,EAC7B,aAA4B,EAC5B,UAAoD;IAEpD,IAAM,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,CAAC,KAAK,MAAK,CAAC,GAAA,CAAC,CAAC;IACjH,IAAA,2CAAqE,EAApE,sBAAc,EAAE,wBAAoD,CAAC;IAE5E,IAAM,iBAAiB,GAAGA,iBAAW,CACjC,UAAC,cAA6B;;QAC1B,gBAAgB,CAAC,cAAM,OAAA,CAAC,cAAc,CAAC,GAAA,CAAC,CAAC;QAEzC,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;YAClC,UAAU,CAAC,cAAc,CAAC,CAAC;YAC3B,IAAM,OAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;gBAC7C,MAAM,EAAE;oBACJ,cAAc,gBAAA;iBACjB;aACJ,CAAC,CAAC;YACH,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CAAC,OAAK,EAAE;SAC5C;KACJ,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;;;;;"}

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

@@ -1,67 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../../_virtual/_tslib.js');
-
-/**
- * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as selected/unselected
- * You can use is for multiselect or any other form of control which needs multiple selectable values
- * @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 useValues(wrapperRef, options, defaultValues, onChangeCb) {
-    var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0; });
-    var _a = React.useState(defaultSelectedOptions), selectedValues = _a[0], setSelectedValue = _a[1];
-    /**
-     * updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for not only react projects
-     * @param {ISelectOption} selectedOption choosen option
-     */
-    var setSelectedValues = React.useCallback(function (selectedOption) {
-        setSelectedValue(function (previousSelectedOptions) {
-            var _a;
-            var allSelectedOptions;
-            var isChecked;
-            if (previousSelectedOptions && (previousSelectedOptions === null || previousSelectedOptions === void 0 ? void 0 : previousSelectedOptions.indexOf(selectedOption)) >= 0) {
-                allSelectedOptions = previousSelectedOptions.filter(function (option) { return option.value !== selectedOption.value; });
-                isChecked = false;
-            }
-            else {
-                allSelectedOptions = _tslib.__spreadArrays(previousSelectedOptions, [selectedOption]);
-                isChecked = true;
-            }
-            if (typeof onChangeCb === 'function') {
-                onChangeCb(selectedOption, isChecked, allSelectedOptions);
-                var event_1 = new CustomEvent('dropdown:change', {
-                    detail: {
-                        selectedOption: selectedOption,
-                        isChecked: isChecked,
-                        allSelectedOptions: allSelectedOptions
-                    }
-                });
-                (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
-            }
-            return allSelectedOptions;
-        });
-    }, [onChangeCb, wrapperRef]);
-    return [selectedValues, setSelectedValues];
-}
-/**
- * dropdown:change event
- *
- * @event dropdown:change
- * @type {object}
- * @property {ISelectOption} selectedOption selected option
- * @property {boolean} isChecked indicates whether the current option is selected
- * @property {Array<ISelectOption>} allSelectedOptions array of all selected options
- */
-
-exports.useValues = useValues;
-//# sourceMappingURL=use_values.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use_values.js","sources":["../../../../../../src/components/dropdown/hooks/use_values.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { ISelectOption } from '../types';\n\n/**\n * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as selected/unselected\n * You can use is for multiselect or any other form of control which needs multiple selectable values\n * @param {React.RefObject<HTMLElement>} wrapperRef\n * @param {Array<ISelectOption>} options\n * @param {Array<string>} defaultValues\n * @param {Function} onChangeCb\n *\n * @fires dropdown:change\n *\n * @returns {Array} Tuple - selected values and state setter for them\n */\nexport function useValues(\n    wrapperRef: React.RefObject<HTMLElement>,\n    options: Array<ISelectOption>,\n    defaultValues: Array<string>,\n    onChangeCb?: (selectedOption: ISelectOption, isChecked: boolean, selectedOptions: Array<ISelectOption>) => void\n): [ISelectOption[], (selectedOption: ISelectOption) => void] {\n    const defaultSelectedOptions = options?.filter((option) => defaultValues && defaultValues?.indexOf(option.value) >= 0);\n    const [selectedValues, setSelectedValue] = useState(defaultSelectedOptions);\n\n    /**\n     * updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for not only react projects\n     * @param {ISelectOption} selectedOption choosen option\n     */\n    const setSelectedValues = useCallback(\n        (selectedOption: ISelectOption): void => {\n            setSelectedValue((previousSelectedOptions) => {\n                let allSelectedOptions: Array<ISelectOption>;\n                let isChecked: boolean;\n\n                if (previousSelectedOptions && previousSelectedOptions?.indexOf(selectedOption) >= 0) {\n                    allSelectedOptions = previousSelectedOptions.filter((option) => option.value !== selectedOption.value);\n                    isChecked = false;\n                } else {\n                    allSelectedOptions = [...previousSelectedOptions!, selectedOption];\n                    isChecked = true;\n                }\n\n                if (typeof onChangeCb === 'function') {\n                    onChangeCb(selectedOption, isChecked, allSelectedOptions);\n                    const event = new CustomEvent('dropdown:change', {\n                        detail: {\n                            selectedOption,\n                            isChecked,\n                            allSelectedOptions\n                        }\n                    });\n                    wrapperRef.current?.dispatchEvent(event);\n                }\n\n                return allSelectedOptions;\n            });\n        },\n        [onChangeCb, wrapperRef]\n    );\n\n    return [selectedValues, setSelectedValues];\n}\n\n/**\n * dropdown:change event\n *\n * @event dropdown:change\n * @type {object}\n * @property {ISelectOption} selectedOption selected option\n * @property {boolean} isChecked indicates whether the current option is selected\n * @property {Array<ISelectOption>} allSelectedOptions array of all selected options\n */\n"],"names":["useCallback"],"mappings":";;;;;;;AAGA;;;;;;;;;;;;SAYgB,SAAS,CACrB,UAAwC,EACxC,OAA6B,EAC7B,aAA4B,EAC5B,UAA+G;IAE/G,IAAM,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,CAAC,KAAK,MAAK,CAAC,GAAA,CAAC,CAAC;IACjH,IAAA,2CAAqE,EAApE,sBAAc,EAAE,wBAAoD,CAAC;;;;;IAM5E,IAAM,iBAAiB,GAAGA,iBAAW,CACjC,UAAC,cAA6B;QAC1B,gBAAgB,CAAC,UAAC,uBAAuB;;YACrC,IAAI,kBAAwC,CAAC;YAC7C,IAAI,SAAkB,CAAC;YAEvB,IAAI,uBAAuB,IAAI,CAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,OAAO,CAAC,cAAc,MAAK,CAAC,EAAE;gBAClF,kBAAkB,GAAG,uBAAuB,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,cAAc,CAAC,KAAK,GAAA,CAAC,CAAC;gBACvG,SAAS,GAAG,KAAK,CAAC;aACrB;iBAAM;gBACH,kBAAkB,yBAAO,uBAAwB,GAAE,cAAc,EAAC,CAAC;gBACnE,SAAS,GAAG,IAAI,CAAC;aACpB;YAED,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;gBAClC,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;gBAC1D,IAAM,OAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;oBAC7C,MAAM,EAAE;wBACJ,cAAc,gBAAA;wBACd,SAAS,WAAA;wBACT,kBAAkB,oBAAA;qBACrB;iBACJ,CAAC,CAAC;gBACH,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CAAC,OAAK,EAAE;aAC5C;YAED,OAAO,kBAAkB,CAAC;SAC7B,CAAC,CAAC;KACN,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;;;;;;;"}