@dreamcommerce/aurora 0.3.4-97 → 0.3.5

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

package/build/cjs/src/components/dropdown/index.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 use_toggle = require('./hooks/use_toggle.js');
-var index = require('./context/index.js');
-var select = require('./components/select.js');
-var content = require('./components/content.js');
-var list = require('./components/list.js');
-var header = require('./components/header.js');
-var item = require('./components/item.js');
-var option = require('./components/option.js');
-var option_multiple = require('./components/option_multiple.js');
-var link = require('./components/link.js');
-var label = require('./components/label.js');
-var search = require('./components/search.js');
-var custom_label = require('./components/custom_label.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create selects, multiselects or dropdowns.
- *
- * @component
- * @example
- * return (
- *  <Dropdown>
- *      <Dropdown.Label label="Wybierz link" />
- *      <Dropdown.Content>
- *          <Dropdown.List>
- *              <Dropdown.Link text="shoper.pl" href="https://shoper.pl" />
- *              <Dropdown.Link text="forum.shoper.pl" href="https://forum.shoper.pl" />
- *              <Dropdown.Link text="shoper.pl/help" href="https://shoper.pl/help" />
- *          </Dropdown.List>
- *      </Dropdown.Content>
- *  <Dropdown>
- * )
- */
-var Dropdown = function (_a) {
-    var _b = _a.defaultIsOpen, defaultIsOpen = _b === void 0 ? false : _b, onToggle = _a.onToggle, children = _a.children;
-    /**
-     * 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 _c = use_toggle.useToggle(defaultIsOpen, onToggle), isOpen = _c[0], toggleDropdown = _c[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]);
-    return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
-        React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'].dropdown }, children)));
-};
-Dropdown.Select = select['default'];
-Dropdown.Content = content['default'];
-Dropdown.Search = search['default'];
-Dropdown.List = list['default'];
-Dropdown.Header = header['default'];
-Dropdown.Option = option['default'];
-Dropdown.OptionMultiple = option_multiple['default'];
-Dropdown.Link = link['default'];
-Dropdown.Label = label['default'];
-Dropdown.CustomLabel = custom_label['default'];
-Dropdown.Item = item['default'];
-
-exports.default = Dropdown;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/dropdown/index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { IDropdownProps, IDropdownComposition } from './types';\nimport cssClasses from '@css/dropdown/main.module.less';\n\nimport { useToggle } from './hooks';\n\nimport { DropdownContext } from './context';\n\nimport Select from './components/select';\nimport Content from './components/content';\nimport List from './components/list';\nimport Header from './components/header';\nimport Option from './components/option';\nimport OptionMultiple from './components/option_multiple';\nimport Item from './components/item';\nimport Link from './components/link';\nimport Label from './components/label';\nimport Search from './components/search';\nimport CustomLabel from './components/custom_label';\n\n/**\n * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create selects, multiselects or dropdowns.\n *\n * @component\n * @example\n * return (\n *  <Dropdown>\n *      <Dropdown.Label label=\"Wybierz link\" />\n *      <Dropdown.Content>\n *          <Dropdown.List>\n *              <Dropdown.Link text=\"shoper.pl\" href=\"https://shoper.pl\" />\n *              <Dropdown.Link text=\"forum.shoper.pl\" href=\"https://forum.shoper.pl\" />\n *              <Dropdown.Link text=\"shoper.pl/help\" href=\"https://shoper.pl/help\" />\n *          </Dropdown.List>\n *      </Dropdown.Content>\n *  <Dropdown>\n * )\n */\nconst Dropdown: React.FC<IDropdownProps> & IDropdownComposition = ({ defaultIsOpen = false, onToggle, children }) => {\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     * 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    return (\n        <DropdownContext.Provider value={value}>\n            <div ref={wrapperRef} className={cssClasses.dropdown}>\n                {children}\n            </div>\n        </DropdownContext.Provider>\n    );\n};\n\nDropdown.Select = Select;\nDropdown.Content = Content;\nDropdown.Search = Search;\nDropdown.List = List;\nDropdown.Header = Header;\nDropdown.Option = Option;\nDropdown.OptionMultiple = OptionMultiple;\nDropdown.Link = Link;\nDropdown.Label = Label;\nDropdown.CustomLabel = CustomLabel;\nDropdown.Item = Item;\n\nexport default Dropdown;\n"],"names":["useRef","React","DropdownContext","cssClasses","Select","Content","Search","List","Header","Option","OptionMultiple","Link","Label","CustomLabel","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoBA;;;;;;;;;;;;;;;;;;IAkBM,QAAQ,GAAoD,UAAC,EAA6C;QAA3C,qBAAqB,EAArB,0CAAqB,EAAE,sBAAQ,EAAE,sBAAQ;;;;IAI1G,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,kDAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAKpE,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;IAEtG,QACIA,wCAACC,qBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClCD,iDAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAEE,sBAAU,CAAC,QAAQ,IAC/C,QAAQ,CACP,CACiB,EAC7B;AACN,EAAE;AAEF,QAAQ,CAAC,MAAM,GAAGC,iBAAM,CAAC;AACzB,QAAQ,CAAC,OAAO,GAAGC,kBAAO,CAAC;AAC3B,QAAQ,CAAC,MAAM,GAAGC,iBAAM,CAAC;AACzB,QAAQ,CAAC,IAAI,GAAGC,eAAI,CAAC;AACrB,QAAQ,CAAC,MAAM,GAAGC,iBAAM,CAAC;AACzB,QAAQ,CAAC,MAAM,GAAGC,iBAAM,CAAC;AACzB,QAAQ,CAAC,cAAc,GAAGC,0BAAc,CAAC;AACzC,QAAQ,CAAC,IAAI,GAAGC,eAAI,CAAC;AACrB,QAAQ,CAAC,KAAK,GAAGC,gBAAK,CAAC;AACvB,QAAQ,CAAC,WAAW,GAAGC,uBAAW,CAAC;AACnC,QAAQ,CAAC,IAAI,GAAGC,eAAI;;;;"}

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

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react');
-var fuzzy_search = require('../../utilities/fuzzy_search/fuzzy_search.js');
-
-/**
- * checks if the given option is selected within array of selectedValues array
- * @param {ISelectOption} option select/multiselect option
- * @param {Array<ISelectOption>} selectedValues array of selected values
- * @returns {Boolean}
- */
-var isSelected = function (option, selectedValues) { return selectedValues.indexOf(option) >= 0; };
-/**
- * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do selectedValues array, closes dropdown if defaultCloseOnClick is true
- * @param {ISelectOption} option - option that was clicked
- * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option
- * @param {Function} setSelectedValues - selected values state setter
- * @param {Function} toggleDropdown - method which toggles dropdown
- */
-var handleItemClick = function (option, defaultCloseOnClick, setSelectedValues, toggleDropdown) {
-    setSelectedValues(option);
-    if (defaultCloseOnClick === true) {
-        toggleDropdown();
-    }
-};
-/**
- * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with filtered results
- * @param {React.KeyboardEvent} ev react keyboard event
- * @param {Array<ISelectOption>} options list of dropdown options to filter
- * @param {Function} setOptionsList method to set new state of options list
- * @returns {void} nothing
- */
-var handleSearchKeyUp = function (ev, options, setOptionsList) {
-    var $input = ev.target;
-    var searchQuery = $input.value;
-    var filteredOptions = fuzzy_search.fuzzySearch(searchQuery, options, 'text');
-    setOptionsList(function () { return filteredOptions; });
-};
-
-exports.handleItemClick = handleItemClick;
-exports.handleSearchKeyUp = handleSearchKeyUp;
-exports.isSelected = isSelected;
-//# sourceMappingURL=utilities.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utilities.js","sources":["../../../../../src/components/dropdown/utilities.ts"],"sourcesContent":["import { fuzzySearch } from '@utilities/fuzzy_search/fuzzy_search';\nimport { ISelectOption } from './types';\n\n/**\n * checks if the given option is selected within array of selectedValues array\n * @param {ISelectOption} option select/multiselect option\n * @param {Array<ISelectOption>} selectedValues array of selected values\n * @returns {Boolean}\n */\nexport const isSelected = (option: ISelectOption, selectedValues: Array<ISelectOption>): boolean => selectedValues.indexOf(option) >= 0;\n\n/**\n * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do selectedValues array, closes dropdown if defaultCloseOnClick is true\n * @param {ISelectOption} option - option that was clicked\n * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option\n * @param {Function} setSelectedValues - selected values state setter\n * @param {Function} toggleDropdown - method which toggles dropdown\n */\nexport const handleItemClick = (\n    option: ISelectOption,\n    defaultCloseOnClick: boolean,\n    setSelectedValues: (selectedOption: any) => void,\n    toggleDropdown: () => void\n) => {\n    setSelectedValues(option);\n\n    if (defaultCloseOnClick === true) {\n        toggleDropdown();\n    }\n};\n\n/**\n * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with filtered results\n * @param {React.KeyboardEvent} ev react keyboard event\n * @param {Array<ISelectOption>} options list of dropdown options to filter\n * @param {Function} setOptionsList method to set new state of options list\n * @returns {void} nothing\n */\nexport const handleSearchKeyUp = (\n    ev: React.KeyboardEvent,\n    options: Array<ISelectOption>,\n    setOptionsList: (value: React.SetStateAction<ISelectOption[]>) => void\n): void => {\n    const $input: HTMLInputElement = ev.target as HTMLInputElement;\n    const searchQuery: string = $input.value;\n\n    const filteredOptions = <Array<ISelectOption>>fuzzySearch(searchQuery, options, 'text');\n    setOptionsList(() => filteredOptions);\n};\n"],"names":["fuzzySearch"],"mappings":";;;;;;;AAGA;;;;;;IAMa,UAAU,GAAG,UAAC,MAAqB,EAAE,cAAoC,IAAc,OAAA,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAC;AAExI;;;;;;;IAOa,eAAe,GAAG,UAC3B,MAAqB,EACrB,mBAA4B,EAC5B,iBAAgD,EAChD,cAA0B;IAE1B,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAE1B,IAAI,mBAAmB,KAAK,IAAI,EAAE;QAC9B,cAAc,EAAE,CAAC;KACpB;AACL,EAAE;AAEF;;;;;;;IAOa,iBAAiB,GAAG,UAC7B,EAAuB,EACvB,OAA6B,EAC7B,cAAsE;IAEtE,IAAM,MAAM,GAAqB,EAAE,CAAC,MAA0B,CAAC;IAC/D,IAAM,WAAW,GAAW,MAAM,CAAC,KAAK,CAAC;IAEzC,IAAM,eAAe,GAAyBA,wBAAW,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IACxF,cAAc,CAAC,cAAM,OAAA,eAAe,GAAA,CAAC,CAAC;AAC1C;;;;;;"}

package/build/cjs/src/components/gallery/constants.js

@@ -1,33 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var GALLERY_MODE = {
-    maxImage: 'maxImage',
-    shortestEdge: 'shortestEdge',
-    fullScreen: 'fullScreen'
-};
-var JS_CLASSES = {
-    newGallery: 'js__gallery_new',
-    anchorImage: 'js__gallery-anchor-image',
-    image: 'js__gallery-image',
-    selectedImageNumber: 'js__gallery-selected-image-number',
-    imageDescription: 'js__gallery-image-description',
-    previous: 'js__gallery-previous',
-    next: 'js__gallery-next',
-    images: 'js__gallery-images',
-    imagesContainer: 'js__gallery-images-container',
-    copyLinkButton: 'js__gallery-copy-link',
-    firstTemporaryContainer: 'js__gallery-temporary-image-container_first',
-    lastTemporaryContainer: 'js__gallery-temporary-image-container_last',
-    close: ''
-};
-var DIMENSIONS_TYPE = {
-    initial: 'initial',
-    real: 'real'
-};
-
-exports.DIMENSIONS_TYPE = DIMENSIONS_TYPE;
-exports.GALLERY_MODE = GALLERY_MODE;
-exports.JS_CLASSES = JS_CLASSES;
-//# sourceMappingURL=constants.js.map

package/build/cjs/src/components/gallery/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/gallery/constants.ts"],"sourcesContent":["import { TMode, TJsSelectors, TDimensionsType } from './types';\n\nexport const GALLERY_MODE: Record<TMode, TMode> = {\n    maxImage: 'maxImage',\n    shortestEdge: 'shortestEdge',\n    fullScreen: 'fullScreen'\n};\n\nexport const JS_CLASSES: Record<TJsSelectors, string> = {\n    newGallery: 'js__gallery_new',\n    anchorImage: 'js__gallery-anchor-image',\n    image: 'js__gallery-image',\n    selectedImageNumber: 'js__gallery-selected-image-number',\n    imageDescription: 'js__gallery-image-description',\n    previous: 'js__gallery-previous',\n    next: 'js__gallery-next',\n    images: 'js__gallery-images',\n    imagesContainer: 'js__gallery-images-container',\n    copyLinkButton: 'js__gallery-copy-link',\n    firstTemporaryContainer: 'js__gallery-temporary-image-container_first',\n    lastTemporaryContainer: 'js__gallery-temporary-image-container_last',\n    close: ''\n};\n\nexport const DIMENSIONS_TYPE: Record<TDimensionsType, TDimensionsType> = {\n    initial: 'initial',\n    real: 'real'\n};\n"],"names":[],"mappings":";;;;IAEa,YAAY,GAAyB;IAC9C,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,YAAY;EAC1B;IAEW,UAAU,GAAiC;IACpD,UAAU,EAAE,iBAAiB;IAC7B,WAAW,EAAE,0BAA0B;IACvC,KAAK,EAAE,mBAAmB;IAC1B,mBAAmB,EAAE,mCAAmC;IACxD,gBAAgB,EAAE,+BAA+B;IACjD,QAAQ,EAAE,sBAAsB;IAChC,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,oBAAoB;IAC5B,eAAe,EAAE,8BAA8B;IAC/C,cAAc,EAAE,uBAAuB;IACvC,uBAAuB,EAAE,6CAA6C;IACtE,sBAAsB,EAAE,4CAA4C;IACpE,KAAK,EAAE,EAAE;EACX;IAEW,eAAe,GAA6C;IACrE,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;;;;;;;"}

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

@@ -1,72 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var cssGallery = 'gallery';
-var cssGalleryMobile = cssGallery + "_mobile";
-var cssGalleryBar = cssGallery + "-bar";
-var cssGalleryBarImageNumbers = cssGalleryBar + "__image-numbers";
-var cssGalleryBarImageDescription = cssGalleryBar + "__image-description";
-var cssGalleryBarCopyLink = cssGalleryBar + "__copy-link";
-var cssGalleryBarCopyLinkConfirmation = cssGalleryBarCopyLink + "_confirmation";
-var cssGalleryBarCopyLinkConfirmationText = cssGalleryBarCopyLink + "_confirmation-text";
-var cssGalleryBarImageClose = cssGalleryBar + "__image-close";
-var cssGalleryImages = cssGallery + "__images";
-var cssGalleryImagesWithTransition = cssGallery + "__images_with-transition";
-var cssGalleryImagesContainer = cssGalleryImages + "-container";
-var cssGalleryImage = cssGallery + "__image";
-var cssGalleryImageContainer = cssGalleryImage + "-container";
-var cssGalleryImageAdjusted = cssGalleryImage + "_adjusted";
-var cssGalleryImageMaxWidth = cssGalleryImage + "_max-width";
-var cssGalleryImageMaxHeight = cssGalleryImage + "_max-height";
-var cssIcon = 'icon';
-var cssIconArrow = cssIcon + "-arrow";
-var cssIconArrowContainer = cssIconArrow + "-container";
-var cssIconArrowContainerPrevious = cssIconArrowContainer + "_previous";
-var cssIconArrowContainerNext = cssIconArrowContainer + "_next";
-var cssIconArrowRotate180 = cssIconArrow + "_rotate-180";
-var cssIconClose = cssIcon + "-close";
-var cssIconLink = cssIcon + "-link";
-var cssIconSuccess = cssIcon + "-success";
-var cssLoaderMask = 'loader__mask';
-var cssHide = 'hide';
-var cssHideMobile = 'hide_mobile';
-var cssHideDesktop = 'hide_desktop';
-var cssZoomIn = 'zoom-in';
-var cssZoomOut = 'zoom-out';
-var cssGrabbing = 'grabbing';
-
-exports.cssGallery = cssGallery;
-exports.cssGalleryBar = cssGalleryBar;
-exports.cssGalleryBarCopyLink = cssGalleryBarCopyLink;
-exports.cssGalleryBarCopyLinkConfirmation = cssGalleryBarCopyLinkConfirmation;
-exports.cssGalleryBarCopyLinkConfirmationText = cssGalleryBarCopyLinkConfirmationText;
-exports.cssGalleryBarImageClose = cssGalleryBarImageClose;
-exports.cssGalleryBarImageDescription = cssGalleryBarImageDescription;
-exports.cssGalleryBarImageNumbers = cssGalleryBarImageNumbers;
-exports.cssGalleryImage = cssGalleryImage;
-exports.cssGalleryImageAdjusted = cssGalleryImageAdjusted;
-exports.cssGalleryImageContainer = cssGalleryImageContainer;
-exports.cssGalleryImageMaxHeight = cssGalleryImageMaxHeight;
-exports.cssGalleryImageMaxWidth = cssGalleryImageMaxWidth;
-exports.cssGalleryImages = cssGalleryImages;
-exports.cssGalleryImagesContainer = cssGalleryImagesContainer;
-exports.cssGalleryImagesWithTransition = cssGalleryImagesWithTransition;
-exports.cssGalleryMobile = cssGalleryMobile;
-exports.cssGrabbing = cssGrabbing;
-exports.cssHide = cssHide;
-exports.cssHideDesktop = cssHideDesktop;
-exports.cssHideMobile = cssHideMobile;
-exports.cssIcon = cssIcon;
-exports.cssIconArrow = cssIconArrow;
-exports.cssIconArrowContainer = cssIconArrowContainer;
-exports.cssIconArrowContainerNext = cssIconArrowContainerNext;
-exports.cssIconArrowContainerPrevious = cssIconArrowContainerPrevious;
-exports.cssIconArrowRotate180 = cssIconArrowRotate180;
-exports.cssIconClose = cssIconClose;
-exports.cssIconLink = cssIconLink;
-exports.cssIconSuccess = cssIconSuccess;
-exports.cssLoaderMask = cssLoaderMask;
-exports.cssZoomIn = cssZoomIn;
-exports.cssZoomOut = cssZoomOut;
-//# sourceMappingURL=css_classes.js.map