@alfalab/core-components 37.4.0-beta.1 → 37.4.1

package/select/cssm/{Component-37ff9d21.js → Component-e61bd989.js}

@@ -41,7 +41,6 @@ var styles = require('./presets/useSelectWithApply/options-list-with-apply/index
 var components_baseCheckmark_Component = require('./components/base-checkmark/Component.js');
 var components_baseSelectMobile_checkmark_Component = require('./components/base-select-mobile/checkmark/Component.js');
 var components_baseSelectMobile_optionsList_Component = require('./components/base-select-mobile/options-list/Component.js');
-var components_baseSelectMobile_virtualOptionsList_Component = require('./components/base-select-mobile/virtual-options-list/Component.js');
 var styles$1 = require('./components/base-select-mobile/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -160,12 +159,9 @@ function useSelectWithApply(_a) {
     };
 }
 
-var VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
 var BaseSelectMobile = React.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, options = _a.options, _c = _a.autocomplete, autocomplete = _c === void 0 ? false : _c, _d = _a.multiple, multiple = _d === void 0 ? false : _d, _e = _a.allowUnselect, allowUnselect = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.closeOnSelect, closeOnSelect = _g === void 0 ? !multiple : _g, _h = _a.circularNavigation, circularNavigation = _h === void 0 ? false : _h, _j = _a.defaultOpen, defaultOpen = _j === void 0 ? false : _j, openProp = _a.open, name = _a.name, id = _a.id, selected = _a.selected, _k = _a.size, size = _k === void 0 ? 'm' : _k, _l = _a.optionsSize, optionsSize = _l === void 0 ? 'm' : _l, error = _a.error, hint = _a.hint, block = _a.block, label = _a.label, labelView = _a.labelView, placeholder = _a.placeholder, _m = _a.fieldProps, fieldProps = _m === void 0 ? {} : _m, _o = _a.optionProps, optionProps = _o === void 0 ? {} : _o, valueRenderer = _a.valueRenderer, onChange = _a.onChange, onOpen = _a.onOpen, onFocus = _a.onFocus, _p = _a.Arrow, Arrow = _p === void 0 ? components_arrow_Component.Arrow : _p, _q = _a.Field, Field = _q === void 0 ? components_field_Component.Field : _q, _r = _a.Optgroup, Optgroup = _r === void 0 ? components_optgroup_Component.Optgroup : _r, _s = _a.Option, Option = _s === void 0 ? components_option_Component.Option : _s, _t = _a.OptionsList, OptionsList = _t === void 0 ? options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD
-        ? components_baseSelectMobile_virtualOptionsList_Component.VirtualOptionsList
-        : components_baseSelectMobile_optionsList_Component.OptionsList : _t, swipeable = _a.swipeable, footer = _a.footer, isBottomSheet = _a.isBottomSheet, bottomSheetProps = _a.bottomSheetProps;
+    var dataTestId = _a.dataTestId, className = _a.className, fieldClassName = _a.fieldClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, optionGroupClassName = _a.optionGroupClassName, optionsListProps = _a.optionsListProps, options = _a.options, _c = _a.autocomplete, autocomplete = _c === void 0 ? false : _c, _d = _a.multiple, multiple = _d === void 0 ? false : _d, _e = _a.allowUnselect, allowUnselect = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.closeOnSelect, closeOnSelect = _g === void 0 ? !multiple : _g, _h = _a.circularNavigation, circularNavigation = _h === void 0 ? false : _h, _j = _a.defaultOpen, defaultOpen = _j === void 0 ? false : _j, openProp = _a.open, name = _a.name, id = _a.id, selected = _a.selected, _k = _a.size, size = _k === void 0 ? 'm' : _k, _l = _a.optionsSize, optionsSize = _l === void 0 ? 'm' : _l, error = _a.error, hint = _a.hint, block = _a.block, label = _a.label, labelView = _a.labelView, placeholder = _a.placeholder, _m = _a.fieldProps, fieldProps = _m === void 0 ? {} : _m, _o = _a.optionProps, optionProps = _o === void 0 ? {} : _o, valueRenderer = _a.valueRenderer, onChange = _a.onChange, onOpen = _a.onOpen, onFocus = _a.onFocus, _p = _a.Arrow, Arrow = _p === void 0 ? components_arrow_Component.Arrow : _p, _q = _a.Field, Field = _q === void 0 ? components_field_Component.Field : _q, _r = _a.Optgroup, Optgroup = _r === void 0 ? components_optgroup_Component.Optgroup : _r, _s = _a.Option, Option = _s === void 0 ? components_option_Component.Option : _s, _t = _a.OptionsList, OptionsList = _t === void 0 ? components_baseSelectMobile_optionsList_Component.OptionsList : _t, swipeable = _a.swipeable, footer = _a.footer, isBottomSheet = _a.isBottomSheet, bottomSheetProps = _a.bottomSheetProps;
     var rootRef = React.useRef(null);
     var fieldRef = React.useRef(null);
     var listRef = React.useRef(null);
