@alfalab/core-components-select 15.2.2 → 15.3.0

package/cssm/Component.modal.mobile.d.ts

@@ -1,8 +1,206 @@
 /// <reference types="react" />
 import React from 'react';
-import { ModalMobile } from "./Component.mobile-f1f15074";
+import { ReactNode, ButtonHTMLAttributes, ElementType } from "react";
+import { BaseModalProps } from "@alfalab/core-components-base-modal";
 import { UseSelectWithApplyProps } from "./hook-8abfea97";
 import { BaseSelectProps } from "./typings";
+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 ContentProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Растягивает контент на всю высоту
+     */
+    flex?: boolean;
+};
+interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Вид компонента
+     */
+    view: "desktop" | "mobile";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Позиция крестика
+     */
+    align?: "left" | "right";
+    /**
+     * Фиксирует крестик
+     */
+    sticky?: boolean;
+    /**
+     * Иконка
+     */
+    icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Коллбэк закрытия.
+     */
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+}
+type NavigationBarProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Заголовок шапки
+     */
+    title?: string;
+    /**
+     * Подзаголовок (доступен только в мобильной версии)
+     */
+    subtitle?: ReactNode;
+    /**
+     * Размер заголовка (compact доступен только в мобильной версии)
+     */
+    titleSize?: "default" | "compact";
+    /**
+     * Доп. класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Дополнительный класс для closer
+     */
+    closerClassName?: string;
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Наличие компонента крестика
+     */
+    hasCloser?: boolean;
+    /**
+     * Наличие кнопки "Назад"
+     */
+    hasBackButton?: boolean;
+    /**
+     * Дополнительный класс для правого аддона
+     */
+    backButtonClassName?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительный класс для нижнего аддона
+     */
+    bottomAddonsClassName?: string;
+    /**
+     * Выравнивание заголовка
+     */
+    align?: "left" | "center";
+    /**
+     * Обрезать ли заголовок
+     */
+    trim?: boolean;
+    /**
+     * Фиксирует шапку
+     */
+    sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Фоновое изображение
+     */
+    imageUrl?: string;
+    /**
+     * Иконка closer.
+     */
+    closerIcon?: React.ElementType;
+    /**
+     * Обработчик закрытия
+     */
+    onClose?: CloserProps["onClose"];
+    /**
+     * обработчик клика по кнопке "назад"
+     */
+    onBack?: () => void;
+    /**
+     * Вид шапки - мобильный или десктоп
+     */
+    view: "desktop" | "mobile";
+    /**
+     * Ссылка на родительскую ноду overflow: auto
+     */
+    scrollableParentRef?: React.RefObject<HTMLDivElement>;
+};
+type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Выравнивание элементов футера
+     */
+    layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
+};
+declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.FC<ContentProps>;
+    Header: React.FC<HeaderProps>;
+    Footer: React.FC<FooterProps>;
+};
 type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**
      * Показывать кнопку очистки
@@ -42,15 +240,15 @@ declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelect
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component.mobile-f1f15074").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы модалки
      */
-    modalProps?: Partial<import("./typings-baf4875b").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */
-    modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
+    modalFooterProps?: Partial<FooterProps> | undefined;
     showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
     /**
      * Использовать ли хук useSelectWithApply

package/cssm/components/base-select-mobile/Component.d.ts

@@ -2,6 +2,7 @@
 import React from 'react';
 import { ReactNode } from "react";
 import { BottomSheetProps } from "@alfalab/core-components-bottom-sheet";
+import { ModalMobile } from "@alfalab/core-components-modal/mobile";
 import { BaseSelectProps } from "../../typings";
 type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**
@@ -57,14 +58,14 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
     /**
      *  Дополнительные пропсы модалки
      */
-    modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    modalProps?: Partial<import("@alfalab/core-components-modal/mobile").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("../../Component.mobile-f1f15074").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("../../Component.modal.mobile").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */
-    modalFooterProps?: Partial<import("../../Component.mobile-f1f15074").FooterProps> | undefined;
+    modalFooterProps?: Partial<import("../../Component.modal.mobile").FooterProps> | undefined;
 } & React.RefAttributes<unknown>>;
 export { SelectMobileProps, BaseSelectMobile };

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

