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

package/select/Component.responsive.js

@@ -1,11 +1,11 @@
-var tslib_es6 = require('./tslib.es6-6f11dc9c.js');
+var tslib_es6 = require('./tslib.es6-c37aac9e.js');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var Component = require('./Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('./Component-6276339a.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-4a0f00e5.js');
+require('./Component-c28d8000.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-902c22f8.js');
 require('../form-control');
 require('../badge');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
@@ -31,7 +31,7 @@ require('../modal/mobile');
 require('./components/base-option/Component.js');
 require('./components/base-checkmark/Component.js');
 require('../skeleton');
-require('./intersection-observer-9e5235a0.js');
+require('./intersection-observer-2c89c05a.js');
 require('../button');
 require('./components/base-select-mobile/options-list/Component.js');
 require('../base-modal');

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

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-6f11dc9c.js');
+var tslib_es6 = require('../../tslib.es6-c37aac9e.js');
 var React = require('react');
 var cn = require('classnames');
 var components_baseCheckmark_Component = require('../base-checkmark/Component.js');

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

@@ -1,5 +1,5 @@
 var components_baseOption_Component = require('./Component.js');
-require('../../tslib.es6-6f11dc9c.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('classnames');
 require('../base-checkmark/Component.js');

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

@@ -1,4 +1,4 @@
-require('../../tslib.es6-6f11dc9c.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('react-merge-refs');
 require('@juggle/resize-observer');
@@ -6,7 +6,7 @@ require('classnames');
 require('downshift');
 require('../../../popover');
 require('@alfalab/hooks');
-var components_baseSelect_Component = require('../../Component-6276339a.js');
+var components_baseSelect_Component = require('../../Component-c28d8000.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 

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

@@ -1 +1 @@
-export * from "../../Component-6276339a";
+export * from "../../Component-c28d8000";

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

@@ -1,5 +1,5 @@
-var components_baseSelect_Component = require('../../Component-6276339a.js');
-require('../../tslib.es6-6f11dc9c.js');
+var components_baseSelect_Component = require('../../Component-c28d8000.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('react-merge-refs');
 require('@juggle/resize-observer');

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

@@ -1,4 +1,4 @@
-require('../../tslib.es6-6f11dc9c.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -7,8 +7,8 @@ require('../../../bottom-sheet');
 require('../../../modal/mobile');
 require('../../Component.js');
 require('../arrow/Component.js');
-require('../../Component-6276339a.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-4a0f00e5.js');
+require('../../Component-c28d8000.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-902c22f8.js');
 require('../field/Component.js');
 require('../optgroup/Component.js');
 require('../option/Component.js');
@@ -19,7 +19,7 @@ require('@alfalab/hooks');
 require('../../utils.js');
 require('../base-option/Component.js');
 require('../../../skeleton');
-require('../../intersection-observer-9e5235a0.js');
+require('../../intersection-observer-2c89c05a.js');
 require('../base-checkmark/Component.js');
 require('./checkmark/Component.js');
 require('./options-list/Component.js');

package/select/components/base-select-mobile/index.css

@@ -43,20 +43,10 @@
 }
 .select__sheetContent_1pm5k {
     padding: 0;
-    overflow: hidden;
 }
 .select__sheetContainer_1pm5k {
     padding: 0;
 }
-.select__modal_1pm5k {
-    overflow: hidden;
-}
-.select__optionsListWrapper_1pm5k {
-    overflow: hidden;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-}
 .select__block_1pm5k {
     width: 100%;
 }

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

@@ -1 +1 @@
-export * from "../../Component-4a0f00e5";
+export * from "../../Component-902c22f8";

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

@@ -1,5 +1,5 @@
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-4a0f00e5.js');
-require('../../tslib.es6-6f11dc9c.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-902c22f8.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('../arrow/Component.js');
 require('classnames');
@@ -9,7 +9,7 @@ require('downshift');
 require('../../../bottom-sheet');
 require('../../../modal/mobile');
 require('../../Component.js');
-require('../../Component-6276339a.js');
+require('../../Component-c28d8000.js');
 require('@juggle/resize-observer');
 require('../../../popover');
 require('@alfalab/hooks');
@@ -31,7 +31,7 @@ require('react-virtual');
 require('../base-option/Component.js');
 require('../base-checkmark/Component.js');
 require('../../../skeleton');
-require('../../intersection-observer-9e5235a0.js');
+require('../../intersection-observer-2c89c05a.js');
 require('../../../button');
 require('./options-list/Component.js');
 require('../../../base-modal');

package/select/components/base-select-mobile/options-list/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../../tslib.es6-6f11dc9c.js');
+var tslib_es6 = require('../../../tslib.es6-c37aac9e.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../../../../base-modal');

package/select/components/base-select-mobile/options-list/index.css

@@ -36,7 +36,6 @@
     width: 100%;
     outline: none;
     box-sizing: border-box;
-    overflow: auto;
 }
 .select__emptyPlaceholder_u5r7f {
     padding: var(--gap-m) var(--gap-s);

package/select/components/base-select-mobile/options-list/index.js

@@ -1,5 +1,5 @@
 var components_baseSelectMobile_optionsList_Component = require('./Component.js');
-require('../../../tslib.es6-6f11dc9c.js');
+require('../../../tslib.es6-c37aac9e.js');
 require('react');
 require('classnames');
 require('../../../../base-modal');

package/select/components/base-select-mobile/virtual-options-list/Component.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { OptionsListProps } from "../../../typings";
-declare const VirtualOptionsList: ({ flatOptions, highlightedIndex, size, className, Option, getOptionProps, options, Optgroup, dataTestId, emptyPlaceholder, showFooter, open, onApply, onClear, }: OptionsListProps) => JSX.Element | null;
+declare const VirtualOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
 export { VirtualOptionsList };

package/select/components/base-select-mobile/virtual-options-list/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../../tslib.es6-6f11dc9c.js');
+var tslib_es6 = require('../../../tslib.es6-c37aac9e.js');
 var React = require('react');
 var reactVirtual = require('react-virtual');
 var cn = require('classnames');
@@ -16,7 +16,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles = {"virtualOptionsList":"select__virtualOptionsList_ux6q8","inner":"select__inner_ux6q8","virtualRow":"select__virtualRow_ux6q8","highlighted":"select__highlighted_ux6q8","emptyPlaceholder":"select__emptyPlaceholder_ux6q8","l":"select__l_ux6q8","xl":"select__xl_ux6q8","footer":"select__footer_ux6q8","footerButton":"select__footerButton_ux6q8","footerHighlighted":"select__footerHighlighted_ux6q8"};
 require('./index.css');
 
-var VirtualOptionsList = function (_a) {
+var VirtualOptionsList = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.flatOptions, flatOptions = _c === void 0 ? [] : _c, _d = _a.highlightedIndex, highlightedIndex = _d === void 0 ? -1 : _d, _e = _a.size, size = _e === void 0 ? 's' : _e, className = _a.className, Option = _a.Option, getOptionProps = _a.getOptionProps, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.Optgroup, Optgroup = _g === void 0 ? components_optgroup_Component.Optgroup : _g, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, showFooter = _a.showFooter, open = _a.open, _h = _a.onApply, onApply = _h === void 0 ? function () { return null; } : _h, _j = _a.onClear, onClear = _j === void 0 ? function () { return null; } : _j;
     var _k = React.useContext(coreComponentsBaseModal.BaseModalContext), footerHighlighted = _k.footerHighlighted, setHasFooter = _k.setHasFooter;
@@ -24,8 +24,8 @@ var VirtualOptionsList = function (_a) {
         setHasFooter(true);
     }, [setHasFooter]);
     var listRef = React.useRef(null);
-    var parentRef = React.useRef(null);
     var prevHighlightedIndex = hooks.usePrevious(highlightedIndex) || -1;
+    var parentRef = ref && typeof ref === 'object' ? ref : listRef;
     var rowVirtualizer = reactVirtual.useVirtual({
         size: flatOptions.length,
         parentRef: parentRef,
@@ -91,20 +91,20 @@ var VirtualOptionsList = function (_a) {
                     transform: "translateY(".concat(virtualRow.start, "px)"),
                 } },
                 group && React__default.default.createElement(Optgroup, { label: group.label }),
-                !utils.isGroup(option) && React__default.default.createElement(Option, tslib_es6.__assign({}, getOptionProps(option, virtualRow.index)))));
+                !utils.isGroup(option) && (React__default.default.createElement(Option, tslib_es6.__assign({}, getOptionProps(option, virtualRow.index))))));
         });
     };
     if (options.length === 0 && !emptyPlaceholder) {
         return null;
     }
