@alfalab/core-components-select 15.2.3 → 16.0.0

package/esm/components/base-select-mobile/Component.js

@@ -1,286 +0,0 @@
-import { __assign, __spreadArray } from 'tslib';
-import React, { forwardRef, useRef, useMemo, useEffect } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { useMultipleSelection, useCombobox } from 'downshift';
-import { BottomSheet } from '@alfalab/core-components-bottom-sheet/esm';
-import { ModalMobile } from '@alfalab/core-components-modal/esm/mobile';
-import { getDataTestId } from '@alfalab/core-components-shared/esm';
-import { defaultAccessor, processOptions, defaultFilterFn } from '../../utils.js';
-import { Arrow } from '../arrow/Component.js';
-import { Field } from '../field/Component.js';
-import { Optgroup } from '../optgroup/Component.js';
-import { Option } from '../option/Component.js';
-import { OptionsList } from '../options-list/Component.js';
-import { Search } from '../search/Component.js';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '@alfalab/hooks';
-import '../checkmark/Component.js';
-import '@alfalab/core-components-badge/esm';
-import '@alfalab/core-components-checkbox/esm';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../checkmark-mobile/Component.js';
-import '@alfalab/core-components-scrollbar/esm';
-import '../../consts.js';
-import '@alfalab/core-components-input/esm';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-
-var styles = {"component":"select__component_r2ukf","sheet":"select__sheet_r2ukf","sheetContent":"select__sheetContent_r2ukf","modalContent":"select__modalContent_r2ukf","sheetContainer":"select__sheetContainer_r2ukf","block":"select__block_r2ukf","optionsListWrapper":"select__optionsListWrapper_r2ukf","optionsList":"select__optionsList_r2ukf","scrollbar":"select__scrollbar_r2ukf","emptySearchPlaceholder":"select__emptySearchPlaceholder_r2ukf","search":"select__search_r2ukf","option":"select__option_r2ukf","optionGroup":"select__optionGroup_r2ukf"};
-require('./index.css')
-
-var BaseSelectMobile = forwardRef(function (_a, ref) {
-    var _b;
-    var dataTestId = _a.dataTestId, className = _a.className, fieldClassName = _a.fieldClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, optionGroupClassName = _a.optionGroupClassName, optionsListProps = _a.optionsListProps, _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.autocomplete, autocomplete = _d === void 0 ? false : _d, _e = _a.multiple, multiple = _e === void 0 ? false : _e, _f = _a.allowUnselect, allowUnselect = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.closeOnSelect, closeOnSelect = _h === void 0 ? !multiple : _h, _j = _a.circularNavigation, circularNavigation = _j === void 0 ? false : _j, _k = _a.defaultOpen, defaultOpen = _k === void 0 ? false : _k, openProp = _a.open, _l = _a.optionsListWidth, optionsListWidth = _l === void 0 ? 'content' : _l, name = _a.name, id = _a.id, _m = _a.selected, selected = _m === void 0 ? [] : _m, _o = _a.size, size = _o === void 0 ? 'm' : _o, _p = _a.optionsSize, optionsSize = _p === void 0 ? 'm' : _p, error = _a.error, hint = _a.hint, block = _a.block, label = _a.label, labelView = _a.labelView, placeholder = _a.placeholder, _q = _a.fieldProps, fieldProps = _q === void 0 ? {} : _q, _r = _a.optionProps, optionProps = _r === void 0 ? {} : _r, _s = _a.searchProps, searchProps = _s === void 0 ? {} : _s, _t = _a.showSearch, showSearch = _t === void 0 ? false : _t, valueRenderer = _a.valueRenderer, onChange = _a.onChange, onOpen = _a.onOpen, onFocus = _a.onFocus, onBlur = _a.onBlur, _u = _a.Arrow, Arrow$1 = _u === void 0 ? Arrow : _u, _v = _a.Field, Field$1 = _v === void 0 ? Field : _v, _w = _a.Optgroup, Optgroup$1 = _w === void 0 ? Optgroup : _w, _x = _a.Option, Option$1 = _x === void 0 ? Option : _x, _y = _a.OptionsList, OptionsList$1 = _y === void 0 ? OptionsList : _y, _z = _a.Search, Search$1 = _z === void 0 ? Search : _z, swipeable = _a.swipeable, footer = _a.footer, isBottomSheet = _a.isBottomSheet, bottomSheetProps = _a.bottomSheetProps, modalProps = _a.modalProps, modalHeaderProps = _a.modalHeaderProps, modalFooterProps = _a.modalFooterProps, _0 = _a.showEmptyOptionsList, showEmptyOptionsList = _0 === void 0 ? false : _0;
-    var rootRef = useRef(null);
-    var fieldRef = useRef(null);
-    var listRef = useRef(null);
-    var initiatorRef = useRef(null);
-    var alreadyClickedRef = useRef(false);
-    var searchRef = useRef(null);
-    var _1 = React.useState(''), searchState = _1[0], setSearchState = _1[1];
-    var _2 = typeof (searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) === 'string'
-        ? [searchProps.value, searchProps.onChange]
-        : [searchState, setSearchState], search = _2[0], setSearch = _2[1];
-    var itemToString = function (option) { return (option ? option.key : ''); };
-    var accessor = searchProps.accessor || defaultAccessor;
-    var _3 = useMemo(function () {
-        return processOptions(options, selected, function (option) {
-            return defaultFilterFn(accessor(option), search);
-        });
-    }, [accessor, options, search, selected]), filteredOptions = _3.filteredOptions, flatOptions = _3.flatOptions, selectedOptions = _3.selectedOptions;
-    var scrollableContainerRef = useRef(null);
-    var useMultipleSelectionProps = {
-        itemToString: itemToString,
-        onSelectedItemsChange: function (changes) {
-            if (onChange) {
-                var _a = changes.selectedItems, selectedItems_1 = _a === void 0 ? [] : _a;
-                onChange({
-                    selectedMultiple: selectedItems_1,
-                    selected: selectedItems_1.length ? selectedItems_1[0] : null,
-                    initiator: initiatorRef.current,
-                    name: name,
-                });
-                initiatorRef.current = null;
-            }
-        },
-        stateReducer: function (state, actionAndChanges) {
-            var type = actionAndChanges.type, changes = actionAndChanges.changes;
-            if (!allowUnselect &&
-                type === useMultipleSelection.stateChangeTypes.DropdownKeyDownBackspace) {
-                return state;
-            }
-            return changes;
-        },
-    };
-    if (selected !== undefined) {
-        useMultipleSelectionProps.selectedItems = selectedOptions;
-    }
-    var _4 = useMultipleSelection(useMultipleSelectionProps), selectedItems = _4.selectedItems, addSelectedItem = _4.addSelectedItem, setSelectedItems = _4.setSelectedItems, removeSelectedItem = _4.removeSelectedItem, getDropdownProps = _4.getDropdownProps;
-    var _5 = useCombobox({
-        id: id,
-        isOpen: openProp,
-        circularNavigation: circularNavigation,
-        items: flatOptions,
-        itemToString: itemToString,
-        defaultHighlightedIndex: -1,
-        onIsOpenChange: function (_a) {
-            var isOpen = _a.isOpen;
-            if (onOpen) {
-                /**
-                 *  Вызываем обработчик асинхронно.
-                 *
-                 * Иначе при клике вне открытого селекта сначала сработает onOpen, который закроет селект,
-                 * А затем сработает onClick кнопки открытия\закрытия с open=false и в итоге селект откроется снова.
-                 */
-                setTimeout(function () {
-                    onOpen({
-                        open: isOpen,
-                        name: name,
-                    });
-                }, 0);
-            }
-            if (showSearch) {
-                if (isOpen) {
-                    setTimeout(function () {
-                        var _a;
-                        (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                        // BottomSheet transition duration
-                    }, 500);
-                }
-                else {
-                    setSearch === null || setSearch === void 0 ? void 0 : setSearch('');
-                }
-            }
-        },
-        stateReducer: function (state, actionAndChanges) {
-            var type = actionAndChanges.type, changes = actionAndChanges.changes;
-            var selectedItem = changes.selectedItem;
-            switch (type) {
-                case useCombobox.stateChangeTypes.InputBlur:
-                    return state;
-                case useCombobox.stateChangeTypes.InputKeyDownEnter:
-                case useCombobox.stateChangeTypes.ItemClick:
-                    initiatorRef.current = selectedItem;
-                    if (selectedItem && !selectedItem.disabled && !alreadyClickedRef.current) {
-                        // TODO!!! Проблема downshift + React 18. ItemClick срабатывает дважды. См https://github.com/downshift-js/downshift/issues/1384
-                        if (React.version.indexOf('18') === 0) {
-                            alreadyClickedRef.current = true;
-                            setTimeout(function () {
-                                alreadyClickedRef.current = false;
-                            });
-                        }
-                        var alreadySelected = selectedItems.includes(selectedItem);
-                        var allowRemove = allowUnselect || (multiple && selectedItems.length > 1);
-                        if (alreadySelected && allowRemove) {
-                            if (multiple) {
-                                removeSelectedItem(selectedItem);
-                            }
-                            else {
-                                setSelectedItems([]);
-                            }
-                        }
-                        if (!alreadySelected) {
-                            if (multiple) {
-                                addSelectedItem(selectedItem);
-                            }
-                            else {
-                                setSelectedItems([selectedItem]);
-                            }
-                        }
-                    }
-                    return __assign(__assign({}, changes), { isOpen: !closeOnSelect || multiple, 
-                        // при closeOnSelect === false - сохраняем подсвеченный индекс
-                        highlightedIndex: state.isOpen && !closeOnSelect
-                            ? state.highlightedIndex
-                            : changes.highlightedIndex });
-                default:
-                    return changes;
-            }
-        },
-    }), open = _5.isOpen, getMenuProps = _5.getMenuProps, getInputProps = _5.getInputProps, getItemProps = _5.getItemProps, getComboboxProps = _5.getComboboxProps, getLabelProps = _5.getLabelProps, highlightedIndex = _5.highlightedIndex, toggleMenu = _5.toggleMenu, openMenu = _5.openMenu;
-    var menuProps = getMenuProps({ ref: listRef }, { suppressRefError: true });
-    var inputProps = getInputProps(getDropdownProps({ ref: mergeRefs([ref, fieldRef]) }));
-    var handleFieldFocus = function (event) {
-        if (onFocus)
-            onFocus(event);
-        if (autocomplete && !open) {
-            openMenu();
-        }
-    };
-    var handleFieldBlur = function (event) {
-        if (!open && onBlur)
-            onBlur(event);
-    };
-    var handleFieldKeyDown = function (event) {
-        inputProps.onKeyDown(event);
-        // https://caniuse.com/?search=KeyboardEvent.key
-        var isKeyUnsupported = event.key === 'Unidentified';
-        if (autocomplete &&
-            !open &&
-            (isKeyUnsupported || event.key.length === 1 || event.key === 'Backspace')) {
-            // Для автокомплита - открываем меню при начале ввода
-            openMenu();
-        }
-        if ([' ', 'Enter'].includes(event.key) &&
-            !autocomplete &&
-            event.target.tagName !== 'INPUT' &&
-            event.target.tagName !== 'BUTTON') {
-            // Открываем\закрываем меню по нажатию enter или пробела
-            event.preventDefault();
-            if (!open || highlightedIndex === -1)
-                toggleMenu();
-        }
-    };
-    var handleFieldClick = function (event) {
-        if (!autocomplete || event.target.tagName !== 'INPUT') {
-            toggleMenu();
-        }
-        else {
-            openMenu();
-        }
-    };
-    var getOptionProps = function (option, index) {
-        var selectedItem = selectedItems.some(function (_a) {
-            var key = _a.key;
-            return key === option.key;
-        });
-        return __assign(__assign({}, optionProps), { mobile: true, className: cn(styles.option, optionClassName), innerProps: getItemProps({
-                index: index,
-                item: option,
-                disabled: option.disabled,
-                onMouseDown: function (event) { return event.preventDefault(); },
-            }), multiple: multiple, index: index, option: option, size: optionsSize, disabled: option.disabled, highlighted: index === highlightedIndex, selected: selectedItem, dataTestId: getDataTestId(dataTestId, 'option') });
-    };
-    useEffect(function () {
-        if (defaultOpen)
-            openMenu();
-    }, [defaultOpen, openMenu]);
-    useEffect(function () {
-        if (openProp) {
-            openMenu();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    var handleClose = function () {
-        toggleMenu();
-    };
-    var renderValue = function () {
-        return selectedItems.map(function (option) { return (React.createElement("input", { type: 'hidden', name: name, value: option.key, key: option.key })); });
-    };
-    var renderSearch = function () {
-        return showSearch && (React.createElement(Search$1, __assign({}, searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps, { value: search, onChange: function (_, payload) { return setSearch === null || setSearch === void 0 ? void 0 : setSearch(payload.value); }, dataTestId: getDataTestId(dataTestId, 'search'), onClear: function () { return setSearch === null || setSearch === void 0 ? void 0 : setSearch(''); }, className: styles.search, ref: searchRef })));
-    };
-    var emptyPlaceholder = optionsListProps.emptyPlaceholder;
-    var renderEmptyPlaceholder = function () {
-        if (emptyPlaceholder) {
-            return emptyPlaceholder;
-        }
-        if (showSearch) {
-            return React.createElement("div", { className: styles.emptySearchPlaceholder }, "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0448\u043B\u043E\u0441\u044C");
-        }
-        return undefined;
-    };
-    var renderOptionsList = function () {
-        if (flatOptions.length === 0 && !showEmptyOptionsList && !showSearch)
-            return null;
-        return (React.createElement("div", __assign({}, menuProps, { className: cn(styles.optionsListWrapper, optionsListClassName) }),
-            React.createElement(OptionsList$1, __assign({}, optionsListProps, { ref: scrollableContainerRef, className: styles.optionsList, scrollbarClassName: styles.scrollbar, optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup$1, Option: Option$1, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: 0, dataTestId: getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn(styles.optionGroup, optionGroupClassName), emptyPlaceholder: renderEmptyPlaceholder() }))));
-    };
-    return (React.createElement("div", __assign({}, getComboboxProps(__assign(__assign({ ref: rootRef }, (disabled && { 'aria-disabled': true })), { className: cn(styles.component, (_b = {}, _b[styles.block] = block, _b), className) })), { onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": getDataTestId(dataTestId) }),
-        React.createElement(Field$1, __assign({ selectedMultiple: selectedItems, selected: selectedItems[0], setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, multiple: multiple, open: open, disabled: disabled, size: size, placeholder: placeholder, label: label && React.createElement("span", __assign({}, getLabelProps()), label), labelView: labelView, Arrow: Arrow$1 && React.createElement(Arrow$1, { open: open }), error: error, hint: hint, valueRenderer: valueRenderer, className: fieldClassName, innerProps: {
-                onBlur: handleFieldBlur,
-                onFocus: disabled ? undefined : handleFieldFocus,
-                onClick: disabled ? undefined : handleFieldClick,
-                tabIndex: disabled ? -1 : 0,
-                ref: mergeRefs([inputProps.ref]),
-                id: inputProps.id,
-                'aria-labelledby': inputProps['aria-labelledby'],
-                'aria-controls': inputProps['aria-controls'],
-                'aria-autocomplete': autocomplete
-                    ? inputProps['aria-autocomplete']
-                    : undefined,
-            }, dataTestId: getDataTestId(dataTestId, 'field') }, fieldProps)),
-        name && renderValue(),
-        isBottomSheet ? (React.createElement(BottomSheet, __assign({ open: open, onClose: handleClose, className: styles.sheet, contentClassName: styles.sheetContent, containerClassName: styles.sheetContainer, title: label || placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, scrollableContainerRef: scrollableContainerRef, initialHeight: showSearch ? 'full' : 'default' }, bottomSheetProps, { bottomAddons: React.createElement(React.Fragment, null,
-                renderSearch(), bottomSheetProps === null || bottomSheetProps === void 0 ? void 0 :
-                bottomSheetProps.bottomAddons) }), renderOptionsList())) : (React.createElement(ModalMobile, __assign({ open: open, hasCloser: true }, modalProps, { onClose: function () {
-                var _a;
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                handleClose();
-                (_a = modalProps === null || modalProps === void 0 ? void 0 : modalProps.onClose) === null || _a === void 0 ? void 0 : _a.call.apply(_a, __spreadArray([modalProps], args, false));
-            }, contentClassName: cn(styles.sheetContent, modalProps === null || modalProps === void 0 ? void 0 : modalProps.contentClassName), ref: mergeRefs([
-                scrollableContainerRef,
-                modalProps === null || modalProps === void 0 ? void 0 : modalProps.ref,
-            ]) }),
-            React.createElement(ModalMobile.Header, __assign({ hasCloser: true, sticky: true }, modalHeaderProps, { title: undefined, bottomAddons: React.createElement(React.Fragment, null,
-                    renderSearch(), modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 :
-                    modalHeaderProps.bottomAddons) }), (modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 : modalHeaderProps.title) || label || placeholder),
-            React.createElement(ModalMobile.Content, { flex: true, className: styles.modalContent }, renderOptionsList()),
-            (modalFooterProps === null || modalFooterProps === void 0 ? void 0 : modalFooterProps.children) && React.createElement(ModalMobile.Footer, __assign({}, modalFooterProps))))));
-});
-
-export { BaseSelectMobile };

package/esm/components/base-select-mobile/footer/Component.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-type FooterProps = {
-    handleClear?: () => void;
-    handleApply?: () => void;
-    showClear?: boolean;
-};
-declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
-export { FooterProps, Footer };

package/esm/components/base-select-mobile/footer/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/esm/components/base-select-mobile/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/esm/components/base-select-mobile/index.js

@@ -1,28 +0,0 @@
-export { BaseSelectMobile } from './Component.js';
-import 'tslib';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import 'downshift';
-import '@alfalab/core-components-bottom-sheet/esm';
-import '@alfalab/core-components-modal/esm/mobile';
-import '@alfalab/core-components-shared/esm';
-import '../../utils.js';
-import '../arrow/Component.js';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../field/Component.js';
-import '@alfalab/hooks';
-import '../optgroup/Component.js';
-import '../option/Component.js';
-import '../checkmark/Component.js';
-import '@alfalab/core-components-badge/esm';
-import '@alfalab/core-components-checkbox/esm';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../checkmark-mobile/Component.js';
-import '../options-list/Component.js';
-import '@alfalab/core-components-scrollbar/esm';
-import '../../consts.js';
-import '../search/Component.js';
-import '@alfalab/core-components-input/esm';
-import '@alfalab/icons-glyph/MagnifierMIcon';

package/esm/desktop-69921c40.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { CommonButtonProps } from "./typings-89f0cb07";
-declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonDesktop };
-export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/esm/desktop.d.ts

@@ -1,2 +0,0 @@
-export { SelectDesktop, SelectDesktopProps } from "./Component.desktop";
-export {};

package/esm/index-ebda875c.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export * from "./Component-89f0cb07";

package/esm/mobile-96988a65.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.mobile-ebda875c";
-export {};

package/esm/mobile.d.ts

@@ -1,5 +0,0 @@
-export { SelectMobile } from "./Component.mobile";
-export { SelectModalMobile } from "./Component.modal.mobile";
-export type { SelectMobileProps } from "./Component.mobile";
-export type { SelectModalMobileProps } from "./Component.modal.mobile";
-export {};

package/esm/mobile.js

@@ -1,40 +0,0 @@
-export { SelectMobile } from './Component.mobile.js';
-export { SelectModalMobile } from './Component.modal.mobile.js';
-import 'tslib';
-import 'react';
-import '@alfalab/core-components-form-control/esm/mobile';
-import './components/arrow/Component.js';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './components/base-select-mobile/Component.js';
-import 'react-merge-refs';
-import 'downshift';
-import '@alfalab/core-components-bottom-sheet/esm';
-import '@alfalab/core-components-modal/esm/mobile';
-import '@alfalab/core-components-shared/esm';
-import './utils.js';
-import './components/field/Component.js';
-import '@alfalab/hooks';
-import './components/optgroup/Component.js';
-import './components/option/Component.js';
-import './components/checkmark/Component.js';
-import '@alfalab/core-components-badge/esm';
-import '@alfalab/core-components-checkbox/esm';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import './components/checkmark-mobile/Component.js';
-import './components/options-list/Component.js';
-import '@alfalab/core-components-scrollbar/esm';
-import './consts.js';
-import './components/search/Component.js';
-import '@alfalab/core-components-input/esm';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-import './components/base-select-mobile/footer/Component.js';
-import '@alfalab/core-components-base-modal/esm';
-import '@alfalab/core-components-button/esm/mobile';
-import './components/virtual-options-list/Component.js';
-import 'react-virtual';
-import './hook-e63a15d0.js';
-import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '@alfalab/core-components-button/esm/desktop';
-import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/esm/shared.d.ts

@@ -1,5 +0,0 @@
-export * from "./components/index";
-export * from "./presets/index";
-export * from "./typings";
-export * from "./utils";
-export type { AdditionalMobileProps } from "./Component.mobile";

package/esm/shared.js

@@ -1,41 +0,0 @@
-export { Arrow } from './components/arrow/Component.js';
-export { BaseSelect } from './components/base-select/Component.js';
-export { Field } from './components/field/Component.js';
-export { Optgroup } from './components/optgroup/Component.js';
-export { Option } from './components/option/Component.js';
-export { OptionsList } from './components/options-list/Component.js';
-export { VirtualOptionsList } from './components/virtual-options-list/Component.js';
-export { BaseOption } from './components/base-option/Component.js';
-export { Search } from './components/search/Component.js';
-export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
-export { useLazyLoading } from './presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from './hook-e63a15d0.js';
-export { defaultAccessor, defaultFilterFn, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from './utils.js';
-import 'react';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import 'tslib';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'downshift';
-import '@alfalab/core-components-popover/esm';
-import '@alfalab/core-components-shared/esm';
-import '@alfalab/hooks';
-import './components/native-select/Component.js';
-import './components/checkmark/Component.js';
-import '@alfalab/core-components-badge/esm';
-import '@alfalab/core-components-checkbox/esm';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import './components/checkmark-mobile/Component.js';
-import '@alfalab/core-components-scrollbar/esm';
-import './consts.js';
-import 'react-virtual';
-import './components/base-checkmark/Component.js';
-import '@alfalab/core-components-input/esm';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-import '@alfalab/core-components-skeleton/esm';
-import 'intersection-observer';
-import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '@alfalab/core-components-button/esm/desktop';
-import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/esm/typings-89f0cb07.d.ts

@@ -1,93 +0,0 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
-type StyleColors = {
-    default: {
-        [key: string]: string;
-    };
-    inverted: {
-        [key: string]: string;
-    };
-};
-type ComponentProps = {
-    /**
-     * Тип кнопки
-     * @default secondary
-     */
-    view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Размер компонента
-     * @default m
-     */
-    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
-    /**
-     * Растягивает компонент на ширину контейнера
-     * @default false
-     */
-    block?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для спиннера
-     */
-    spinnerClassName?: string;
-    /**
-     * Выводит ссылку в виде кнопки
-     */
-    href?: string;
-    /**
-     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
-     */
-    Component?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Показать лоадер
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Не переносить текст кнопки на новую строку
-     * @default false
-     */
-    nowrap?: boolean;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: 'default' | 'inverted';
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-};
-type PrivateButtonProps = {
-    /**
-     * Основные стили компонента.
-     */
-    styles: {
-        [key: string]: string;
-    };
-    /**
-     * Стили компонента для default и inverted режима.
-     */
-    colorStylesMap: StyleColors;
-};
-type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
-type ButtonProps = CommonButtonProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/esm/typings-baf4875b.d.ts

@@ -1,52 +0,0 @@
-import { ReactNode } from 'react';
-import { BaseModalProps } from "@alfalab/core-components-base-modal";
-type ModalDesktopProps = BaseModalProps & {
-    /**
-     * Ширина модального окна
-     * @default "m"
-     */
-    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen';
-    /**
-     * Растягивает модальное окно на весь экран
-     * @deprecated Используйте размер fullscreen
-     */
-    fullscreen?: boolean;
-    /**
-     * Фиксирует позицию модального окна после открытия,
-     * предотвращая скачки, если контент внутри будет меняться
-     */
-    fixedPosition?: boolean;
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean;
-};
-type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
-type ModalResponsiveProps = ModalDesktopProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-type View = 'desktop' | 'mobile';
-type TResponsiveModalContext = {
-    view: View;
-    size: NonNullable<ModalDesktopProps['size']>;
-};
-type ContentProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Растягивает контент на всю высоту
-     */
-    flex?: boolean;
-};
-export { ModalDesktopProps, ModalMobileProps, ModalResponsiveProps, View, TResponsiveModalContext, ContentProps };

package/index-ebda875c.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export * from "./Component-89f0cb07";

package/mobile-96988a65.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.mobile-ebda875c";
-export {};

package/mobile.d.ts

@@ -1,5 +0,0 @@
-export { SelectMobile } from "./Component.mobile";
-export { SelectModalMobile } from "./Component.modal.mobile";
-export type { SelectMobileProps } from "./Component.mobile";
-export type { SelectModalMobileProps } from "./Component.modal.mobile";
-export {};