@@ -293,9 +293,9 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
                 scrollableContainerRef,
                 modalProps === null || modalProps === void 0 ? void 0 : modalProps.ref,
             ]) }),
-            React__default.default.createElement(mobile.ModalMobile.Header, tslib.__assign({ hasCloser: true, sticky: true }, modalHeaderProps, { bottomAddons: React__default.default.createElement(React__default.default.Fragment, null,
+            React__default.default.createElement(mobile.ModalMobile.Header, tslib.__assign({ hasCloser: true, sticky: true }, modalHeaderProps, { title: undefined, bottomAddons: React__default.default.createElement(React__default.default.Fragment, null,
                     renderSearch(), modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 :
-                    modalHeaderProps.bottomAddons) }), label || placeholder),
+                    modalHeaderProps.bottomAddons) }), (modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 : modalHeaderProps.title) || label || placeholder),
             React__default.default.createElement(mobile.ModalMobile.Content, { flex: true, className: styles__default.default.modalContent }, renderOptionsList()),
             (modalFooterProps === null || modalFooterProps === void 0 ? void 0 : modalFooterProps.children) && React__default.default.createElement(mobile.ModalMobile.Footer, tslib.__assign({}, modalFooterProps))))));
 });

package/cssm/components/virtual-options-list/Component.js