-    return (React__default.default.createElement("div", { className: cn__default.default(styles.virtualOptionsList, styles[size], className), "data-test-id": dataTestId, ref: parentRef },
+    return (React__default.default.createElement("div", { className: cn__default.default(styles.virtualOptionsList, styles[size], className), "data-test-id": dataTestId },
         React__default.default.createElement("div", tslib_es6.__assign({}, contentNodeProps), renderList()),
         emptyPlaceholder && options.length === 0 && (React__default.default.createElement("div", { className: styles.emptyPlaceholder }, emptyPlaceholder)),
         showFooter && (React__default.default.createElement("div", { className: cn__default.default(styles.footer, className, (_b = {},
-                _b[styles.highlighted] = footerHighlighted,
+                _b[styles.footerHighlighted] = footerHighlighted,
                 _b)) },
             React__default.default.createElement(coreComponentsButton.Button, { size: 's', view: 'primary', onClick: onApply, className: styles.footerButton }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
             React__default.default.createElement(coreComponentsButton.Button, { size: 's', view: 'secondary', onClick: onClear, className: styles.footerButton }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C")))));
-};
+});
 
 exports.VirtualOptionsList = VirtualOptionsList;

package/select/components/base-select-mobile/virtual-options-list/index.css

@@ -42,7 +42,6 @@
     outline: none;
     box-sizing: border-box;
     position: relative;
-    overflow: auto;
 }
 .select__inner_ux6q8 {
     position: relative;

package/select/components/base-select-mobile/virtual-options-list/index.js

@@ -1,5 +1,5 @@
 var components_baseSelectMobile_virtualOptionsList_Component = require('./Component.js');
-require('../../../tslib.es6-6f11dc9c.js');
+require('../../../tslib.es6-c37aac9e.js');
 require('react');
 require('react-virtual');
 require('classnames');

package/select/components/field/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-6f11dc9c.js');
+var tslib_es6 = require('../../tslib.es6-c37aac9e.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsFormControl = require('../../../form-control');

package/select/components/field/index.js

@@ -1,5 +1,5 @@
 var components_field_Component = require('./Component.js');
-require('../../tslib.es6-6f11dc9c.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('classnames');
 require('../../../form-control');

package/select/components/index.js

@@ -1,6 +1,6 @@
 var components_arrow_Component = require('./arrow/Component.js');
-var components_baseSelect_Component = require('../Component-6276339a.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-4a0f00e5.js');
+var components_baseSelect_Component = require('../Component-c28d8000.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-902c22f8.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');
@@ -10,7 +10,7 @@ var components_baseOption_Component = require('./base-option/Component.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../tslib.es6-6f11dc9c.js');
+require('../tslib.es6-c37aac9e.js');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
@@ -31,7 +31,7 @@ require('../../checkbox');
 require('../../scrollbar');
 require('react-virtual');
 require('../../skeleton');
-require('../intersection-observer-9e5235a0.js');
+require('../intersection-observer-2c89c05a.js');
 require('../../button');
 require('./base-checkmark/Component.js');
 require('./base-select-mobile/options-list/Component.js');

package/select/components/native-select/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-6f11dc9c.js');
+var tslib_es6 = require('../../tslib.es6-c37aac9e.js');
 var React = require('react');
 var utils = require('../../utils.js');
 

package/select/components/native-select/index.js

@@ -1,5 +1,5 @@
 var components_nativeSelect_Component = require('./Component.js');
-require('../../tslib.es6-6f11dc9c.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('../../utils.js');
 

package/select/components/option/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-6f11dc9c.js');
+var tslib_es6 = require('../../tslib.es6-c37aac9e.js');
 var React = require('react');
 var cn = require('classnames');
 var components_baseSelectMobile_checkmark_Component = require('../base-select-mobile/checkmark/Component.js');

package/select/components/option/index.js

@@ -1,5 +1,5 @@
 var components_option_Component = require('./Component.js');
-require('../../tslib.es6-6f11dc9c.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('classnames');
 require('../base-select-mobile/checkmark/Component.js');

package/select/components/options-list/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-6f11dc9c.js');
+var tslib_es6 = require('../../tslib.es6-c37aac9e.js');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');

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

@@ -1,5 +1,5 @@
 var components_optionsList_Component = require('./Component.js');
-require('../../tslib.es6-6f11dc9c.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

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

@@ -1,7 +1,7 @@
-require('../../tslib.es6-6f11dc9c.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('../arrow/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-4a0f00e5.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-902c22f8.js');
 require('../field/Component.js');
 require('../optgroup/Component.js');
 require('../option/Component.js');
@@ -12,7 +12,7 @@ require('downshift');
 require('../../../bottom-sheet');
 require('../../../modal/mobile');
 require('../../Component.js');
-require('../../Component-6276339a.js');
+require('../../Component-c28d8000.js');
 require('@juggle/resize-observer');
 require('../../../popover');
 require('@alfalab/hooks');
@@ -31,7 +31,7 @@ require('react-virtual');
 require('../base-option/Component.js');
 require('../base-checkmark/Component.js');
 require('../../../skeleton');
-require('../../intersection-observer-9e5235a0.js');
+require('../../intersection-observer-2c89c05a.js');
 require('../../../button');
 require('../base-select-mobile/options-list/Component.js');
 require('../../../base-modal');

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

@@ -1 +1 @@
-export * from "../../Component-4a0f00e5";
+export * from "../../Component-902c22f8";

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

@@ -1,5 +1,5 @@
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-4a0f00e5.js');
-require('../../tslib.es6-6f11dc9c.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-902c22f8.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('../arrow/Component.js');
 require('classnames');
@@ -9,7 +9,7 @@ require('downshift');
 require('../../../bottom-sheet');
 require('../../../modal/mobile');
 require('../../Component.js');
-require('../../Component-6276339a.js');
+require('../../Component-c28d8000.js');
 require('@juggle/resize-observer');
 require('../../../popover');
 require('@alfalab/hooks');
@@ -31,7 +31,7 @@ require('react-virtual');
 require('../base-option/Component.js');
 require('../base-checkmark/Component.js');
 require('../../../skeleton');
-require('../../intersection-observer-9e5235a0.js');
+require('../../intersection-observer-2c89c05a.js');
 require('../../../button');
 require('../base-select-mobile/options-list/Component.js');
 require('../../../base-modal');

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

@@ -1,7 +1,7 @@
-require('../../tslib.es6-6f11dc9c.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('../arrow/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-4a0f00e5.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-902c22f8.js');
 require('../field/Component.js');
 require('../optgroup/Component.js');
 require('../option/Component.js');
@@ -12,7 +12,7 @@ require('downshift');
 require('../../../bottom-sheet');
 require('../../../modal/mobile');
 require('../../Component.js');
-require('../../Component-6276339a.js');
+require('../../Component-c28d8000.js');
 require('@juggle/resize-observer');
 require('../../../popover');
 require('@alfalab/hooks');
@@ -31,7 +31,7 @@ require('react-virtual');
 require('../base-option/Component.js');
 require('../base-checkmark/Component.js');
 require('../../../skeleton');
-require('../../intersection-observer-9e5235a0.js');
+require('../../intersection-observer-2c89c05a.js');
 require('../../../button');
 require('../base-select-mobile/options-list/Component.js');
 require('../../../base-modal');

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

@@ -1 +1 @@
-export * from "../../Component-4a0f00e5";
+export * from "../../Component-902c22f8";

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

@@ -1,5 +1,5 @@
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-4a0f00e5.js');
-require('../../tslib.es6-6f11dc9c.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-902c22f8.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('../arrow/Component.js');
 require('classnames');
@@ -9,7 +9,7 @@ require('downshift');
 require('../../../bottom-sheet');
 require('../../../modal/mobile');
 require('../../Component.js');
-require('../../Component-6276339a.js');
+require('../../Component-c28d8000.js');
 require('@juggle/resize-observer');
 require('../../../popover');
 require('@alfalab/hooks');
@@ -31,7 +31,7 @@ require('react-virtual');
 require('../base-option/Component.js');
 require('../base-checkmark/Component.js');
 require('../../../skeleton');
-require('../../intersection-observer-9e5235a0.js');
+require('../../intersection-observer-2c89c05a.js');
 require('../../../button');
 require('../base-select-mobile/options-list/Component.js');
 require('../../../base-modal');

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

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-6f11dc9c.js');
+var tslib_es6 = require('../../tslib.es6-c37aac9e.js');
 var React = require('react');
 var reactVirtual = require('react-virtual');
 var cn = require('classnames');

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

@@ -1,5 +1,5 @@
 var components_virtualOptionsList_Component = require('./Component.js');
-require('../../tslib.es6-6f11dc9c.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('react-virtual');
 require('classnames');

package/select/cssm/{Component-0f60a5df.d.ts → Component-37ff9d21.d.ts}

@@ -21,8 +21,8 @@ type AdditionalMobileProps = {
      */
     bottomSheetProps?: Partial<BottomSheetProps>;
 };
-type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll" | "visibleOptions"> & AdditionalMobileProps;
-declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "visibleOptions" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
+type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
+declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
 type SelectMobileProps$0 = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
     /**
      * Футер
@@ -236,6 +236,6 @@ declare const Modal: React.ForwardRefExoticComponent<import("../../base-modal").
 } & React.RefAttributes<HTMLDivElement>>;
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 declare const ModalContext: import("react").Context<BaseModalContext>;
-type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll' | 'visibleOptions'>;
+type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'>;
 declare const SelectModalMobile: React.ForwardRefExoticComponent<SelectModalMobileProps & React.RefAttributes<unknown>>;
 export { AdditionalMobileProps, SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobile, Content, Modal, ResponsiveContext, ModalContext, SelectModalMobileProps, SelectModalMobile };

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

@@ -173,6 +173,7 @@ 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,
@@ -356,12 +357,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 }, bottomSheetProps),
-            React__default.default.createElement("div", tslib_es6.__assign({}, menuProps, { className: cn__default.default(styles__default$1.default.optionsListWrapper, 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 }))))) : (React__default.default.createElement(mobile.ModalMobile, { open: open, onClose: handleClose, className: styles__default$1.default.modal, contentClassName: styles__default$1.default.sheetContent, hasCloser: true },
+        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),
+            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(mobile.ModalMobile.Header, { hasCloser: true, title: placeholder, sticky: true }),
-            React__default.default.createElement("div", tslib_es6.__assign({}, menuProps, { className: cn__default.default(styles__default$1.default.optionsListWrapper, 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 })))))));
+            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 })))))));
 });
 
 var SelectMobile = React.forwardRef(function (_a, ref) {

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-0f60a5df.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-37ff9d21.js');
 require('../../form-control/cssm');
 require('./components/field/index.module.css');
 require('./components/optgroup/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-0f60a5df.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-37ff9d21.js');
 require('../field/Component.js');
 require('../optgroup/Component.js');
 require('../option/Component.js');

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

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

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

@@ -1,4 +1,4 @@
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-0f60a5df.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-37ff9d21.js');
 require('../../tslib.es6-0e9bf404.js');
 require('react');
 require('../arrow/Component.js');

package/select/cssm/components/base-select-mobile/index.module.css

@@ -42,20 +42,10 @@
 }
 .sheetContent {
     padding: 0;
-    overflow: hidden;
 }
 .sheetContainer {
     padding: 0;
 }
-.modal {
-    overflow: hidden;
-}
-.optionsListWrapper {
-    overflow: hidden;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-}
 .block {
     width: 100%;
 }

package/select/cssm/components/base-select-mobile/options-list/index.module.css

@@ -35,7 +35,6 @@
     width: 100%;
     outline: none;
     box-sizing: border-box;
-    overflow: auto;
 }
 .emptyPlaceholder {
     padding: var(--gap-m) var(--gap-s);

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { OptionsListProps } from "../../../typings";
-declare const VirtualOptionsList: ({ flatOptions, highlightedIndex, size, className, Option, getOptionProps, options, Optgroup, dataTestId, emptyPlaceholder, showFooter, open, onApply, onClear, }: OptionsListProps) => JSX.Element | null;
+declare const VirtualOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
 export { VirtualOptionsList };