@alfalab/core-components 44.5.1-beta.1 → 44.5.1-beta.3

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

@@ -1,5 +1,5 @@
-import { __assign, __rest, __spreadArray } from 'tslib';
-import React, { forwardRef, useRef, useMemo, useEffect, useCallback } from 'react';
+import { __assign, __spreadArray } from 'tslib';
+import React, { forwardRef, useRef, useMemo, useCallback, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
@@ -29,6 +29,7 @@ function (_a, ref) {
     var listRef = useRef(null);
     var initiatorRef = useRef(null);
     var searchRef = useRef(null);
+    var alreadyClickedRef = useRef(false);
     var scrollableContainerRef = useRef(null);
     var onOpenRef = useRef(onOpen);
     var _3 = React.useState(''), searchState = _3[0], setSearchState = _3[1];
@@ -89,24 +90,6 @@ function (_a, ref) {
         isItemDisabled: isItemDisabled,
         defaultHighlightedIndex: selectedItems.length === 0 ? -1 : undefined,
         scrollIntoView: scrollIntoView,
-        onSelectedItemChange: function (changes) {
-            var selectedItem = changes.selectedItem || initiatorRef.current;
-            if (selectedItem && !selectedItem.disabled) {
-                var alreadySelected = selectedItems.includes(selectedItem);
-                var allowRemove = allowUnselect || (multiple && selectedItems.length > 1);
-                if (alreadySelected && allowRemove) {
-                    removeSelectedItem(selectedItem);
-                }
-                if (!alreadySelected) {
-                    if (multiple) {
-                        addSelectedItem(selectedItem);
-                    }
-                    else {
-                        setSelectedItems([selectedItem]);
-                    }
-                }
-            }
-        },
         onIsOpenChange: function (changes) {
             if (onOpenRef.current) {
                 /**
@@ -135,9 +118,16 @@ function (_a, ref) {
                 }
             }
         },
+        // eslint-disable-next-line complexity
         stateReducer: function (state, actionAndChanges) {
             var type = actionAndChanges.type, changes = actionAndChanges.changes;
+            var selectedItem = changes.selectedItem;
             switch (type) {
+                case useCombobox.stateChangeTypes.InputBlur:
+                    if (view === 'mobile') {
+                        return state;
+                    }
+                    return changes;
                 case useCombobox.stateChangeTypes.InputKeyDownArrowDown:
                     if (!circularNavigation && state.highlightedIndex === options.length - 1) {
                         return __assign(__assign({}, changes), { highlightedIndex: state.highlightedIndex });
@@ -149,36 +139,42 @@ function (_a, ref) {
                     }
                     return changes;
                 case useCombobox.stateChangeTypes.InputKeyDownEnter:
-                case useCombobox.stateChangeTypes.ItemClick: {
-                    var selectedItem = changes.selectedItem;
+                case useCombobox.stateChangeTypes.ItemClick:
                     initiatorRef.current = selectedItem || null;
-                    return __assign(__assign({}, changes), { selectedItem: state.selectedItem === selectedItem ? null : selectedItem, isOpen: !closeOnSelect || (view === 'mobile' && multiple), 
+                    if (selectedItem && !selectedItem.disabled && !alreadyClickedRef.current) {
+                        // TODO!!! Проблема downshift + React 18. ItemClick срабатывает дважды. См https://github.com/downshift-js/downshift/issues/1384
+                        if (view === 'mobile' && 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) {
+                            removeSelectedItem(selectedItem);
+                        }
+                        if (!alreadySelected) {
+                            if (multiple) {
+                                addSelectedItem(selectedItem);
+                            }
+                            else {
+                                setSelectedItems([selectedItem]);
+                            }
+                        }
+                    }
+                    return __assign(__assign({}, changes), { isOpen: !closeOnSelect || (view === 'mobile' && multiple), 
                         // при closeOnSelect === false - сохраняем подсвеченный индекс
                         highlightedIndex: state.isOpen && !closeOnSelect
                             ? state.highlightedIndex
                             : changes.highlightedIndex });
-                }
                 default:
                     return changes;
             }
         },
     }), open = _7.isOpen, getMenuProps = _7.getMenuProps, getInputProps = _7.getInputProps, getItemProps = _7.getItemProps, getLabelProps = _7.getLabelProps, highlightedIndex = _7.highlightedIndex, toggleMenu = _7.toggleMenu, openMenu = _7.openMenu, closeMenu = _7.closeMenu, setHighlightedIndex = _7.setHighlightedIndex;
-    useEffect(function () {
-        /*
-         * При изменении openProp, состояние внутри downshift в useEnhancedReducer не меняется, поэтому меняем его таким способом
-         * Скорее всего это исправят в будущих версиях downshift
-         */
-        if (openProp !== undefined) {
-            if (openProp) {
-                openMenu();
-            }
-            else {
-                closeMenu();
-            }
-        }
-    }, [openProp, openMenu, closeMenu]);
+    var menuProps = getMenuProps({ ref: listRef }, { suppressRefError: true });
     var inputProps = getInputProps(getDropdownProps({ ref: mergeRefs([ref, fieldRef]) }));
-    var _8 = getMenuProps({ ref: listRef }, { suppressRefError: true }), menuRef = _8.ref, menuProps = __rest(_8, ["ref"]);
     var handleEntered = function (node, isAppearing) {
         var _a, _b, _c, _d, _e;
         if (showSearch)
@@ -329,7 +325,7 @@ function (_a, ref) {
                 _a[mobileStyles.search] = view === 'mobile',
                 _a)), ref: mergeRefs([searchRef, ((_c = searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps) === null || _c === void 0 ? void 0 : _c.ref) || null]) })));
     };