@@ -28,7 +28,7 @@ var VirtualOptionsList = React.forwardRef(function (_a, ref) {
     var listRef = React.useRef(null);
     var parentRef = React.useRef(null);
     var scrollbarRef = React.useRef(null);
-    var _k = React.useState(0), visibleOptionsInvalidateKey = _k[0], setVisibleOptionsInvalidateKey = _k[1];
+    var _k = React.useState(''), visibleOptionsInvalidateKey = _k[0], setVisibleOptionsInvalidateKey = _k[1];
     var prevHighlightedIndex = utils.usePrevious(highlightedIndex) || -1;
     var nativeScrollbar = hooks.useMedia([[true, '(max-width: 1023px)']], false)[0];
     var rowVirtualizer = reactVirtual.useVirtual({
@@ -73,10 +73,14 @@ var VirtualOptionsList = React.forwardRef(function (_a, ref) {
         /**
          * react-virtual может несколько раз отрендерить список с одним элементом,
          * поэтому нужно еще раз пересчитать высоту, когда список ВИДИМЫХ пунктов будет отрендерен полностью
-         * Также, высоту нужно пересчитывать при изменении ОБЩЕГО кол-ва пунктов меню
+         * Также, высоту нужно пересчитывать при изменении пунктов меню
          */
-        rowVirtualizer.virtualItems.length > 1 ? flatOptions.length : 1);
-    }, [rowVirtualizer.virtualItems.length, flatOptions.length]);
+        rowVirtualizer.virtualItems
+            .slice(0, Math.min(rowVirtualizer.virtualItems.length, visibleOptions + 1))
+            .map(function (item) { return flatOptions[item.index].key; })
+            .join('_'));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [rowVirtualizer.virtualItems.length, flatOptions]);
     utils.useVisibleOptions({
         visibleOptions: visibleOptions,
         invalidate: visibleOptionsInvalidateKey,

package/cssm/desktop/index.d.ts

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

package/cssm/desktop/index.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_desktop = require('../Component.desktop.js');
+require('tslib');
+require('react');
+require('@alfalab/core-components-form-control/cssm/desktop');
+require('../components/arrow/Component.js');
+require('classnames');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../components/arrow/index.module.css');
+require('../components/base-select/Component.js');
+require('react-merge-refs');
+require('@juggle/resize-observer');
+require('downshift');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/core-components-shared/cssm');
+require('@alfalab/hooks');
+require('../utils.js');
+require('../components/native-select/Component.js');
+require('../components/base-select/index.module.css');
+require('../components/field/Component.js');
+require('../components/field/index.module.css');
+require('../components/optgroup/Component.js');
+require('../components/optgroup/index.module.css');
+require('../components/option/Component.js');
+require('../components/checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
+require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../components/checkmark/index.module.css');
+require('../components/checkmark-mobile/Component.js');
+require('../components/checkmark-mobile/index.module.css');
+require('../components/option/index.module.css');
+require('../components/options-list/Component.js');
+require('@alfalab/core-components-scrollbar/cssm');
+require('../consts.js');
+require('../components/options-list/index.module.css');
+require('../components/search/Component.js');
+require('@alfalab/core-components-input/cssm');
+require('@alfalab/icons-glyph/MagnifierMIcon');
+require('../components/search/index.module.css');
+
+
+
+exports.SelectDesktop = Component_desktop.SelectDesktop;

package/cssm/mobile/index.d.ts

@@ -0,0 +1,5 @@
+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/cssm/mobile/index.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_mobile = require('../Component.mobile.js');
+var Component_modal_mobile = require('../Component.modal.mobile.js');
+require('tslib');
+require('react');
+require('@alfalab/core-components-form-control/cssm/mobile');
+require('../components/arrow/Component.js');
+require('classnames');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../components/arrow/index.module.css');
+require('../components/base-select-mobile/Component.js');
+require('react-merge-refs');
+require('downshift');
+require('@alfalab/core-components-bottom-sheet/cssm');
+require('@alfalab/core-components-modal/cssm/mobile');
+require('@alfalab/core-components-shared/cssm');
+require('../utils.js');
+require('../components/field/Component.js');
+require('@alfalab/hooks');
+require('../components/field/index.module.css');
+require('../components/optgroup/Component.js');
+require('../components/optgroup/index.module.css');
+require('../components/option/Component.js');
+require('../components/checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
+require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../components/checkmark/index.module.css');
+require('../components/checkmark-mobile/Component.js');
+require('../components/checkmark-mobile/index.module.css');
+require('../components/option/index.module.css');
+require('../components/options-list/Component.js');
+require('@alfalab/core-components-scrollbar/cssm');
+require('../consts.js');
+require('../components/options-list/index.module.css');
+require('../components/search/Component.js');
+require('@alfalab/core-components-input/cssm');
+require('@alfalab/icons-glyph/MagnifierMIcon');
+require('../components/search/index.module.css');
+require('../components/base-select-mobile/index.module.css');
+require('../components/base-select-mobile/footer/Component.js');
+require('@alfalab/core-components-base-modal/cssm');
+require('@alfalab/core-components-button/cssm/mobile');
+require('../components/base-select-mobile/footer/index.module.css');
+require('../components/virtual-options-list/Component.js');
+require('react-virtual');
+require('../components/virtual-options-list/index.module.css');
+require('../hook-244c8d6e.js');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
+require('@alfalab/core-components-button/cssm/desktop');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
+require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
+require('../presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
+
+
+
+exports.SelectMobile = Component_mobile.SelectMobile;
+exports.SelectModalMobile = Component_modal_mobile.SelectModalMobile;

package/cssm/shared/index.d.ts

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

package/cssm/shared/index.js

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_arrow_Component = require('../components/arrow/Component.js');
+var components_baseSelect_Component = require('../components/base-select/Component.js');
+var components_field_Component = require('../components/field/Component.js');
+var components_optgroup_Component = require('../components/optgroup/Component.js');
+var components_option_Component = require('../components/option/Component.js');
+var components_optionsList_Component = require('../components/options-list/Component.js');
+var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
+var components_baseOption_Component = require('../components/base-option/Component.js');
+var components_search_Component = require('../components/search/Component.js');
+var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
+var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-244c8d6e.js');
+var utils = require('../utils.js');
+require('react');
+require('classnames');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../components/arrow/index.module.css');
+require('tslib');
+require('react-merge-refs');
+require('@juggle/resize-observer');
+require('downshift');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/core-components-shared/cssm');
+require('@alfalab/hooks');
+require('../components/native-select/Component.js');
+require('../components/base-select/index.module.css');
+require('../components/field/index.module.css');
+require('../components/optgroup/index.module.css');
+require('../components/checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
+require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../components/checkmark/index.module.css');
+require('../components/checkmark-mobile/Component.js');
+require('../components/checkmark-mobile/index.module.css');
+require('../components/option/index.module.css');
+require('@alfalab/core-components-scrollbar/cssm');
+require('../consts.js');
+require('../components/options-list/index.module.css');
+require('react-virtual');
+require('../components/virtual-options-list/index.module.css');
+require('../components/base-checkmark/Component.js');
+require('../components/base-checkmark/index.module.css');
+require('../components/base-option/index.module.css');
+require('@alfalab/core-components-input/cssm');
+require('@alfalab/icons-glyph/MagnifierMIcon');
+require('../components/search/index.module.css');
+require('@alfalab/core-components-skeleton/cssm');
+require('../presets/useSelectWithLoading/index.module.css');
+require('intersection-observer');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
+require('@alfalab/core-components-button/cssm/desktop');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
+require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
+require('../presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
+
+
+
+exports.Arrow = components_arrow_Component.Arrow;
+exports.BaseSelect = components_baseSelect_Component.BaseSelect;
+exports.Field = components_field_Component.Field;
+exports.Optgroup = components_optgroup_Component.Optgroup;
+exports.Option = components_option_Component.Option;
+exports.OptionsList = components_optionsList_Component.OptionsList;
+exports.VirtualOptionsList = components_virtualOptionsList_Component.VirtualOptionsList;
+exports.BaseOption = components_baseOption_Component.BaseOption;
+exports.Search = components_search_Component.Search;
+exports.useSelectWithLoading = presets_useSelectWithLoading_hook.useSelectWithLoading;
+exports.useLazyLoading = presets_useLazyLoading_hook.useLazyLoading;
+exports.SELECT_ALL_KEY = presets_useSelectWithApply_optionsListWithApply_Component.SELECT_ALL_KEY;
+exports.useSelectWithApply = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply;
+exports.defaultAccessor = utils.defaultAccessor;
+exports.defaultFilterFn = utils.defaultFilterFn;
+exports.isGroup = utils.isGroup;
+exports.isOptionShape = utils.isOptionShape;
+exports.joinOptions = utils.joinOptions;
+exports.lastIndexOf = utils.lastIndexOf;
+exports.processOptions = utils.processOptions;
+exports.usePrevious = utils.usePrevious;
+exports.useVisibleOptions = utils.useVisibleOptions;

package/desktop/index.d.ts

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

package/{desktop.js → desktop/index.js}

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('./Component.desktop.js');
+var Component_desktop = require('../Component.desktop.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-form-control/desktop');
-require('./components/arrow/Component.js');
+require('../components/arrow/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('./components/base-select/Component.js');
+require('../components/base-select/Component.js');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
 require('@alfalab/core-components-popover');
 require('@alfalab/core-components-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('../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('@alfalab/core-components-badge');
 require('@alfalab/core-components-checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('./components/checkmark-mobile/Component.js');
-require('./components/options-list/Component.js');
+require('../components/checkmark-mobile/Component.js');
+require('../components/options-list/Component.js');
 require('@alfalab/core-components-scrollbar');
-require('./consts.js');
-require('./components/search/Component.js');
+require('../consts.js');
+require('../components/search/Component.js');
 require('@alfalab/core-components-input');
 require('@alfalab/icons-glyph/MagnifierMIcon');
 

package/desktop/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/desktop/index.js"
+}

package/esm/Component.desktop.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
+import { FormControlDesktopProps } from "@alfalab/core-components-form-control/desktop";
 import { BaseSelectProps } from "./typings";
-type FormControlDesktopProps = Omit<BaseFormControlProps, "styles" | "colorStyles">;
 type SelectFieldProps = Omit<FormControlDesktopProps, 'size'> & Record<string, unknown>;
 type SelectDesktopProps = Omit<BaseSelectProps, 'fieldProps'> & {
     /**

package/esm/Component.mobile.js

@@ -10,7 +10,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-571dca86.js';
+import { u as useSelectWithApply } from './hook-70d58270.js';
 import { Header } from './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';