@alfalab/core-components 41.4.0-beta.1 → 41.5.0

package/select/components/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_arrow_Component = require('./arrow/Component.js');
 var components_baseSelect_Component = require('./base-select/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-97dfa7b9.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-42354ffe.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');
@@ -18,7 +18,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('../../popover');
 require('@alfalab/hooks');
-require('../getDataTestId-cf4d6709.js');
+require('../getDataTestId-e9b1c785.js');
 require('../utils.js');
 require('./native-select/Component.js');
 require('../Component.js');
@@ -34,7 +34,8 @@ require('../../checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../skeleton');
-require('../intersection-observer-96f8d3e8.js');
+require('../intersection-observer-ae06dac6.js');
+require('../consts.js');
 require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('./checkmark/Component.js');
 require('./checkmark-mobile/Component.js');

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

@@ -6,6 +6,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsScrollbar = require('../../../scrollbar');
 var hooks = require('@alfalab/hooks');
+var consts = require('../../consts.js');
 var utils = require('../../utils.js');
 var components_optgroup_Component = require('../optgroup/Component.js');
 
@@ -25,7 +26,7 @@ var createCounter = function () {
 };
 var OptionsList = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.size, size = _c === void 0 ? 's' : _c, className = _a.className, optionGroupClassName = _a.optionGroupClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _d = _a.options, options = _d === void 0 ? [] : _d, _e = _a.Optgroup, Optgroup = _e === void 0 ? components_optgroup_Component.Optgroup : _e, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _f = _a.visibleOptions, visibleOptions = _f === void 0 ? 5 : _f, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar, _g = _a.flatOptions, flatOptions = _g === void 0 ? [] : _g;
+    var _c = _a.size, size = _c === void 0 ? 's' : _c, className = _a.className, optionGroupClassName = _a.optionGroupClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _d = _a.options, options = _d === void 0 ? [] : _d, _e = _a.Optgroup, Optgroup = _e === void 0 ? components_optgroup_Component.Optgroup : _e, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _f = _a.visibleOptions, visibleOptions = _f === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _f, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar, _g = _a.flatOptions, flatOptions = _g === void 0 ? [] : _g;
     var nativeScrollbar = hooks.useMedia([[true, '(max-width: 1023px)']], false)[0];
     nativeScrollbar = Boolean(nativeScrollbarProp !== null && nativeScrollbarProp !== void 0 ? nativeScrollbarProp : nativeScrollbar);
     var renderOption = function (option, index) { return (React__default.default.createElement(Option, tslib.__assign({ key: option.key }, getOptionProps(option, index)))); };

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

@@ -7,6 +7,7 @@ require('react-merge-refs');
 require('classnames');
 require('../../../scrollbar');
 require('@alfalab/hooks');
+require('../../consts.js');
 require('../../utils.js');
 require('../optgroup/Component.js');
 

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('tslib');
 require('react');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-97dfa7b9.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-42354ffe.js');
 require('../arrow/Component.js');
 require('../base-select-mobile/Component.js');
 require('../base-select-mobile/footer/Component.js');
@@ -19,7 +19,7 @@ require('classnames');
 require('downshift');
 require('../../../popover');
 require('@alfalab/hooks');
-require('../../getDataTestId-cf4d6709.js');
+require('../../getDataTestId-e9b1c785.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -31,8 +31,9 @@ require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../checkmark-mobile/Component.js');
 require('../../../scrollbar');
+require('../../consts.js');
 require('../../../skeleton');
