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

package/select/mobile/index.js

@@ -2,48 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var mobile_Component_mobile = require('./Component.mobile.js');
 var mobile_Component_modal_mobile = require('./Component.modal.mobile.js');
-require('tslib');
-require('react');
-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');
 
 
 

package/select/modern/Component.responsive.js

@@ -15,6 +15,7 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../../shared/modern';
 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/modern';
+import './consts.js';
 import './components/search/Component.js';
 import '../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
@@ -38,12 +40,10 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-5d0d0b8f.js';
+import './hook-83f603af.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
-import './utils.js';
-import './consts.js';
 
 const SelectResponsive = forwardRef(({ onScroll, fieldProps, breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);

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

@@ -1,4 +1,4 @@
-import React, { forwardRef, useRef, useMemo, useEffect, useCallback } from 'react';
+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';
@@ -27,6 +27,7 @@ const BaseSelect = forwardRef(
     const listRef = useRef(null);
     const initiatorRef = useRef(null);
     const searchRef = useRef(null);
+    const alreadyClickedRef = useRef(false);
     const scrollableContainerRef = useRef(null);
     const onOpenRef = useRef(onOpen);
     const [searchState, setSearchState] = React.useState('');
@@ -87,24 +88,6 @@ const BaseSelect = forwardRef(
         isItemDisabled,
         defaultHighlightedIndex: selectedItems.length === 0 ? -1 : undefined,
         scrollIntoView,
-        onSelectedItemChange: (changes) => {
-            const selectedItem = changes.selectedItem || initiatorRef.current;
-            if (selectedItem && !selectedItem.disabled) {
-                const alreadySelected = selectedItems.includes(selectedItem);
-                const allowRemove = allowUnselect || (multiple && selectedItems.length > 1);
-                if (alreadySelected && allowRemove) {
-                    removeSelectedItem(selectedItem);
-                }
-                if (!alreadySelected) {
-                    if (multiple) {
-                        addSelectedItem(selectedItem);
-                    }
-                    else {
-                        setSelectedItems([selectedItem]);
-                    }
-                }
-            }
-        },
         onIsOpenChange: (changes) => {
             if (onOpenRef.current) {
                 /**
@@ -131,9 +114,16 @@ const BaseSelect = forwardRef(
                 }
             }
         },
+        // eslint-disable-next-line complexity
         stateReducer: (state, actionAndChanges) => {
             const { type, changes } = actionAndChanges;
+            const { selectedItem } = changes;
             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 { ...changes, highlightedIndex: state.highlightedIndex };
@@ -145,40 +135,45 @@ const BaseSelect = forwardRef(
                     }
                     return changes;
                 case useCombobox.stateChangeTypes.InputKeyDownEnter:
-                case useCombobox.stateChangeTypes.ItemClick: {
-                    const { selectedItem } = changes;
+                case useCombobox.stateChangeTypes.ItemClick:
                     initiatorRef.current = selectedItem || null;
+                    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(() => {
+                                alreadyClickedRef.current = false;
+                            });
+                        }
+                        const alreadySelected = selectedItems.includes(selectedItem);
+                        const allowRemove = allowUnselect || (multiple && selectedItems.length > 1);
+                        if (alreadySelected && allowRemove) {
+                            removeSelectedItem(selectedItem);
+                        }
+                        if (!alreadySelected) {
+                            if (multiple) {
+                                addSelectedItem(selectedItem);
+                            }
+                            else {
+                                setSelectedItems([selectedItem]);
+                            }
+                        }
+                    }
                     return {
                         ...changes,
-                        selectedItem: state.selectedItem === selectedItem ? null : selectedItem,
                         isOpen: !closeOnSelect || (view === 'mobile' && multiple),
                         // при closeOnSelect === false - сохраняем подсвеченный индекс
                         highlightedIndex: state.isOpen && !closeOnSelect
                             ? state.highlightedIndex
                             : changes.highlightedIndex,
                     };
-                }
                 default:
                     return changes;
             }
         },
     });
-    useEffect(() => {
-        /*
-         * При изменении openProp, состояние внутри downshift в useEnhancedReducer не меняется, поэтому меняем его таким способом
-         * Скорее всего это исправят в будущих версиях downshift
-         */
-        if (openProp !== undefined) {
-            if (openProp) {
-                openMenu();
-            }
-            else {
-                closeMenu();
-            }
-        }
-    }, [openProp, openMenu, closeMenu]);
+    const menuProps = getMenuProps({ ref: listRef }, { suppressRefError: true });
     const inputProps = getInputProps(getDropdownProps({ ref: mergeRefs([ref, fieldRef]) }));
-    const { ref: menuRef, ...menuProps } = getMenuProps({ ref: listRef }, { suppressRefError: true });
     const handleEntered = (node, isAppearing) => {
         if (showSearch)
             searchRef.current?.focus();
@@ -347,7 +342,7 @@ const BaseSelect = forwardRef(
         if (flatOptions.length === 0 && !showEmptyOptionsList && !showSearch)
             return null;
         const listProps = optionsListProps;
-        return (React.createElement("div", { ...menuProps, ref: view === 'desktop' ? menuRef : undefined, className: cn(optionsListClassName, view === 'mobile' && mobileStyles.optionsListWrapper, view === 'desktop' && styles.optionsListWrapper) },
+        return (React.createElement("div", { ...menuProps, className: cn(optionsListClassName, view === 'mobile' && mobileStyles.optionsListWrapper, view === 'desktop' && styles.optionsListWrapper) },
             React.createElement(OptionsList, { ...listProps, ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn({ [mobileStyles.optionsList]: view === 'mobile' }), scrollbarClassName: cn({ [mobileStyles.scrollbar]: view === 'mobile' }), 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, {
                     [mobileStyles.optionGroup]: view === 'mobile',
                 }), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll }),
@@ -361,7 +356,7 @@ const BaseSelect = forwardRef(
     };
     const renderInBottomSheet = () => {
         if (!nativeSelect && BottomSheet) {
-            return (React.createElement(BottomSheet, { 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: () => {
+            return (React.createElement(BottomSheet, { 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: () => {
                     closeMenu();
                     bottomSheetProps?.onClose?.();
                 }, transitionProps: {
@@ -378,7 +373,7 @@ const BaseSelect = forwardRef(
     };
     const renderInModalMobile = () => {
         if (!nativeSelect && ModalMobile) {
-            return (React.createElement(ModalMobile, { open: open, hasCloser: true, ...modalProps, componentRef: menuRef, onClose: (...args) => {
+            return (React.createElement(ModalMobile, { open: open, hasCloser: true, ...modalProps, onClose: (...args) => {
                     closeMenu();
                     modalProps?.onClose?.(...args);
                 }, contentClassName: cn(mobileStyles.sheetContent, modalProps?.contentClassName), ref: mergeRefs([

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

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

package/select/modern/components/index.js

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

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

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

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

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

package/select/modern/desktop/Component.desktop.js

@@ -16,6 +16,7 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../../../shared/modern';
 import '@alfalab/hooks';
+import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/checkmark/Component.js';
 import '../../../badge/modern';
@@ -25,10 +26,9 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark-mobile/Component.js';
 import '../../../mq/modern';
 import '../../../scrollbar/modern';
+import '../consts.js';
 import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
-import '../utils.js';
-import '../consts.js';
 
 const SelectDesktop = forwardRef(({ Arrow: Arrow$1 = Arrow, Field: Field$1 = Field, OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, Search: Search$1 = Search, fieldProps = {}, ...restProps }, ref) => (React.createElement(BaseSelect, { ref: ref, view: 'desktop', Option: Option$1, Field: Field$1, fieldProps: {
         FormControlComponent: FormControlDesktop,

package/select/modern/desktop/index.js

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

package/select/modern/index.js

@@ -14,6 +14,7 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../../shared/modern';
 import '@alfalab/hooks';
+import './utils.js';
 import './components/native-select/Component.js';
 import './components/field/Component.js';
 import './components/optgroup/Component.js';
@@ -26,6 +27,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import './components/checkmark-mobile/Component.js';
 import './components/options-list/Component.js';
 import '../../scrollbar/modern';
+import './consts.js';
 import './components/search/Component.js';
 import '../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
@@ -38,10 +40,8 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-5d0d0b8f.js';
+import './hook-83f603af.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/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/modern/mobile/Component.mobile.js

@@ -11,7 +11,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-5d0d0b8f.js';
+import { u as useSelectWithApply } from '../hook-83f603af.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -21,6 +21,7 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../../../shared/modern';
 import '@alfalab/hooks';
+import '../utils.js';
 import '../components/native-select/Component.js';
 import '../../../base-modal/modern';
 import '../../../button/modern/mobile';
@@ -32,13 +33,12 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark-mobile/Component.js';
 import '../../../mq/modern';
 import '../../../scrollbar/modern';
+import '../consts.js';
 import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import 'react-virtual';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
-import '../utils.js';
-import '../consts.js';
 
 const VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
 const SelectMobile = forwardRef(({ autocomplete = false, multiple = false, allowUnselect = false, disabled = false, closeOnSelect = !multiple, circularNavigation = false, defaultOpen = false, open: openProp, size = 'm', optionsSize = 'm', fieldProps = {}, optionProps = {}, optionsListProps = {}, Arrow: Arrow$1 = Arrow, Field: Field$1 = Field, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, Search: Search$1 = Search, selected, isBottomSheet = true, options, OptionsList: OptionsList$1 = options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD

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

@@ -13,6 +13,7 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../../../shared/modern';
 import '@alfalab/hooks';
+import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/field/Component.js';
 import '../components/footer/Component.js';
@@ -29,17 +30,16 @@ import '../components/checkmark-mobile/Component.js';
 import '../components/options-list/Component.js';
 import '../../../mq/modern';
 import '../../../scrollbar/modern';
+import '../consts.js';
 import '../components/search/Component.js';
 import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-5d0d0b8f.js';
+import '../hook-83f603af.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
-import '../utils.js';
-import '../consts.js';
 
 const SelectModalMobile = forwardRef((props, ref) => (React.createElement(SelectMobile, { ...props, isBottomSheet: false, ref: ref })));
 

package/select/modern/mobile/index.js

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

package/select/modern/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-5d0d0b8f.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-83f603af.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';
@@ -12,14 +12,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/modern';
 import '../../../scrollbar/modern';
 import '../../../shared/modern';
+import '../consts.js';
 import '../components/optgroup/Component.js';
 import './useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import './useSelectWithApply/options-list-with-apply/header/Component.js';
-import '../utils.js';
-import '../consts.js';

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

@@ -1,15 +1,15 @@
 import 'react';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-5d0d0b8f.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-83f603af.js';
+import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../mq/modern';
 import '../../../../scrollbar/modern';
 import '../../../../shared/modern';
+import '../../consts.js';
 import '../../components/optgroup/Component.js';
 import './options-list-with-apply/footer/Component.js';
 import '../../../../button/modern/desktop';
 import './options-list-with-apply/header/Component.js';
 import '../../../../checkbox/modern';
-import '../../utils.js';
-import '../../consts.js';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-5d0d0b8f.js';
+export { O as OptionsListWithApply } from '../../../hook-83f603af.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';
@@ -8,8 +8,8 @@ import 'classnames';
 import '../../../../../mq/modern';
 import '../../../../../scrollbar/modern';
 import '../../../../../shared/modern';
+import '../../../consts.js';
+import '../../../utils.js';
 import '../../../components/optgroup/Component.js';
 import '../../../../../button/modern/desktop';
 import '../../../../../checkbox/modern';
-import '../../../consts.js';
-import '../../../utils.js';

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

@@ -1 +1 @@
-export * from "../../../hook-5d0d0b8f";
+export * from "../../../hook-83f603af";

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

@@ -1,15 +1,15 @@
-export { O as OptionsListWithApply } from '../../../hook-5d0d0b8f.js';
+export { O as OptionsListWithApply } from '../../../hook-83f603af.js';
 import 'react';
+import '../../../utils.js';
 import '../../../components/options-list/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../../mq/modern';
 import '../../../../../scrollbar/modern';
 import '../../../../../shared/modern';
+import '../../../consts.js';
 import '../../../components/optgroup/Component.js';
 import './footer/Component.js';
 import '../../../../../button/modern/desktop';
 import './header/Component.js';
 import '../../../../../checkbox/modern';
-import '../../../utils.js';
-import '../../../consts.js';

package/select/modern/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-5d0d0b8f.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-83f603af.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';
@@ -14,22 +14,23 @@ export { Footer } from '../components/footer/Component.js';
 export { Search } from '../components/search/Component.js';
 import 'react';
 import '../../../skeleton/modern';
-import 'intersection-observer';
-import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '../../../button/modern/desktop';
-import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
-import '../../../checkbox/modern';
 import '../components/checkmark/Component.js';
 import '../../../badge/modern';
+import '../../../checkbox/modern';
 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/modern/desktop';
+import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'react-merge-refs';
 import '../../../mq/modern';
 import '../../../scrollbar/modern';
 import '../../../shared/modern';
+import '../components/base-checkmark/Component.js';
 import 'react-virtual';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -41,4 +42,3 @@ import '../../../base-modal/modern';
 import '../../../button/modern/mobile';
 import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
-import '../consts.js';

package/select/presets/index.js

@@ -2,30 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-c2cc0737.js');
-require('tslib');
-require('react');
-require('../../skeleton');
-require('../components/option/Component.js');
-require('classnames');
-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('intersection-observer');
-require('../utils.js');
-require('../components/options-list/Component.js');
-require('react-merge-refs');
-require('../../mq');
-require('../../scrollbar');
-require('../../shared');
-require('../consts.js');
-require('../components/optgroup/Component.js');
-require('./useSelectWithApply/options-list-with-apply/footer/Component.js');
-require('../../button/desktop');
-require('./useSelectWithApply/options-list-with-apply/header/Component.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-e5ba26c7.js');
 
 
 

package/select/presets/useLazyLoading/hook.js

@@ -5,13 +5,6 @@ var React = require('react');
 var coreComponentsSkeleton = require('../../../skeleton');
 var components_option_Component = require('../../components/option/Component.js');
 require('intersection-observer');
-require('classnames');
-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');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/select/presets/useSelectWithApply/hook.js

@@ -3,19 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-c2cc0737.js');
-require('../../components/options-list/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('../../../mq');
-require('../../../scrollbar');
-require('../../../shared');
-require('../../consts.js');
-require('../../components/optgroup/Component.js');
-require('./options-list-with-apply/footer/Component.js');
-require('../../../button/desktop');
-require('./options-list-with-apply/header/Component.js');
-require('../../../checkbox');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-e5ba26c7.js');