@@ -173,7 +169,6 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
     var itemToString = function (option) { return (option ? option.key : ''); };
     var _u = React.useMemo(function () { return utils.processOptions(options, selected); }, [options, selected]), flatOptions = _u.flatOptions, selectedOptions = _u.selectedOptions;
     var selectedOptionsRef = React.useRef(selectedOptions);
-    var scrollableContainerRef = React.useRef(null);
     var _v = React.useState(selectedOptions), selectedDraft = _v[0], setSelectedDraft = _v[1];
     var useMultipleSelectionProps = {
         itemToString: itemToString,
@@ -357,12 +352,12 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
                     : undefined,
             }, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'field') }, fieldProps)),
         name && renderValue(),
-        isBottomSheet ? (React__default.default.createElement(coreComponentsBottomSheet.BottomSheet, tslib_es6.__assign({ open: open, onClose: handleClose, className: styles__default$1.default.sheet, contentClassName: styles__default$1.default.sheetContent, containerClassName: styles__default$1.default.sheetContainer, title: placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, scrollableContainerRef: scrollableContainerRef }, bottomSheetProps),
+        isBottomSheet ? (React__default.default.createElement(coreComponentsBottomSheet.BottomSheet, tslib_es6.__assign({ open: open, onClose: handleClose, className: styles__default$1.default.sheet, contentClassName: styles__default$1.default.sheetContent, containerClassName: styles__default$1.default.sheetContainer, title: placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable }, bottomSheetProps),
             React__default.default.createElement("div", tslib_es6.__assign({}, menuProps, { className: optionsListClassName }),
-                React__default.default.createElement(OptionsListWithApply, tslib_es6.__assign({ showFooter: multiple }, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default.default(styles__default$1.default.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear, ref: scrollableContainerRef }))))) : (React__default.default.createElement(mobile.ModalMobile, { open: open, onClose: handleClose, contentClassName: styles__default$1.default.sheetContent, hasCloser: true, ref: scrollableContainerRef },
+                React__default.default.createElement(OptionsListWithApply, tslib_es6.__assign({ showFooter: multiple }, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default.default(styles__default$1.default.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear }))))) : (React__default.default.createElement(mobile.ModalMobile, { open: open, onClose: handleClose, contentClassName: styles__default$1.default.sheetContent, hasCloser: true },
             React__default.default.createElement(mobile.ModalMobile.Header, { hasCloser: true, title: placeholder, sticky: true }),
             React__default.default.createElement("div", tslib_es6.__assign({}, menuProps, { className: optionsListClassName }),
-                React__default.default.createElement(OptionsListWithApply, tslib_es6.__assign({ showFooter: multiple }, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default.default(styles__default$1.default.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear, ref: scrollableContainerRef })))))));
+                React__default.default.createElement(OptionsListWithApply, tslib_es6.__assign({ showFooter: multiple }, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default.default(styles__default$1.default.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear })))))));
 });
 
 var SelectMobile = React.forwardRef(function (_a, ref) {

package/select/cssm/Component.d.ts

@@ -84,7 +84,7 @@ type FormControlProps = HTMLAttributes<HTMLDivElement> & {
      */
     children?: ReactNode;
 };
-type SelectFieldProps = Omit<FormControlProps, 'size'> & Record<string, unknown>;
+type SelectFieldProps = FormControlProps & Record<string, unknown>;
 type SelectProps = Omit<BaseSelectProps, 'fieldProps'> & {
     /**
      * Пропсы, которые будут прокинуты в компонент поля

package/select/cssm/Component.responsive.js

@@ -6,7 +6,7 @@ require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('./components/arrow/index.module.css');
 require('./Component-d0e84442.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-37ff9d21.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-e61bd989.js');
 require('../../form-control/cssm');
 require('./components/field/index.module.css');
 require('./components/optgroup/index.module.css');
@@ -49,8 +49,6 @@ require('./presets/useSelectWithApply/options-list-with-apply/index.module.css')
 require('./components/base-select-mobile/options-list/Component.js');
 require('../../base-modal/cssm');
 require('./components/base-select-mobile/options-list/index.module.css');
-require('./components/base-select-mobile/virtual-options-list/Component.js');
-require('./components/base-select-mobile/virtual-options-list/index.module.css');
 require('./components/base-select-mobile/index.module.css');
 require('./components/options-list/index.module.css');
 

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

@@ -8,7 +8,7 @@ require('../../../../modal/cssm/mobile');
 require('../../Component.js');
 require('../arrow/Component.js');
 require('../../Component-d0e84442.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-37ff9d21.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e61bd989.js');
 require('../field/Component.js');
 require('../optgroup/Component.js');
 require('../option/Component.js');
@@ -26,7 +26,6 @@ require('../../intersection-observer-9ec5cf59.js');
 require('../base-checkmark/Component.js');
 require('./checkmark/Component.js');
 require('./options-list/Component.js');
-require('./virtual-options-list/Component.js');
 require('./index.module.css');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../arrow/index.module.css');
@@ -52,7 +51,6 @@ require('../base-option/index.module.css');
 require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
 require('../../../../base-modal/cssm');
 require('./options-list/index.module.css');
-require('./virtual-options-list/index.module.css');
 
 
 

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

@@ -1 +1 @@
-export * from "../../Component-37ff9d21";
+export * from "../../Component-e61bd989";

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

@@ -1,4 +1,4 @@
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-37ff9d21.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e61bd989.js');
 require('../../tslib.es6-0e9bf404.js');
 require('react');
 require('../arrow/Component.js');
@@ -50,8 +50,6 @@ require('../../presets/useSelectWithApply/options-list-with-apply/index.module.c
 require('./options-list/Component.js');
 require('../../../../base-modal/cssm');
 require('./options-list/index.module.css');
-require('./virtual-options-list/Component.js');
-require('./virtual-options-list/index.module.css');
 require('./index.module.css');
 
 

package/select/cssm/components/index.js

@@ -1,6 +1,6 @@
 var components_arrow_Component = require('./arrow/Component.js');
 var components_baseSelect_Component = require('../Component-d0e84442.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-37ff9d21.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-e61bd989.js');
 var components_field_Component = require('./field/Component.js');
 var components_optgroup_Component = require('./optgroup/Component.js');
 var components_option_Component = require('./option/Component.js');
@@ -51,8 +51,6 @@ require('./base-checkmark/Component.js');
 require('./base-select-mobile/options-list/Component.js');
 require('../../../base-modal/cssm');
 require('./base-select-mobile/options-list/index.module.css');
-require('./base-select-mobile/virtual-options-list/Component.js');
-require('./base-select-mobile/virtual-options-list/index.module.css');
 require('./base-select-mobile/index.module.css');
 
 

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

@@ -1,7 +1,7 @@
 require('../../tslib.es6-0e9bf404.js');
 require('react');
 require('../arrow/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-37ff9d21.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e61bd989.js');
 require('../field/Component.js');
 require('../optgroup/Component.js');
 require('../option/Component.js');
@@ -50,8 +50,6 @@ require('../../presets/useSelectWithApply/options-list-with-apply/index.module.c
 require('../base-select-mobile/options-list/Component.js');
 require('../../../../base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
-require('../base-select-mobile/virtual-options-list/Component.js');
-require('../base-select-mobile/virtual-options-list/index.module.css');
 require('../base-select-mobile/index.module.css');
 
 

package/select/cssm/components/select-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-37ff9d21";
+export * from "../../Component-e61bd989";

package/select/cssm/components/select-mobile/index.js

@@ -1,4 +1,4 @@
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-37ff9d21.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e61bd989.js');
 require('../../tslib.es6-0e9bf404.js');
 require('react');
 require('../arrow/Component.js');
@@ -50,8 +50,6 @@ require('../../presets/useSelectWithApply/options-list-with-apply/index.module.c
 require('../base-select-mobile/options-list/Component.js');
 require('../../../../base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
-require('../base-select-mobile/virtual-options-list/Component.js');
-require('../base-select-mobile/virtual-options-list/index.module.css');
 require('../base-select-mobile/index.module.css');
 
 

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

@@ -1,7 +1,7 @@
 require('../../tslib.es6-0e9bf404.js');
 require('react');
 require('../arrow/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-37ff9d21.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e61bd989.js');
 require('../field/Component.js');
 require('../optgroup/Component.js');
 require('../option/Component.js');
@@ -50,8 +50,6 @@ require('../../presets/useSelectWithApply/options-list-with-apply/index.module.c
 require('../base-select-mobile/options-list/Component.js');
 require('../../../../base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
-require('../base-select-mobile/virtual-options-list/Component.js');
-require('../base-select-mobile/virtual-options-list/index.module.css');
 require('../base-select-mobile/index.module.css');
 
 

package/select/cssm/components/select-modal-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-37ff9d21";
+export * from "../../Component-e61bd989";

package/select/cssm/components/select-modal-mobile/index.js

@@ -1,4 +1,4 @@
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-37ff9d21.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e61bd989.js');
 require('../../tslib.es6-0e9bf404.js');
 require('react');
 require('../arrow/Component.js');
@@ -50,8 +50,6 @@ require('../../presets/useSelectWithApply/options-list-with-apply/index.module.c
 require('../base-select-mobile/options-list/Component.js');
 require('../../../../base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
-require('../base-select-mobile/virtual-options-list/Component.js');
-require('../base-select-mobile/virtual-options-list/index.module.css');
 require('../base-select-mobile/index.module.css');
 
 

package/select/cssm/index.js

@@ -1,7 +1,7 @@
 var Component = require('./Component.js');
 var components_arrow_Component = require('./components/arrow/Component.js');
 var components_baseSelect_Component = require('./Component-d0e84442.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-37ff9d21.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-e61bd989.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');
@@ -53,8 +53,6 @@ require('./components/base-checkmark/Component.js');
 require('./components/base-select-mobile/options-list/Component.js');
 require('../../base-modal/cssm');
 require('./components/base-select-mobile/options-list/index.module.css');
-require('./components/base-select-mobile/virtual-options-list/Component.js');
-require('./components/base-select-mobile/virtual-options-list/index.module.css');
 require('./components/base-select-mobile/index.module.css');
 
 

package/select/cssm/presets/index.js

@@ -1,6 +1,6 @@
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-37ff9d21.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-e61bd989.js');
 require('../tslib.es6-0e9bf404.js');
 require('react');
 require('../../../skeleton/cssm');
@@ -52,8 +52,6 @@ require('./useSelectWithApply/options-list-with-apply/index.module.css');
 require('../components/base-select-mobile/options-list/Component.js');
 require('../../../base-modal/cssm');
 require('../components/base-select-mobile/options-list/index.module.css');
-require('../components/base-select-mobile/virtual-options-list/Component.js');
-require('../components/base-select-mobile/virtual-options-list/index.module.css');
 require('../components/base-select-mobile/index.module.css');
 
 

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

@@ -5,7 +5,7 @@ require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../components/arrow/index.module.css');
 require('../../Component-d0e84442.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-37ff9d21.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e61bd989.js');
 require('../../../../form-control/cssm');
 require('@alfalab/hooks');
 require('../../utils.js');
@@ -50,8 +50,6 @@ require('./options-list-with-apply/index.module.css');
 require('../../components/base-select-mobile/options-list/Component.js');
 require('../../../../base-modal/cssm');
 require('../../components/base-select-mobile/options-list/index.module.css');
-require('../../components/base-select-mobile/virtual-options-list/Component.js');
-require('../../components/base-select-mobile/virtual-options-list/index.module.css');
 require('../../components/base-select-mobile/index.module.css');
 
 

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

@@ -5,7 +5,7 @@ require('../../../../../button/cssm');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../../components/arrow/index.module.css');
 require('../../../Component-d0e84442.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-37ff9d21.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-e61bd989.js');
 require('../../../../../form-control/cssm');
 require('@alfalab/hooks');
 require('../../../components/field/index.module.css');
@@ -50,8 +50,6 @@ require('../../../intersection-observer-9ec5cf59.js');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../../../base-modal/cssm');
 require('../../../components/base-select-mobile/options-list/index.module.css');
-require('../../../components/base-select-mobile/virtual-options-list/Component.js');
-require('../../../components/base-select-mobile/virtual-options-list/index.module.css');
 require('../../../components/base-select-mobile/index.module.css');
 
 

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

@@ -1 +1 @@
-export * from "../../../Component-37ff9d21";
+export * from "../../../Component-e61bd989";

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

@@ -1,4 +1,4 @@
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-37ff9d21.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-e61bd989.js');
 require('../../../tslib.es6-0e9bf404.js');
 require('react');
 require('../../../components/arrow/Component.js');
@@ -50,8 +50,6 @@ require('./index.module.css');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../../../base-modal/cssm');
 require('../../../components/base-select-mobile/options-list/index.module.css');
-require('../../../components/base-select-mobile/virtual-options-list/Component.js');
-require('../../../components/base-select-mobile/virtual-options-list/index.module.css');
 require('../../../components/base-select-mobile/index.module.css');
 
 

package/select/cssm/responsive.js

@@ -33,7 +33,7 @@ require('./components/option/index.module.css');
 require('./components/options-list/Component.js');
 require('../../scrollbar/cssm');
 require('./components/options-list/index.module.css');
-require('./Component-37ff9d21.js');
+require('./Component-e61bd989.js');
 require('../../bottom-sheet/cssm');
 require('../../modal/cssm/mobile');
 require('react-virtual');
@@ -51,8 +51,6 @@ require('./presets/useSelectWithApply/options-list-with-apply/index.module.css')
 require('./components/base-select-mobile/options-list/Component.js');
 require('../../base-modal/cssm');
 require('./components/base-select-mobile/options-list/index.module.css');
-require('./components/base-select-mobile/virtual-options-list/Component.js');
-require('./components/base-select-mobile/virtual-options-list/index.module.css');
 require('./components/base-select-mobile/index.module.css');
 
 

package/select/cssm/typings.d.ts

@@ -251,6 +251,10 @@ type FieldProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Размер компонента
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
     /**
      * Выбранный пункт
      */
@@ -325,7 +329,7 @@ type FieldProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-} & Record<string, any>;
+};
 type ArrowProps = {
     /**
      * Дополнительный класс

package/select/cssm/utils.js

@@ -52,7 +52,7 @@ function useVisibleOptions(_a) {
     React.useEffect(function () {
         var list = listRef.current;
         var styleTarget = styleTargetRef.current;
-        if (open && list && styleTarget && visibleOptions > 0) {
+        if (open && list && styleTarget) {
             var optionsNodes = [].slice.call(list.children, 0, visibleOptions + 1);
             var height = optionsNodes
                 .slice(0, visibleOptions)

package/select/esm/{Component-f6828aa2.js → Component-b2ebc119.js}

@@ -1,4 +1,4 @@
-import { a as __assign, b as __spreadArray } from './tslib.es6-5b51821c.js';
+import { a as __assign, b as __spreadArray } from './tslib.es6-0b67b7a3.js';
 import React, { forwardRef, useRef, useMemo, useCallback, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { ResizeObserver } from '@juggle/resize-observer';
@@ -14,7 +14,7 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 };
 
-var styles = {"component":"select__component_jds7l","popoverInner":"select__popoverInner_jds7l","optionsList":"select__optionsList_jds7l","nativeSelect":"select__nativeSelect_jds7l","block":"select__block_jds7l"};
+var styles = {"component":"select__component_2n10w","popoverInner":"select__popoverInner_2n10w","optionsList":"select__optionsList_2n10w","nativeSelect":"select__nativeSelect_2n10w","block":"select__block_2n10w"};
 require('./components/base-select/index.css');
 
 var BaseSelect = forwardRef(function (_a, ref) {

package/select/esm/{Component-f8ca7b7e.js → Component-de0b9cd3.js}

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, b as __spreadArray } from './tslib.es6-5b51821c.js';
+import { _ as __rest, a as __assign, b as __spreadArray } from './tslib.es6-0b67b7a3.js';
 import React, { forwardRef, useRef, useCallback, useEffect, useMemo, useState } from 'react';
 import { Arrow } from './components/arrow/Component.js';
 import mergeRefs from 'react-merge-refs';
@@ -7,18 +7,18 @@ import { useMultipleSelection, useCombobox } from 'downshift';
 import { BottomSheet } from '../../bottom-sheet/esm';
 import { ModalMobile } from '../../modal/esm/mobile';
 import './Component.js';
-import { g as getDataTestId } from './Component-f6828aa2.js';
+import { g as getDataTestId } from './Component-b2ebc119.js';
 import { Field } from './components/field/Component.js';
 import { Optgroup } from './components/optgroup/Component.js';
 import { Option } from './components/option/Component.js';
-import { OptionsList as OptionsList$1 } from './components/options-list/Component.js';
+import { OptionsList } from './components/options-list/Component.js';
 import 'react-virtual';
 import '../../scrollbar/esm';
 import '@alfalab/hooks';
 import { processOptions } from './utils.js';
 import { BaseOption } from './components/base-option/Component.js';
 import '../../skeleton/esm';
-import './intersection-observer-66d0ef98.js';
+import './intersection-observer-e2ca7101.js';
 import { Button } from '../../button/esm';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '../../form-control/esm';
@@ -28,20 +28,19 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../checkbox/esm';
 import { BaseCheckmark } from './components/base-checkmark/Component.js';
 import { Checkmark } from './components/base-select-mobile/checkmark/Component.js';
-import { OptionsList } from './components/base-select-mobile/options-list/Component.js';
-import { VirtualOptionsList } from './components/base-select-mobile/virtual-options-list/Component.js';
+import { OptionsList as OptionsList$1 } from './components/base-select-mobile/options-list/Component.js';
 import '@juggle/resize-observer';
 import '../../popover/esm';
 import './components/native-select/Component.js';
 import './components/checkmark/Component.js';
 import '../../base-modal/esm';
 
-var styles$1 = {"footer":"select__footer_hr9jx","withBorder":"select__withBorder_hr9jx"};
+var styles$1 = {"footer":"select__footer_kv6l6","withBorder":"select__withBorder_kv6l6"};
 require('./presets/useSelectWithApply/options-list-with-apply/index.css');
 
 var OptionsListWithApply = forwardRef(function (_a, ref) {
     var _b;
-    var toggleMenu = _a.toggleMenu, _c = _a.OptionsList, OptionsList$1$1 = _c === void 0 ? OptionsList$1 : _c, defaultGetOptionProps = _a.getOptionProps, _d = _a.showClear, showClear = _d === void 0 ? true : _d, _e = _a.selectedDraft, selectedDraft = _e === void 0 ? [] : _e, _f = _a.flatOptions, flatOptions = _f === void 0 ? [] : _f, _g = _a.onApply, onApply = _g === void 0 ? function () { return null; } : _g, _h = _a.onClear, onClear = _h === void 0 ? function () { return null; } : _h, _j = _a.onClose, onClose = _j === void 0 ? function () { return null; } : _j, _k = _a.visibleOptions, visibleOptions = _k === void 0 ? 5 : _k, restProps = __rest(_a, ["toggleMenu", "OptionsList", "getOptionProps", "showClear", "selectedDraft", "flatOptions", "onApply", "onClear", "onClose", "visibleOptions"]);
+    var toggleMenu = _a.toggleMenu, _c = _a.OptionsList, OptionsList$1 = _c === void 0 ? OptionsList : _c, defaultGetOptionProps = _a.getOptionProps, _d = _a.showClear, showClear = _d === void 0 ? true : _d, _e = _a.selectedDraft, selectedDraft = _e === void 0 ? [] : _e, _f = _a.flatOptions, flatOptions = _f === void 0 ? [] : _f, _g = _a.onApply, onApply = _g === void 0 ? function () { return null; } : _g, _h = _a.onClear, onClear = _h === void 0 ? function () { return null; } : _h, _j = _a.onClose, onClose = _j === void 0 ? function () { return null; } : _j, _k = _a.visibleOptions, visibleOptions = _k === void 0 ? 5 : _k, restProps = __rest(_a, ["toggleMenu", "OptionsList", "getOptionProps", "showClear", "selectedDraft", "flatOptions", "onApply", "onClear", "onClose", "visibleOptions"]);
     var footerRef = useRef(null);
     var getOptionProps = useCallback(function (option, index) {
         var optionProps = defaultGetOptionProps(option, index);
@@ -73,7 +72,7 @@ var OptionsListWithApply = forwardRef(function (_a, ref) {
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return (React.createElement(OptionsList$1$1, __assign({}, restProps, { ref: ref, visibleOptions: visibleOptions, toggleMenu: toggleMenu, flatOptions: flatOptions, getOptionProps: getOptionProps, onApply: handleApply, onClear: handleClear, footer: React.createElement("div", { 
+    return (React.createElement(OptionsList$1, __assign({}, restProps, { ref: ref, visibleOptions: visibleOptions, toggleMenu: toggleMenu, flatOptions: flatOptions, getOptionProps: getOptionProps, onApply: handleApply, onClear: handleClear, footer: React.createElement("div", { 
             // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
             tabIndex: 0, className: cn(styles$1.footer, (_b = {},
                 _b[styles$1.withBorder] = visibleOptions && flatOptions.length > visibleOptions,
@@ -147,15 +146,12 @@ function useSelectWithApply(_a) {
     };
 }
 
-var styles = {"component":"select__component_1pm5k","popoverInner":"select__popoverInner_1pm5k","sheet":"select__sheet_1pm5k","sheetContent":"select__sheetContent_1pm5k","sheetContainer":"select__sheetContainer_1pm5k","block":"select__block_1pm5k","option":"select__option_1pm5k","optionGroup":"select__optionGroup_1pm5k"};
+var styles = {"component":"select__component_1sq2l","popoverInner":"select__popoverInner_1sq2l","sheet":"select__sheet_1sq2l","sheetContent":"select__sheetContent_1sq2l","sheetContainer":"select__sheetContainer_1sq2l","block":"select__block_1sq2l","option":"select__option_1sq2l","optionGroup":"select__optionGroup_1sq2l"};
 require('./components/base-select-mobile/index.css');
 
-var VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
 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, options = _a.options, _c = _a.autocomplete, autocomplete = _c === void 0 ? false : _c, _d = _a.multiple, multiple = _d === void 0 ? false : _d, _e = _a.allowUnselect, allowUnselect = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.closeOnSelect, closeOnSelect = _g === void 0 ? !multiple : _g, _h = _a.circularNavigation, circularNavigation = _h === void 0 ? false : _h, _j = _a.defaultOpen, defaultOpen = _j === void 0 ? false : _j, openProp = _a.open, name = _a.name, id = _a.id, selected = _a.selected, _k = _a.size, size = _k === void 0 ? 'm' : _k, _l = _a.optionsSize, optionsSize = _l === void 0 ? 'm' : _l, error = _a.error, hint = _a.hint, block = _a.block, label = _a.label, labelView = _a.labelView, placeholder = _a.placeholder, _m = _a.fieldProps, fieldProps = _m === void 0 ? {} : _m, _o = _a.optionProps, optionProps = _o === void 0 ? {} : _o, valueRenderer = _a.valueRenderer, onChange = _a.onChange, onOpen = _a.onOpen, onFocus = _a.onFocus, _p = _a.Arrow, Arrow$1 = _p === void 0 ? Arrow : _p, _q = _a.Field, Field$1 = _q === void 0 ? Field : _q, _r = _a.Optgroup, Optgroup$1 = _r === void 0 ? Optgroup : _r, _s = _a.Option, Option$1 = _s === void 0 ? Option : _s, _t = _a.OptionsList, OptionsList$1 = _t === void 0 ? options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD
-        ? VirtualOptionsList
-        : OptionsList : _t, swipeable = _a.swipeable, footer = _a.footer, isBottomSheet = _a.isBottomSheet, bottomSheetProps = _a.bottomSheetProps;
+    var dataTestId = _a.dataTestId, className = _a.className, fieldClassName = _a.fieldClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, optionGroupClassName = _a.optionGroupClassName, optionsListProps = _a.optionsListProps, options = _a.options, _c = _a.autocomplete, autocomplete = _c === void 0 ? false : _c, _d = _a.multiple, multiple = _d === void 0 ? false : _d, _e = _a.allowUnselect, allowUnselect = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.closeOnSelect, closeOnSelect = _g === void 0 ? !multiple : _g, _h = _a.circularNavigation, circularNavigation = _h === void 0 ? false : _h, _j = _a.defaultOpen, defaultOpen = _j === void 0 ? false : _j, openProp = _a.open, name = _a.name, id = _a.id, selected = _a.selected, _k = _a.size, size = _k === void 0 ? 'm' : _k, _l = _a.optionsSize, optionsSize = _l === void 0 ? 'm' : _l, error = _a.error, hint = _a.hint, block = _a.block, label = _a.label, labelView = _a.labelView, placeholder = _a.placeholder, _m = _a.fieldProps, fieldProps = _m === void 0 ? {} : _m, _o = _a.optionProps, optionProps = _o === void 0 ? {} : _o, valueRenderer = _a.valueRenderer, onChange = _a.onChange, onOpen = _a.onOpen, onFocus = _a.onFocus, _p = _a.Arrow, Arrow$1 = _p === void 0 ? Arrow : _p, _q = _a.Field, Field$1 = _q === void 0 ? Field : _q, _r = _a.Optgroup, Optgroup$1 = _r === void 0 ? Optgroup : _r, _s = _a.Option, Option$1 = _s === void 0 ? Option : _s, _t = _a.OptionsList, OptionsList = _t === void 0 ? OptionsList$1 : _t, swipeable = _a.swipeable, footer = _a.footer, isBottomSheet = _a.isBottomSheet, bottomSheetProps = _a.bottomSheetProps;
     var rootRef = useRef(null);
     var fieldRef = useRef(null);
     var listRef = useRef(null);
@@ -163,7 +159,6 @@ var BaseSelectMobile = forwardRef(function (_a, ref) {
     var itemToString = function (option) { return (option ? option.key : ''); };
     var _u = useMemo(function () { return processOptions(options, selected); }, [options, selected]), flatOptions = _u.flatOptions, selectedOptions = _u.selectedOptions;
     var selectedOptionsRef = useRef(selectedOptions);
-    var scrollableContainerRef = useRef(null);
     var _v = useState(selectedOptions), selectedDraft = _v[0], setSelectedDraft = _v[1];
     var useMultipleSelectionProps = {
         itemToString: itemToString,
@@ -347,12 +342,12 @@ var BaseSelectMobile = forwardRef(function (_a, ref) {
                     : 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: placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, scrollableContainerRef: scrollableContainerRef }, bottomSheetProps),
+        isBottomSheet ? (React.createElement(BottomSheet, __assign({ open: open, onClose: handleClose, className: styles.sheet, contentClassName: styles.sheetContent, containerClassName: styles.sheetContainer, title: placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable }, bottomSheetProps),
             React.createElement("div", __assign({}, menuProps, { className: optionsListClassName }),
-                React.createElement(OptionsListWithApply, __assign({ showFooter: multiple }, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList$1, Optgroup: Optgroup$1, Option: Option$1, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn(styles.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear, ref: scrollableContainerRef }))))) : (React.createElement(ModalMobile, { open: open, onClose: handleClose, contentClassName: styles.sheetContent, hasCloser: true, ref: scrollableContainerRef },
+                React.createElement(OptionsListWithApply, __assign({ showFooter: multiple }, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup$1, Option: Option$1, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn(styles.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear }))))) : (React.createElement(ModalMobile, { open: open, onClose: handleClose, contentClassName: styles.sheetContent, hasCloser: true },
             React.createElement(ModalMobile.Header, { hasCloser: true, title: placeholder, sticky: true }),
             React.createElement("div", __assign({}, menuProps, { className: optionsListClassName }),
-                React.createElement(OptionsListWithApply, __assign({ showFooter: multiple }, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList$1, Optgroup: Optgroup$1, Option: Option$1, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn(styles.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear, ref: scrollableContainerRef })))))));
+                React.createElement(OptionsListWithApply, __assign({ showFooter: multiple }, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup$1, Option: Option$1, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn(styles.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear })))))));
 });
 
 var SelectMobile = forwardRef(function (_a, ref) {

package/select/esm/Component.d.ts

@@ -84,7 +84,7 @@ type FormControlProps = HTMLAttributes<HTMLDivElement> & {
      */
     children?: ReactNode;
 };
-type SelectFieldProps = Omit<FormControlProps, 'size'> & Record<string, unknown>;
+type SelectFieldProps = FormControlProps & Record<string, unknown>;
 type SelectProps = Omit<BaseSelectProps, 'fieldProps'> & {
     /**
      * Пропсы, которые будут прокинуты в компонент поля

package/select/esm/Component.js

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign } from './tslib.es6-5b51821c.js';
+import { _ as __rest, a as __assign } from './tslib.es6-0b67b7a3.js';
 import React, { forwardRef } from 'react';
 import { Arrow } from './components/arrow/Component.js';
-import { B as BaseSelect } from './Component-f6828aa2.js';
+import { B as BaseSelect } from './Component-b2ebc119.js';
 import { Field } from './components/field/Component.js';
 import { Optgroup } from './components/optgroup/Component.js';
 import { Option } from './components/option/Component.js';

package/select/esm/Component.responsive.js

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign } from './tslib.es6-5b51821c.js';
+import { _ as __rest, a as __assign } from './tslib.es6-0b67b7a3.js';
 import React, { forwardRef } from 'react';
 import { useMedia } from '@alfalab/hooks';
 import { Select } from './Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './Component-f6828aa2.js';
-import { S as SelectMobile } from './Component-f8ca7b7e.js';
+import './Component-b2ebc119.js';
+import { S as SelectMobile } from './Component-de0b9cd3.js';
 import '../../form-control/esm';
 import '../../badge/esm';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
@@ -30,11 +30,10 @@ import '../../modal/esm/mobile';
 import './components/base-option/Component.js';
 import './components/base-checkmark/Component.js';
 import '../../skeleton/esm';
-import './intersection-observer-66d0ef98.js';
+import './intersection-observer-e2ca7101.js';
 import '../../button/esm';
 import './components/base-select-mobile/options-list/Component.js';
 import '../../base-modal/esm';
-import './components/base-select-mobile/virtual-options-list/Component.js';
 import './utils.js';
 
 var SelectResponsive = forwardRef(function (_a, ref) {

package/select/esm/components/arrow/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 
-var styles = {"arrow":"select__arrow_1uvqh","open":"select__open_1uvqh"};
+var styles = {"arrow":"select__arrow_1t52o","open":"select__open_1t52o"};
 require('./index.css');
 
 var Arrow = function (_a) {

package/select/esm/components/arrow/index.css

@@ -1,4 +1,4 @@
-/* hash: knikw */
+/* hash: 86qtd */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -24,7 +24,7 @@
 
     /* optgroup */
 }
-.select__arrow_1uvqh {
+.select__arrow_1t52o {
     display: block;
     width: 24px;
     height: 24px;
@@ -32,6 +32,6 @@
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
 }
-.select__open_1uvqh {
+.select__open_1t52o {
     transform: var(--arrow-transform);
 }

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Checkbox } from '../../../../checkbox/esm';
 import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-var styles = {"checkmark":"select__checkmark_fq5bo","single":"select__single_fq5bo","selected":"select__selected_fq5bo"};
+var styles = {"checkmark":"select__checkmark_dzhib","single":"select__single_dzhib","selected":"select__selected_dzhib"};
 require('./index.css');
 
 var BaseCheckmark = function (_a) {