-require('../../intersection-observer-96f8d3e8.js');
+require('../../intersection-observer-ae06dac6.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('../../../button');
 require('../../../bottom-sheet');

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

@@ -1 +1 @@
-export * from "../../Component-97dfa7b9";
+export * from "../../Component-42354ffe";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-97dfa7b9.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-42354ffe.js');
 require('tslib');
 require('react');
 require('../../Component.js');
@@ -13,7 +13,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('../../../popover');
 require('@alfalab/hooks');
-require('../../getDataTestId-cf4d6709.js');
+require('../../getDataTestId-e9b1c785.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 require('../field/Component.js');
@@ -28,6 +28,7 @@ require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../checkmark-mobile/Component.js');
 require('../options-list/Component.js');
 require('../../../scrollbar');
+require('../../consts.js');
 require('../base-select-mobile/Component.js');
 require('../../../bottom-sheet');
 require('../../../modal/mobile');
@@ -37,7 +38,7 @@ require('../../../button');
 require('../virtual-options-list/Component.js');
 require('react-virtual');
 require('../../../skeleton');
-require('../../intersection-observer-96f8d3e8.js');
+require('../../intersection-observer-ae06dac6.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 
 

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('tslib');
 require('react');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-97dfa7b9.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-42354ffe.js');
 require('../arrow/Component.js');
 require('../base-select-mobile/Component.js');
 require('../base-select-mobile/footer/Component.js');
@@ -19,7 +19,7 @@ require('classnames');
 require('downshift');
 require('../../../popover');
 require('@alfalab/hooks');
-require('../../getDataTestId-cf4d6709.js');
+require('../../getDataTestId-e9b1c785.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -31,8 +31,9 @@ require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../checkmark-mobile/Component.js');
 require('../../../scrollbar');
+require('../../consts.js');
 require('../../../skeleton');
-require('../../intersection-observer-96f8d3e8.js');
+require('../../intersection-observer-ae06dac6.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('../../../button');
 require('../../../bottom-sheet');

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

@@ -1 +1 @@
-export * from "../../Component-97dfa7b9";
+export * from "../../Component-42354ffe";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-97dfa7b9.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-42354ffe.js');
 require('tslib');
 require('react');
 require('../../Component.js');
@@ -13,7 +13,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('../../../popover');
 require('@alfalab/hooks');
-require('../../getDataTestId-cf4d6709.js');
+require('../../getDataTestId-e9b1c785.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 require('../field/Component.js');
@@ -28,6 +28,7 @@ require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../checkmark-mobile/Component.js');
 require('../options-list/Component.js');
 require('../../../scrollbar');
+require('../../consts.js');
 require('../base-select-mobile/Component.js');
 require('../../../bottom-sheet');
 require('../../../modal/mobile');
@@ -37,7 +38,7 @@ require('../../../button');
 require('../virtual-options-list/Component.js');
 require('react-virtual');
 require('../../../skeleton');
-require('../../intersection-observer-96f8d3e8.js');
+require('../../intersection-observer-ae06dac6.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 
 

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

@@ -7,6 +7,7 @@ var reactVirtual = require('react-virtual');
 var cn = require('classnames');
 var coreComponentsScrollbar = require('../../../scrollbar');
 var hooks = require('@alfalab/hooks');
+var consts = require('../../consts.js');
 var utils = require('../../utils.js');
 var components_optgroup_Component = require('../optgroup/Component.js');
 
@@ -21,7 +22,7 @@ require('./index.css');
 
 var VirtualOptionsList = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.size, size = _c === void 0 ? 's' : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.highlightedIndex, highlightedIndex = _e === void 0 ? -1 : _e, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _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, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? 5 : _h, header = _a.header, footer = _a.footer, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar;
+    var _c = _a.size, size = _c === void 0 ? 's' : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.highlightedIndex, highlightedIndex = _e === void 0 ? -1 : _e, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _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, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _h, header = _a.header, footer = _a.footer, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar;
     var listRef = React.useRef(null);
     var parentRef = React.useRef(null);
     var scrollbarRef = React.useRef(null);

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

@@ -8,6 +8,7 @@ require('react-virtual');
 require('classnames');
 require('../../../scrollbar');
 require('@alfalab/hooks');
+require('../../consts.js');
 require('../../utils.js');
 require('../optgroup/Component.js');
 

package/select/consts.d.ts

@@ -0,0 +1,2 @@
+declare const DEFAULT_VISIBLE_OPTIONS = 5;
+export { DEFAULT_VISIBLE_OPTIONS };

package/select/consts.js

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DEFAULT_VISIBLE_OPTIONS = 5;
+
+exports.DEFAULT_VISIBLE_OPTIONS = DEFAULT_VISIBLE_OPTIONS;

package/select/cssm/{Component-d168a54e.js → Component-f86f43e3.js}

@@ -31,6 +31,7 @@ require('../../skeleton/cssm');
 require('./presets/useSelectWithLoading/index.module.css');
 require('./presets/useLazyLoading/index.module.css');
 require('./intersection-observer-9ec5cf59.js');
+var consts = require('./consts.js');
 var presets_useSelectWithApply_optionsListWithApply_footer_Component = require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -38,7 +39,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var OptionsListWithApply = React.forwardRef(function (_a, ref) {
-    var toggleMenu = _a.toggleMenu, defaultGetOptionProps = _a.getOptionProps, _b = _a.showClear, showClear = _b === void 0 ? true : _b, _c = _a.selectedDraft, selectedDraft = _c === void 0 ? [] : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.OptionsList, OptionsList = _e === void 0 ? components_optionsList_Component.OptionsList : _e, _f = _a.onApply, onApply = _f === void 0 ? function () { return null; } : _f, _g = _a.onClear, onClear = _g === void 0 ? function () { return null; } : _g, _h = _a.onClose, onClose = _h === void 0 ? function () { return null; } : _h, _j = _a.visibleOptions, visibleOptions = _j === void 0 ? 5 : _j, _k = _a.Footer, Footer = _k === void 0 ? presets_useSelectWithApply_optionsListWithApply_footer_Component.Footer : _k, restProps = tslib.__rest(_a, ["toggleMenu", "getOptionProps", "showClear", "selectedDraft", "flatOptions", "OptionsList", "onApply", "onClear", "onClose", "visibleOptions", "Footer"]);
+    var toggleMenu = _a.toggleMenu, defaultGetOptionProps = _a.getOptionProps, _b = _a.showClear, showClear = _b === void 0 ? true : _b, _c = _a.selectedDraft, selectedDraft = _c === void 0 ? [] : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.OptionsList, OptionsList = _e === void 0 ? components_optionsList_Component.OptionsList : _e, _f = _a.onApply, onApply = _f === void 0 ? function () { return null; } : _f, _g = _a.onClear, onClear = _g === void 0 ? function () { return null; } : _g, _h = _a.onClose, onClose = _h === void 0 ? function () { return null; } : _h, _j = _a.visibleOptions, visibleOptions = _j === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _j, _k = _a.Footer, Footer = _k === void 0 ? presets_useSelectWithApply_optionsListWithApply_footer_Component.Footer : _k, restProps = tslib.__rest(_a, ["toggleMenu", "getOptionProps", "showClear", "selectedDraft", "flatOptions", "OptionsList", "onApply", "onClear", "onClose", "visibleOptions", "Footer"]);
     var getOptionProps = React.useCallback(function (option, index) {
         var optionProps = defaultGetOptionProps(option, index);
         var selected = option.key === SELECT_ALL_KEY

package/select/cssm/Component.js

@@ -33,6 +33,7 @@ require('./components/checkmark-mobile/Component.js');
 require('./components/checkmark-mobile/index.module.css');
 require('./components/option/index.module.css');
 require('../../scrollbar/cssm');
+require('./consts.js');
 require('./components/options-list/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/select/cssm/Component.responsive.js

@@ -8,7 +8,7 @@ require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('./components/arrow/index.module.css');
 require('./components/base-select/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-d168a54e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-f86f43e3.js');
 require('../../form-control/cssm');
 require('./components/field/index.module.css');
 require('./components/optgroup/index.module.css');
@@ -49,6 +49,7 @@ require('../../skeleton/cssm');
 require('./presets/useSelectWithLoading/index.module.css');
 require('./presets/useLazyLoading/index.module.css');
 require('./intersection-observer-9ec5cf59.js');
+require('./consts.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
 require('../../scrollbar/cssm');

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

@@ -31,6 +31,7 @@ require('../checkmark-mobile/Component.js');
 require('../checkmark-mobile/index.module.css');
 require('../option/index.module.css');
 require('../../../../scrollbar/cssm');
+require('../../consts.js');
 require('../options-list/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

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

@@ -31,6 +31,7 @@ require('../checkmark-mobile/index.module.css');
 require('../option/index.module.css');
 require('../options-list/Component.js');
 require('../../../../scrollbar/cssm');
+require('../../consts.js');
 require('../options-list/index.module.css');
 require('./index.module.css');
 

package/select/cssm/components/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_arrow_Component = require('./arrow/Component.js');
 var components_baseSelect_Component = require('./base-select/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-d168a54e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-f86f43e3.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');
@@ -48,6 +48,7 @@ require('../../../skeleton/cssm');
 require('../presets/useSelectWithLoading/index.module.css');
 require('../presets/useLazyLoading/index.module.css');
 require('../intersection-observer-9ec5cf59.js');
+require('../consts.js');
 require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('../presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
 require('./checkmark/Component.js');

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

@@ -6,6 +6,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsScrollbar = require('../../../../scrollbar/cssm');
 var hooks = require('@alfalab/hooks');
+var consts = require('../../consts.js');
 var utils = require('../../utils.js');
 var components_optgroup_Component = require('../optgroup/Component.js');
 var styles = require('./index.module.css');
@@ -25,7 +26,7 @@ var createCounter = function () {
 };
 var OptionsList = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.size, size = _c === void 0 ? 's' : _c, className = _a.className, optionGroupClassName = _a.optionGroupClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _d = _a.options, options = _d === void 0 ? [] : _d, _e = _a.Optgroup, Optgroup = _e === void 0 ? components_optgroup_Component.Optgroup : _e, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _f = _a.visibleOptions, visibleOptions = _f === void 0 ? 5 : _f, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar, _g = _a.flatOptions, flatOptions = _g === void 0 ? [] : _g;
+    var _c = _a.size, size = _c === void 0 ? 's' : _c, className = _a.className, optionGroupClassName = _a.optionGroupClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _d = _a.options, options = _d === void 0 ? [] : _d, _e = _a.Optgroup, Optgroup = _e === void 0 ? components_optgroup_Component.Optgroup : _e, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _f = _a.visibleOptions, visibleOptions = _f === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _f, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar, _g = _a.flatOptions, flatOptions = _g === void 0 ? [] : _g;
     var nativeScrollbar = hooks.useMedia([[true, '(max-width: 1023px)']], false)[0];
     nativeScrollbar = Boolean(nativeScrollbarProp !== null && nativeScrollbarProp !== void 0 ? nativeScrollbarProp : nativeScrollbar);
     var renderOption = function (option, index) { return (React__default.default.createElement(Option, tslib.__assign({ key: option.key }, getOptionProps(option, index)))); };

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

@@ -7,6 +7,7 @@ require('react-merge-refs');
 require('classnames');
 require('../../../../scrollbar/cssm');
 require('@alfalab/hooks');
+require('../../consts.js');
 require('../../utils.js');
 require('../optgroup/Component.js');
 require('../optgroup/index.module.css');

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('tslib');
 require('react');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-d168a54e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-f86f43e3.js');
 require('../arrow/Component.js');
 require('../base-select-mobile/Component.js');
 require('../base-select-mobile/footer/Component.js');
@@ -38,6 +38,7 @@ require('../checkmark-mobile/Component.js');
 require('../checkmark-mobile/index.module.css');
 require('../option/index.module.css');
 require('../../../../scrollbar/cssm');
+require('../../consts.js');
 require('../options-list/index.module.css');
 require('../base-checkmark/index.module.css');
 require('../base-option/index.module.css');

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

@@ -1 +1 @@
-export * from "../../Component-d168a54e";
+export * from "../../Component-f86f43e3";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-d168a54e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-f86f43e3.js');
 require('tslib');
 require('react');
 require('../../Component.js');
@@ -35,6 +35,7 @@ require('../checkmark-mobile/index.module.css');
 require('../option/index.module.css');
 require('../options-list/Component.js');
 require('../../../../scrollbar/cssm');
+require('../../consts.js');
 require('../options-list/index.module.css');
 require('../base-select-mobile/Component.js');
 require('../../../../bottom-sheet/cssm');

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('tslib');
 require('react');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-d168a54e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-f86f43e3.js');
 require('../arrow/Component.js');
 require('../base-select-mobile/Component.js');
 require('../base-select-mobile/footer/Component.js');
@@ -38,6 +38,7 @@ require('../checkmark-mobile/Component.js');
 require('../checkmark-mobile/index.module.css');
 require('../option/index.module.css');
 require('../../../../scrollbar/cssm');
+require('../../consts.js');
 require('../options-list/index.module.css');
 require('../base-checkmark/index.module.css');
 require('../base-option/index.module.css');

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

@@ -1 +1 @@
-export * from "../../Component-d168a54e";
+export * from "../../Component-f86f43e3";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-d168a54e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-f86f43e3.js');
 require('tslib');
 require('react');
 require('../../Component.js');
@@ -35,6 +35,7 @@ require('../checkmark-mobile/index.module.css');
 require('../option/index.module.css');
 require('../options-list/Component.js');
 require('../../../../scrollbar/cssm');
+require('../../consts.js');
 require('../options-list/index.module.css');
 require('../base-select-mobile/Component.js');
 require('../../../../bottom-sheet/cssm');

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

@@ -7,6 +7,7 @@ var reactVirtual = require('react-virtual');
 var cn = require('classnames');
 var coreComponentsScrollbar = require('../../../../scrollbar/cssm');
 var hooks = require('@alfalab/hooks');
+var consts = require('../../consts.js');
 var utils = require('../../utils.js');
 var components_optgroup_Component = require('../optgroup/Component.js');
 var styles = require('./index.module.css');
@@ -21,7 +22,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var VirtualOptionsList = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.size, size = _c === void 0 ? 's' : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.highlightedIndex, highlightedIndex = _e === void 0 ? -1 : _e, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _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, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? 5 : _h, header = _a.header, footer = _a.footer, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar;
+    var _c = _a.size, size = _c === void 0 ? 's' : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.highlightedIndex, highlightedIndex = _e === void 0 ? -1 : _e, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _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, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _h, header = _a.header, footer = _a.footer, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar;
     var listRef = React.useRef(null);
     var parentRef = React.useRef(null);
     var scrollbarRef = React.useRef(null);

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

@@ -8,6 +8,7 @@ require('react-virtual');
 require('classnames');
 require('../../../../scrollbar/cssm');
 require('@alfalab/hooks');
+require('../../consts.js');
 require('../../utils.js');
 require('../optgroup/Component.js');
 require('../optgroup/index.module.css');

package/select/cssm/consts.d.ts

@@ -0,0 +1,2 @@
+declare const DEFAULT_VISIBLE_OPTIONS = 5;
+export { DEFAULT_VISIBLE_OPTIONS };

package/select/cssm/consts.js

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DEFAULT_VISIBLE_OPTIONS = 5;
+
+exports.DEFAULT_VISIBLE_OPTIONS = DEFAULT_VISIBLE_OPTIONS;

package/select/cssm/hook-4b555174.d.ts

@@ -36,7 +36,9 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined;
         selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./index").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        OptionsList?: import("react").FC<import("./index").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined; /**
+         * Пропсы, которые будут прокинуты в компонент списка
+         */
         Footer?: import("react").FC<import("./presets/useSelectWithApply/options-list-with-apply/footer/Component").FooterProps> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {

package/select/cssm/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var Component = require('./Component.js');
 var components_arrow_Component = require('./components/arrow/Component.js');
 var components_baseSelect_Component = require('./components/base-select/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-d168a54e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-f86f43e3.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');
@@ -50,6 +50,7 @@ require('../../skeleton/cssm');
 require('./presets/useSelectWithLoading/index.module.css');
 require('./presets/useLazyLoading/index.module.css');
 require('./intersection-observer-9ec5cf59.js');
+require('./consts.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
 require('./components/checkmark/Component.js');

package/select/cssm/presets/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-d168a54e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-f86f43e3.js');
 require('tslib');
 require('react');
 require('../../../skeleton/cssm');
@@ -41,6 +41,7 @@ require('../components/optgroup/Component.js');
 require('../components/optgroup/index.module.css');
 require('../components/options-list/Component.js');
 require('../../../scrollbar/cssm');
+require('../consts.js');
 require('../components/options-list/index.module.css');
 require('../components/base-select-mobile/Component.js');
 require('../../../bottom-sheet/cssm');

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

@@ -7,7 +7,7 @@ require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../components/arrow/index.module.css');
 require('../../components/base-select/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-d168a54e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-f86f43e3.js');
 require('../../../../form-control/cssm');
 require('@alfalab/hooks');
 require('../../utils.js');
@@ -42,6 +42,7 @@ require('../../getDataTestId-5c876d98.js');
 require('../../components/native-select/Component.js');
 require('../../components/base-select/index.module.css');
 require('../../../../scrollbar/cssm');
+require('../../consts.js');
 require('../../components/options-list/index.module.css');
 require('../../components/base-select-mobile/Component.js');
 require('../../../../bottom-sheet/cssm');

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

@@ -3,7 +3,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('../../../components/options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-d168a54e.js');
+require('../../../consts.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-f86f43e3.js');
 require('./footer/Component.js');
 require('react-merge-refs');
 require('classnames');

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

@@ -1 +1 @@
-export * from "../../../Component-d168a54e";
+export * from "../../../Component-f86f43e3";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-d168a54e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-f86f43e3.js');
 require('tslib');
 require('react');
 require('../../../Component.js');
@@ -35,6 +35,7 @@ require('../../../components/checkmark-mobile/index.module.css');
 require('../../../components/option/index.module.css');
 require('../../../components/options-list/Component.js');
 require('../../../../../scrollbar/cssm');
+require('../../../consts.js');
 require('../../../components/options-list/index.module.css');
 require('../../../components/base-select-mobile/Component.js');
 require('../../../../../bottom-sheet/cssm');

package/select/cssm/responsive.js

@@ -35,8 +35,9 @@ require('./components/checkmark-mobile/index.module.css');
 require('./components/option/index.module.css');
 require('./components/options-list/Component.js');
 require('../../scrollbar/cssm');
+require('./consts.js');
 require('./components/options-list/index.module.css');
-require('./Component-d168a54e.js');
+require('./Component-f86f43e3.js');
 require('./components/base-select-mobile/Component.js');
 require('../../bottom-sheet/cssm');
 require('../../modal/cssm/mobile');

package/select/cssm/utils.js

@@ -55,13 +55,17 @@ function useVisibleOptions(_a) {
         var list = listRef.current;
         var styleTarget = styleTargetRef.current;
         if (open && list && styleTarget && visibleOptions > 0) {
+            var childCount = list.children.length;
             var optionsNodes = [].slice.call(list.children, 0, visibleOptions + 1);
             var height = optionsNodes
                 .slice(0, visibleOptions)
                 .reduce(function (acc, child) { return acc + child.clientHeight; }, 0);
-            if (visibleOptions < list.children.length) {
-                // Добавляем половинку
-                height += Math.round(optionsNodes[optionsNodes.length - 1].clientHeight / 2);
+            if (visibleOptions < childCount) {
+                var lastVisibleOptionHeight = optionsNodes[optionsNodes.length - 1].clientHeight;
+                // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку
+                height += Math.round(childCount - visibleOptions === 1
+                    ? lastVisibleOptionHeight
+                    : lastVisibleOptionHeight / 2);
             }
             styleTarget.style.height = "".concat(height, "px");
         }