-    var _9 = optionsListProps, header = _9.header, emptyPlaceholder = _9.emptyPlaceholder;
+    var _8 = optionsListProps, header = _8.header, emptyPlaceholder = _8.emptyPlaceholder;
     var renderOptionsListHeader = function () {
         if (header || (view === 'desktop' && showSearch)) {
             return (React.createElement(React.Fragment, null,
@@ -352,7 +348,7 @@ function (_a, ref) {
         if (flatOptions.length === 0 && !showEmptyOptionsList && !showSearch)
             return null;
         var listProps = optionsListProps;
-        return (React.createElement("div", __assign({}, menuProps, { ref: view === 'desktop' ? menuRef : undefined, className: cn(optionsListClassName, view === 'mobile' && mobileStyles.optionsListWrapper, view === 'desktop' && styles.optionsListWrapper) }),
+        return (React.createElement("div", __assign({}, menuProps, { className: cn(optionsListClassName, view === 'mobile' && mobileStyles.optionsListWrapper, view === 'desktop' && styles.optionsListWrapper) }),
             React.createElement(OptionsList, __assign({}, listProps, { ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn((_a = {}, _a[mobileStyles.optionsList] = view === 'mobile', _a)), scrollbarClassName: cn((_b = {}, _b[mobileStyles.scrollbar] = view === 'mobile', _b)), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn(optionGroupClassName, (_c = {},
                     _c[mobileStyles.optionGroup] = view === 'mobile',
                     _c)), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll })),
@@ -366,7 +362,7 @@ function (_a, ref) {
     };
     var renderInBottomSheet = function () {
         if (!nativeSelect && BottomSheet) {
-            return (React.createElement(BottomSheet, __assign({ dataTestId: getDataTestId(dataTestId, 'bottom-sheet'), open: open, className: mobileStyles.sheet, contentClassName: mobileStyles.sheetContent, containerClassName: mobileStyles.sheetContainer, title: label || placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, initialHeight: showSearch ? 'full' : 'default' }, bottomSheetProps, { sheetContainerRef: menuRef, scrollableContainerRef: scrollableContainerRef, onClose: function () {
+            return (React.createElement(BottomSheet, __assign({ dataTestId: getDataTestId(dataTestId, 'bottom-sheet'), open: open, className: mobileStyles.sheet, contentClassName: mobileStyles.sheetContent, containerClassName: mobileStyles.sheetContainer, title: label || placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, initialHeight: showSearch ? 'full' : 'default' }, bottomSheetProps, { scrollableContainerRef: scrollableContainerRef, onClose: function () {
                     var _a;
                     closeMenu();
                     (_a = bottomSheetProps === null || bottomSheetProps === void 0 ? void 0 : bottomSheetProps.onClose) === null || _a === void 0 ? void 0 : _a.call(bottomSheetProps);
@@ -378,7 +374,7 @@ function (_a, ref) {
     };
     var renderInModalMobile = function () {
         if (!nativeSelect && ModalMobile) {
-            return (React.createElement(ModalMobile, __assign({ open: open, hasCloser: true }, modalProps, { componentRef: menuRef, onClose: function () {
+            return (React.createElement(ModalMobile, __assign({ open: open, hasCloser: true }, modalProps, { onClose: function () {
                     var _a;
                     var args = [];
                     for (var _i = 0; _i < arguments.length; _i++) {

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

@@ -8,5 +8,5 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../../../../shared/esm';
 import '@alfalab/hooks';
-import '../native-select/Component.js';
 import '../../utils.js';
+import '../native-select/Component.js';

package/select/esm/components/index.js

@@ -17,6 +17,7 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../../../shared/esm';
 import '@alfalab/hooks';
+import '../utils.js';
 import './native-select/Component.js';
 import './checkmark/Component.js';
 import '../../../badge/esm';
@@ -26,9 +27,8 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import './checkmark-mobile/Component.js';
 import '../../../mq/esm';
 import '../../../scrollbar/esm';
+import '../consts.js';
 import 'react-virtual';
 import './base-checkmark/Component.js';
 import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
-import '../utils.js';
-import '../consts.js';

package/select/esm/components/options-list/index.js

@@ -6,6 +6,6 @@ import 'classnames';
 import '../../../../mq/esm';
 import '../../../../scrollbar/esm';
 import '../../../../shared/esm';
-import '../optgroup/Component.js';
 import '../../consts.js';
 import '../../utils.js';
+import '../optgroup/Component.js';

package/select/esm/components/virtual-options-list/index.js

@@ -7,6 +7,6 @@ import 'classnames';
 import '../../../../mq/esm';
 import '../../../../scrollbar/esm';
 import '../../../../shared/esm';
-import '../optgroup/Component.js';
 import '../../consts.js';
 import '../../utils.js';
+import '../optgroup/Component.js';

package/select/esm/desktop/Component.desktop.js

@@ -17,6 +17,7 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../../../shared/esm';
 import '@alfalab/hooks';
+import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/checkmark/Component.js';
 import '../../../badge/esm';
@@ -26,10 +27,9 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark-mobile/Component.js';
 import '../../../mq/esm';
 import '../../../scrollbar/esm';
+import '../consts.js';
 import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
-import '../utils.js';
-import '../consts.js';
 
 var SelectDesktop = forwardRef(function (_a, ref) {
     var _b = _a.Arrow, Arrow$1 = _b === void 0 ? Arrow : _b, _c = _a.Field, Field$1 = _c === void 0 ? Field : _c, _d = _a.OptionsList, OptionsList$1 = _d === void 0 ? OptionsList : _d, _e = _a.Optgroup, Optgroup$1 = _e === void 0 ? Optgroup : _e, _f = _a.Option, Option$1 = _f === void 0 ? Option : _f, _g = _a.Search, Search$1 = _g === void 0 ? Search : _g, _h = _a.fieldProps, fieldProps = _h === void 0 ? {} : _h, restProps = __rest(_a, ["Arrow", "Field", "OptionsList", "Optgroup", "Option", "Search", "fieldProps"]);

package/select/esm/desktop/index.js

@@ -13,6 +13,7 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../../../shared/esm';
 import '@alfalab/hooks';
+import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/field/Component.js';
 import '../components/optgroup/Component.js';
@@ -26,8 +27,7 @@ import '../components/checkmark-mobile/Component.js';
 import '../components/options-list/Component.js';
 import '../../../mq/esm';
 import '../../../scrollbar/esm';
+import '../consts.js';
 import '../components/search/Component.js';
 import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
-import '../utils.js';
-import '../consts.js';

package/select/esm/index.js

@@ -15,6 +15,7 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../../shared/esm';
 import '@alfalab/hooks';
+import './utils.js';
 import './components/native-select/Component.js';
 import './components/field/Component.js';
 import './components/optgroup/Component.js';
@@ -27,6 +28,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import './components/checkmark-mobile/Component.js';
 import './components/options-list/Component.js';
 import '../../scrollbar/esm';
+import './consts.js';
 import './components/search/Component.js';
 import '../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
@@ -39,10 +41,8 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-7827df3d.js';
+import './hook-1534436b.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import './mobile/Component.modal.mobile.js';
-import './utils.js';
-import './consts.js';

package/select/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-7827df3d.js';
+import { u as useSelectWithApply } from '../hook-1534436b.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -22,6 +22,7 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../../../shared/esm';
 import '@alfalab/hooks';
+import '../utils.js';
 import '../components/native-select/Component.js';
 import '../../../base-modal/esm';
 import '../../../button/esm/mobile';
@@ -33,13 +34,12 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark-mobile/Component.js';
 import '../../../mq/esm';
 import '../../../scrollbar/esm';
+import '../consts.js';
 import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import 'react-virtual';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
-import '../utils.js';
-import '../consts.js';
 
 var VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
 var SelectMobile = forwardRef(function (_a, ref) {

package/select/esm/mobile/Component.modal.mobile.js

@@ -14,6 +14,7 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../../../shared/esm';
 import '@alfalab/hooks';
+import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/field/Component.js';
 import '../components/footer/Component.js';
@@ -30,17 +31,16 @@ import '../components/checkmark-mobile/Component.js';
 import '../components/options-list/Component.js';
 import '../../../mq/esm';
 import '../../../scrollbar/esm';
+import '../consts.js';
 import '../components/search/Component.js';
 import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-7827df3d.js';
+import '../hook-1534436b.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
-import '../utils.js';
-import '../consts.js';
 
 var SelectModalMobile = forwardRef(function (props, ref) { return (React.createElement(SelectMobile, __assign({}, props, { isBottomSheet: false, ref: ref }))); });
 

package/select/esm/mobile/index.js

@@ -15,6 +15,7 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../../../shared/esm';
 import '@alfalab/hooks';
+import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/field/Component.js';
 import '../components/footer/Component.js';
@@ -31,14 +32,13 @@ import '../components/checkmark-mobile/Component.js';
 import '../components/options-list/Component.js';
 import '../../../mq/esm';
 import '../../../scrollbar/esm';
+import '../consts.js';
 import '../components/search/Component.js';
 import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-7827df3d.js';
+import '../hook-1534436b.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
-import '../utils.js';
-import '../consts.js';

package/select/esm/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-7827df3d.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-1534436b.js';
 import 'tslib';
 import 'react';
 import '../../../skeleton/esm';
@@ -13,14 +13,14 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark-mobile/Component.js';
 import 'intersection-observer';
+import '../utils.js';
 import '../components/options-list/Component.js';
 import 'react-merge-refs';
 import '../../../mq/esm';
 import '../../../scrollbar/esm';
 import '../../../shared/esm';
+import '../consts.js';
 import '../components/optgroup/Component.js';
 import './useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 import './useSelectWithApply/options-list-with-apply/header/Component.js';
-import '../utils.js';
-import '../consts.js';

package/select/esm/presets/useSelectWithApply/hook.js

@@ -1,16 +1,16 @@
 import 'tslib';
 import 'react';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-7827df3d.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-1534436b.js';
+import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../mq/esm';
 import '../../../../scrollbar/esm';
 import '../../../../shared/esm';
+import '../../consts.js';
 import '../../components/optgroup/Component.js';
 import './options-list-with-apply/footer/Component.js';
 import '../../../../button/esm/desktop';
 import './options-list-with-apply/header/Component.js';
 import '../../../../checkbox/esm';
-import '../../utils.js';
-import '../../consts.js';

package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-7827df3d.js';
+export { O as OptionsListWithApply } from '../../../hook-1534436b.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';
@@ -9,8 +9,8 @@ import 'classnames';
 import '../../../../../mq/esm';
 import '../../../../../scrollbar/esm';
 import '../../../../../shared/esm';
+import '../../../consts.js';
+import '../../../utils.js';
 import '../../../components/optgroup/Component.js';
 import '../../../../../button/esm/desktop';
 import '../../../../../checkbox/esm';
-import '../../../consts.js';
-import '../../../utils.js';

package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-7827df3d";
+export * from "../../../hook-1534436b";

package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,16 +1,16 @@
-export { O as OptionsListWithApply } from '../../../hook-7827df3d.js';
+export { O as OptionsListWithApply } from '../../../hook-1534436b.js';
 import 'tslib';
 import 'react';
+import '../../../utils.js';
 import '../../../components/options-list/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../../mq/esm';
 import '../../../../../scrollbar/esm';
 import '../../../../../shared/esm';
+import '../../../consts.js';
 import '../../../components/optgroup/Component.js';
 import './footer/Component.js';
 import '../../../../../button/esm/desktop';
 import './header/Component.js';
 import '../../../../../checkbox/esm';
-import '../../../utils.js';
-import '../../../consts.js';

package/select/esm/shared/index.js

@@ -1,6 +1,6 @@
 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-7827df3d.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-1534436b.js';
 export { defaultAccessor, defaultFilterFn, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';
@@ -15,22 +15,23 @@ export { Search } from '../components/search/Component.js';
 import 'tslib';
 import 'react';
 import '../../../skeleton/esm';
-import 'intersection-observer';
-import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '../../../button/esm/desktop';
-import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
-import '../../../checkbox/esm';
 import '../components/checkmark/Component.js';
 import '../../../badge/esm';
+import '../../../checkbox/esm';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark-mobile/Component.js';
-import '../components/base-checkmark/Component.js';
+import 'intersection-observer';
+import '../consts.js';
+import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
+import '../../../button/esm/desktop';
+import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'react-merge-refs';
 import '../../../mq/esm';
 import '../../../scrollbar/esm';
 import '../../../shared/esm';
+import '../components/base-checkmark/Component.js';
 import 'react-virtual';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -42,4 +43,3 @@ import '../../../base-modal/esm';
 import '../../../button/esm/mobile';
 import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
-import '../consts.js';

package/select/index.js

@@ -1,53 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component_responsive = require('./Component.responsive.js');
-require('tslib');
-require('react');
-require('../mq');
-require('./desktop/Component.desktop.js');
-require('../form-control/desktop');
-require('../popover');
-require('./components/arrow/Component.js');
-require('classnames');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('./components/base-select/Component.js');
-require('react-merge-refs');
-require('@juggle/resize-observer');
-require('compute-scroll-into-view');
-require('downshift');
-require('../shared');
-require('@alfalab/hooks');
-require('./utils.js');
-require('./components/native-select/Component.js');
-require('./components/field/Component.js');
-require('./components/optgroup/Component.js');
-require('./components/option/Component.js');
-require('./components/checkmark/Component.js');
-require('../badge');
-require('../checkbox');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('./components/checkmark-mobile/Component.js');
-require('./components/options-list/Component.js');
-require('../scrollbar');
-require('./consts.js');
-require('./components/search/Component.js');
-require('../input');
-require('@alfalab/icons-glyph/MagnifierMIcon');
-require('./mobile/Component.mobile.js');
-require('../bottom-sheet');
-require('../form-control/mobile');
-require('../modal/mobile');
-require('./components/footer/Component.js');
-require('../base-modal');
-require('../button/mobile');
-require('./components/virtual-options-list/Component.js');
-require('react-virtual');
-require('./hook-c2cc0737.js');
-require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
-require('../button/desktop');
-require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
-require('./mobile/Component.modal.mobile.js');
 
 
 

package/select/mobile/Component.mobile.js

@@ -14,34 +14,8 @@ var components_option_Component = require('../components/option/Component.js');
 var components_optionsList_Component = require('../components/options-list/Component.js');
 var components_search_Component = require('../components/search/Component.js');
 var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-c2cc0737.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-e5ba26c7.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
-require('classnames');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('react-merge-refs');
-require('@juggle/resize-observer');
-require('compute-scroll-into-view');
-require('downshift');
-require('../../shared');
-require('@alfalab/hooks');
-require('../utils.js');
-require('../components/native-select/Component.js');
-require('../../base-modal');
-require('../../button/mobile');
-require('../components/checkmark/Component.js');
-require('../../badge');
-require('../../checkbox');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('../components/checkmark-mobile/Component.js');
-require('../../mq');
-require('../../scrollbar');
-require('../consts.js');
-require('../../input');
-require('@alfalab/icons-glyph/MagnifierMIcon');
-require('react-virtual');
-require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
-require('../../button/desktop');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/select/mobile/Component.modal.mobile.js

@@ -3,46 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var mobile_Component_mobile = require('./Component.mobile.js');
-require('../../bottom-sheet');
-require('../../form-control/mobile');
-require('../../modal/mobile');
-require('../components/arrow/Component.js');
-require('classnames');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../components/base-select/Component.js');
-require('react-merge-refs');
-require('@juggle/resize-observer');
-require('compute-scroll-into-view');
-require('downshift');
-require('../../shared');
-require('@alfalab/hooks');
-require('../utils.js');
-require('../components/native-select/Component.js');
-require('../components/field/Component.js');
-require('../components/footer/Component.js');
-require('../../base-modal');
-require('../../button/mobile');
-require('../components/optgroup/Component.js');
-require('../components/option/Component.js');
-require('../components/checkmark/Component.js');
-require('../../badge');
-require('../../checkbox');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('../components/checkmark-mobile/Component.js');
-require('../components/options-list/Component.js');
-require('../../mq');
-require('../../scrollbar');
-require('../consts.js');
-require('../components/search/Component.js');
-require('../../input');
-require('@alfalab/icons-glyph/MagnifierMIcon');
-require('../components/virtual-options-list/Component.js');
-require('react-virtual');
-require('../hook-c2cc0737.js');
-require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
-require('../../button/desktop');
-require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }