@dreamcommerce/aurora 0.3.4-18 → 0.3.4-183

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

@@ -1,134 +0,0 @@
-import React, { useRef, useState } from 'react';
-import cssClasses from '@css/dropdown/main.module.less';
-import Dropdown from '../../index';
-import '../../types';
-import { DropdownContext } from '../../context';
-import { useToggle, useSetOptionsOnClose, useValues } from '../../hooks';
-import { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';
-import { cssDropdown } from '../../css_classes';
-/**
- * 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 = useRef(null);
-    /**
-     * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
-     */
-    var _j = useToggle(defaultIsOpen, onToggle), isOpen = _j[0], toggleDropdown = _j[1];
-    /**
-     * hook with option list state, and method to change option list
-     */
-    var _k = useState(options), optionsList = _k[0], setOptionsList = _k[1];
-    /**
-     * hook with selected value, and method do change it
-     */
-    var _l = 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.useMemo(function () { return ({ wrapperRef: wrapperRef, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
-    /**
-     * hook which resets options list to default on close if select has search and it was used
-     */
-    useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
-    return (React.createElement(DropdownContext.Provider, { value: value },
-        React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
-            React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
-            React.createElement(Dropdown.Content, null,
-                isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: function (ev) { return handleSearchKeyUp(ev, options, setOptionsList); } }),
-                React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map(function (option) {
-                    var _a, _b;
-                    return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.OptionMultiple, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: function (option) { return handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown); } }));
-                }))))));
-};
-export default Multiple;
-//# sourceMappingURL=index.js.map

package/build/components/dropdown/hoc/multiselect/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/hoc/multiselect/index.tsx"],"names":[],"mappings":"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"}

package/build/components/dropdown/hoc/select/index.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { ISelectProps } from '../../types';
-/**
- * Select component. Build with Dropdown composed components.
- *
- * @component
- * @example
- * const options = [{
- *  text: 'Option 1',
- *  value: 'value1'
- * }, {
- *  text: 'Option 2,,
- *  value: 'value2'
- * }];
- * return (
- *  <Select name="my_select_name" options={options} onChange={(option) => console.log(option)} />
- * )
- */
-declare const Select: React.FC<ISelectProps>;
-export default Select;

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

@@ -1,139 +0,0 @@
-import React, { useRef, useState } from 'react';
-import cssClasses from '@css/dropdown/main.module.less';
-import Dropdown from '../../index';
-import '../../types';
-import { DropdownContext } from '../../context';
-import { useToggle, useSetOptionsOnClose, useValue } from '../../hooks';
-import { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';
-import { cssDropdown } from '../../css_classes';
-/**
- * Select component. Build with Dropdown composed components.
- *
- * @component
- * @example
- * const options = [{
- *  text: 'Option 1',
- *  value: 'value1'
- * }, {
- *  text: 'Option 2,,
- *  value: 'value2'
- * }];
- * return (
- *  <Select name="my_select_name" options={options} onChange={(option) => console.log(option)} />
- * )
- */
-var Select = function (_a) {
-    var 
-    /**
-     * select name, used also for hidden inputs
-     */
-    name = _a.name, 
-    /**
-     * array of select options
-     */
-    options = _a.options, 
-    /**
-     * array of default values (for select its always one element), array is used to be compatible with multiselects
-     */
-    _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 = useRef(null);
-    /**
-     * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
-     */
-    var _j = useToggle(defaultIsOpen, onToggle), isOpen = _j[0], toggleDropdown = _j[1];
-    /**
-     * hook with option list state, and method to change option list
-     */
-    var _k = useState(options), optionsList = _k[0], setOptionsList = _k[1];
-    /**
-     * hook with selected value, and method do change it
-     */
-    var _l = 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.useMemo(function () { return ({ wrapperRef: wrapperRef, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
-    /**
-     * hook which resets options list to default on close if select has search and it was used
-     */
-    useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
-    return (React.createElement(DropdownContext.Provider, { value: value },
-        React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
-            React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
-            React.createElement(Dropdown.Content, { portalContainer: portalContainer },
-                isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: function (ev) { return handleSearchKeyUp(ev, options, setOptionsList); } }),
-                React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map(function (option) {
-                    var _a, _b;
-                    return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.Option, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: function (option) { return handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown); } }));
-                }))))));
-};
-export default Select;
-//# sourceMappingURL=index.js.map

package/build/components/dropdown/hoc/select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/hoc/select/index.tsx"],"names":[],"mappings":"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"}

package/build/components/dropdown/hooks/index.d.ts

@@ -1,5 +0,0 @@
-import { useValue } from './use_value';
-import { useValues } from './use_values';
-import { useToggle } from './use_toggle';
-import { useSetOptionsOnClose } from './use_set_options_on_close';
-export { useValue, useValues, useToggle, useSetOptionsOnClose };

package/build/components/dropdown/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dropdown/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC"}

package/build/components/dropdown/hooks/use_keyboard_open_close.d.ts

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

package/build/components/dropdown/hooks/use_keyboard_open_close.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"use_keyboard_open_close.js","sourceRoot":"","sources":["../../../../src/components/dropdown/hooks/use_keyboard_open_close.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAA0B,OAAO,CAAC;AAElC,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,cAA2B,EAAE,MAAgB,EAAE,GAA4B;IAC5G,UAAU,CAAC,CAAC,GAAG,CAAC,EAAE,cAAM,OAAA,CAAC,MAAM,KAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAI,EAA7B,CAA6B,EAAE,GAAG,CAAC,CAAC;IAC5D,UAAU,CAAC,CAAC,YAAY,CAAC,EAAE,cAAM,OAAA,MAAM,KAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAI,EAA5B,CAA4B,EAAE,GAAG,CAAC,CAAC;AACxE,CAAC,CAAC"}

package/build/components/dropdown/hooks/use_set_options_on_close.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { ISelectOption } from '../types';
-/**
- * hook used to reset filtered options list to default on dropdown hide
- * @param isWithSearch indicates if dropdown use search (searchable items)
- * @param isOpen indicates if dropdown is open
- * @param setOptionsList state setter for options list
- * @param options default options list
- * @returns {void} nothing
- */
-export declare function useSetOptionsOnClose(isWithSearch: boolean, isOpen: boolean, setOptionsList: (value: React.SetStateAction<Array<ISelectOption>>) => void, options: Array<ISelectOption>): void;

package/build/components/dropdown/hooks/use_set_options_on_close.js

@@ -1,18 +0,0 @@
-import '../types';
-import { useEffect } from 'react';
-/**
- * hook used to reset filtered options list to default on dropdown hide
- * @param isWithSearch indicates if dropdown use search (searchable items)
- * @param isOpen indicates if dropdown is open
- * @param setOptionsList state setter for options list
- * @param options default options list
- * @returns {void} nothing
- */
-export function useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options) {
-    useEffect(function () {
-        if (isWithSearch === true && isOpen === false) {
-            setOptionsList(function () { return options; });
-        }
-    }, [isOpen, isWithSearch, options, setOptionsList]);
-}
-//# sourceMappingURL=use_set_options_on_close.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use_set_options_on_close.js","sourceRoot":"","sources":["../../../../src/components/dropdown/hooks/use_set_options_on_close.ts"],"names":[],"mappings":"AAAA,OAA8B,UAAU,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;;;;;GAOG;AACH,MAAM,UAAU,oBAAoB,CAChC,YAAqB,EACrB,MAAe,EACf,cAA2E,EAC3E,OAA6B;IAE7B,SAAS,CAAC;QACN,IAAI,YAAY,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,EAAE;YAC3C,cAAc,CAAC,cAAM,OAAA,OAAO,EAAP,CAAO,CAAC,CAAC;SACjC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;AACxD,CAAC"}

package/build/components/dropdown/hooks/use_toggle.d.ts

@@ -1,7 +0,0 @@
-/**
- * Hook used for toggling dropdown
- * @param defaultIsOpen should dropdown be opened at render
- * @param onToggleCb callback onToggle
- * @returns {Array} tuple - open state and and method to change open state
- */
-export declare function useToggle(defaultIsOpen?: boolean, onToggleCb?: (isOpen: boolean) => void): [boolean, () => void];

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

@@ -1,20 +0,0 @@
-import { useState, useCallback } from 'react';
-import { useEffectAfterMount } from '../../../hooks';
-/**
- * Hook used for toggling dropdown
- * @param defaultIsOpen should dropdown be opened at render
- * @param onToggleCb callback onToggle
- * @returns {Array} tuple - open state and and method to change open state
- */
-export function useToggle(defaultIsOpen, onToggleCb) {
-    if (defaultIsOpen === void 0) { defaultIsOpen = false; }
-    var _a = useState(defaultIsOpen), isOpen = _a[0], setIsOpen = _a[1];
-    var onToggle = useCallback(function () { return setIsOpen(function (oldIsOpen) { return !oldIsOpen; }); }, []);
-    useEffectAfterMount(function () {
-        if (typeof onToggleCb === 'function') {
-            onToggleCb(isOpen);
-        }
-    }, [isOpen]);
-    return [isOpen, onToggle];
-}
-//# sourceMappingURL=use_toggle.js.map

package/build/components/dropdown/hooks/use_toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_toggle.js","sourceRoot":"","sources":["../../../../src/components/dropdown/hooks/use_toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,aAA8B,EAAE,UAAsC;IAAtE,8BAAA,EAAA,qBAA8B;IAC9C,IAAA,4BAA6C,EAA5C,cAAM,EAAE,iBAAoC,CAAC;IACpD,IAAM,QAAQ,GAAG,WAAW,CAAC,cAAM,OAAA,SAAS,CAAC,UAAC,SAAS,IAAK,OAAA,CAAC,SAAS,EAAV,CAAU,CAAC,EAApC,CAAoC,EAAE,EAAE,CAAC,CAAC;IAE7E,mBAAmB,CAAC;QAChB,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;YAClC,UAAU,CAAC,MAAM,CAAC,CAAC;SACtB;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC9B,CAAC"}

package/build/components/dropdown/hooks/use_value.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { ISelectOption } from '../types';
-/**
- * Hook used to allow use single selectable value, returns array of selected values and method to set value as selected
- * You can use is for select or any other form of control which needs single selectable value
- * @param {React.RefObject<HTMLElement>} wrapperRef
- * @param {Array<ISelectOption>} options
- * @param {Array<string>} defaultValues
- * @param {Function} onChangeCb
- *
- * @fires dropdown:change
- *
- * @returns {Array} Tuple - selected values and state setter for them
- */
-export declare function useValue(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues: Array<string>, onChangeCb?: (selectedOption: ISelectOption) => void): [ISelectOption[], (selectedOption: ISelectOption) => void];
-/**
- * dropdown:change event
- *
- * @event dropdown:change
- * @type {object}
- * @property {ISelectOption} selectedOption selected option
- */

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"use_value.js","sourceRoot":"","sources":["../../../../src/components/dropdown/hooks/use_value.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9C,OAA8B,UAAU,CAAC;AAEzC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,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,EAA1D,CAA0D,CAAC,CAAC;IACjH,IAAA,qCAAqE,EAApE,sBAAc,EAAE,wBAAoD,CAAC;IAE5E,IAAM,iBAAiB,GAAG,WAAW,CACjC,UAAC,cAA6B;;QAC1B,gBAAgB,CAAC,cAAM,OAAA,CAAC,cAAc,CAAC,EAAhB,CAAgB,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;IACL,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;GAMG"}

package/build/components/dropdown/hooks/use_values.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { ISelectOption } from '../types';
-/**
- * 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
- */
-export declare function useValues(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues: Array<string>, onChangeCb?: (selectedOption: ISelectOption, isChecked: boolean, selectedOptions: Array<ISelectOption>) => void): [ISelectOption[], (selectedOption: ISelectOption) => void];
-/**
- * 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
- */

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

@@ -1,61 +0,0 @@
-import { __spreadArrays } from "tslib";
-import { useState, useCallback } from 'react';
-import '../types';
-/**
- * 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
- */
-export 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 = 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 = 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 = __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
- */
-//# sourceMappingURL=use_values.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use_values.js","sourceRoot":"","sources":["../../../../src/components/dropdown/hooks/use_values.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9C,OAA8B,UAAU,CAAC;AAEzC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,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,EAA1D,CAA0D,CAAC,CAAC;IACjH,IAAA,qCAAqE,EAApE,sBAAc,EAAE,wBAAoD,CAAC;IAE5E;;;OAGG;IACH,IAAM,iBAAiB,GAAG,WAAW,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,EAArC,CAAqC,CAAC,CAAC;gBACvG,SAAS,GAAG,KAAK,CAAC;aACrB;iBAAM;gBACH,kBAAkB,kBAAO,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;QAC9B,CAAC,CAAC,CAAC;IACP,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;;;GAQG"}

package/build/components/dropdown/index.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IDropdownProps, IDropdownComposition } from './types';
-/**
- * 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>
- * )
- */
-declare const Dropdown: React.FC<IDropdownProps> & IDropdownComposition;
-export default Dropdown;