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

package/select/esm/{Component-557940f3.js → Component-7629765c.js}

@@ -20,7 +20,8 @@ import '../../checkbox/esm';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../skeleton/esm';
-import './intersection-observer-22cae339.js';
+import './intersection-observer-e13952d2.js';
+import { DEFAULT_VISIBLE_OPTIONS } from './consts.js';
 import { Footer as Footer$1 } from './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
@@ -30,7 +31,7 @@ import './components/native-select/Component.js';
 import './components/checkmark/Component.js';
 import './components/checkmark-mobile/Component.js';
 import '../../scrollbar/esm';
-import './getDataTestId-bb936fa6.js';
+import './getDataTestId-1b8247c6.js';
 import '../../bottom-sheet/esm';
 import '../../modal/esm/mobile';
 import '../../base-modal/esm';
@@ -38,7 +39,7 @@ import '../../button/esm';
 import 'react-virtual';
 
 var OptionsListWithApply = 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$1 = _e === void 0 ? 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$1$1 = _k === void 0 ? Footer$1 : _k, restProps = __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$1 = _e === void 0 ? 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 ? DEFAULT_VISIBLE_OPTIONS : _j, _k = _a.Footer, Footer$1$1 = _k === void 0 ? Footer$1 : _k, restProps = __rest(_a, ["toggleMenu", "getOptionProps", "showClear", "selectedDraft", "flatOptions", "OptionsList", "onApply", "onClear", "onClose", "visibleOptions", "Footer"]);
     var getOptionProps = useCallback(function (option, index) {
         var optionProps = defaultGetOptionProps(option, index);
         var selected = option.key === SELECT_ALL_KEY

package/select/esm/Component.js

@@ -22,8 +22,9 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import './components/checkmark-mobile/Component.js';
 import '../../scrollbar/esm';
-import './getDataTestId-bb936fa6.js';
+import './getDataTestId-1b8247c6.js';
 import './utils.js';
+import './consts.js';
 
 var Select = forwardRef(function (_a, ref) {
     var _b = _a.Arrow, Arrow$1 = _b === void 0 ? Arrow : _b, _c = _a.Field, Field$1 = _c === void 0 ? Field : _c, _d = _a.OptionsList, OptionsList$1 = _d === void 0 ? OptionsList : _d, _e = _a.Optgroup, Optgroup$1 = _e === void 0 ? Optgroup : _e, _f = _a.Option, Option$1 = _f === void 0 ? Option : _f, restProps = __rest(_a, ["Arrow", "Field", "OptionsList", "Optgroup", "Option"]);

package/select/esm/Component.responsive.js

@@ -5,7 +5,7 @@ import { Select } from './Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import './components/base-select/Component.js';
-import { S as SelectMobile } from './Component-557940f3.js';
+import { S as SelectMobile } from './Component-7629765c.js';
 import '../../form-control/esm';
 import '../../badge/esm';
 import '../../checkbox/esm';
@@ -31,12 +31,13 @@ import './components/base-select-mobile/footer/Component.js';
 import '../../base-modal/esm';
 import '../../button/esm';
 import '../../skeleton/esm';
-import './intersection-observer-22cae339.js';
+import './intersection-observer-e13952d2.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../scrollbar/esm';
 import 'react-virtual';
-import './getDataTestId-bb936fa6.js';
+import './getDataTestId-1b8247c6.js';
 import './utils.js';
+import './consts.js';
 
 var SelectResponsive = forwardRef(function (_a, ref) {
     var footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, OptionsList = _a.OptionsList, onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["footer", "swipeable", "bottomSheetProps", "OptionsList", "onScroll", "fieldProps", "breakpoint"]);

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

@@ -6,7 +6,7 @@ import cn from 'classnames';
 import { useMultipleSelection, useCombobox } from 'downshift';
 import { Popover } from '../../../../popover/esm';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
-import { g as getDataTestId } from '../../getDataTestId-bb936fa6.js';
+import { g as getDataTestId } from '../../getDataTestId-1b8247c6.js';
 import { processOptions } from '../../utils.js';
 import { NativeSelect } from '../native-select/Component.js';
 

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

@@ -8,5 +8,5 @@ import 'downshift';
 import '../../../../popover/esm';
 import '@alfalab/hooks';
 import '../native-select/Component.js';
-import '../../getDataTestId-bb936fa6.js';
+import '../../getDataTestId-1b8247c6.js';
 import '../../utils.js';

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

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { useMultipleSelection, useCombobox } from 'downshift';
 import { BottomSheet } from '../../../../bottom-sheet/esm';
 import { ModalMobile } from '../../../../modal/esm/mobile';
-import { g as getDataTestId } from '../../getDataTestId-bb936fa6.js';
+import { g as getDataTestId } from '../../getDataTestId-1b8247c6.js';
 import { processOptions } from '../../utils.js';
 import { Arrow } from '../arrow/Component.js';
 import { Field } from '../field/Component.js';
@@ -22,6 +22,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../checkmark-mobile/Component.js';
 import '../../../../scrollbar/esm';
+import '../../consts.js';
 
 var styles = {"component":"select__component_3sio6","sheet":"select__sheet_3sio6","sheetContent":"select__sheetContent_3sio6","sheetContainer":"select__sheetContainer_3sio6","block":"select__block_3sio6","option":"select__option_3sio6","optionGroup":"select__optionGroup_3sio6"};
 require('./index.css');

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

@@ -21,5 +21,6 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../checkmark-mobile/Component.js';
 import '../options-list/Component.js';
 import '../../../../scrollbar/esm';
-import '../../getDataTestId-bb936fa6.js';
+import '../../getDataTestId-1b8247c6.js';
 import '../../utils.js';
+import '../../consts.js';

package/select/esm/components/index.js

@@ -1,6 +1,6 @@
 export { Arrow } from './arrow/Component.js';
 export { BaseSelect } from './base-select/Component.js';
-export { S as SelectMobile, a as SelectModalMobile } from '../Component-557940f3.js';
+export { S as SelectMobile, a as SelectModalMobile } from '../Component-7629765c.js';
 export { Field } from './field/Component.js';
 export { Optgroup } from './optgroup/Component.js';
 export { Option } from './option/Component.js';
@@ -30,12 +30,13 @@ import '../../../checkbox/esm';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../../skeleton/esm';
-import '../intersection-observer-22cae339.js';
+import '../intersection-observer-e13952d2.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import './checkmark/Component.js';
 import './checkmark-mobile/Component.js';
 import '../../../scrollbar/esm';
 import 'react-virtual';
 import './base-checkmark/Component.js';
-import '../getDataTestId-bb936fa6.js';
+import '../getDataTestId-1b8247c6.js';
 import '../utils.js';
+import '../consts.js';

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

@@ -4,6 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Scrollbar } from '../../../../scrollbar/esm';
 import { useMedia } from '@alfalab/hooks';
+import { DEFAULT_VISIBLE_OPTIONS } from '../../consts.js';
 import { useVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 
@@ -17,7 +18,7 @@ var createCounter = function () {
 };
 var OptionsList = 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$1 = _e === void 0 ? 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$1 = _e === void 0 ? Optgroup : _e, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _f = _a.visibleOptions, visibleOptions = _f === void 0 ? 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 = useMedia([[true, '(max-width: 1023px)']], false)[0];
     nativeScrollbar = Boolean(nativeScrollbarProp !== null && nativeScrollbarProp !== void 0 ? nativeScrollbarProp : nativeScrollbar);
     var renderOption = function (option, index) { return (React.createElement(Option, __assign({ key: option.key }, getOptionProps(option, index)))); };

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

@@ -6,4 +6,5 @@ import 'classnames';
 import '../../../../scrollbar/esm';
 import '@alfalab/hooks';
 import '../optgroup/Component.js';
+import '../../consts.js';
 import '../../utils.js';

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

@@ -1,6 +1,6 @@
 import 'tslib';
 import 'react';
-export { S as SelectMobile } from '../../Component-557940f3.js';
+export { S as SelectMobile } from '../../Component-7629765c.js';
 import '../arrow/Component.js';
 import '../base-select-mobile/Component.js';
 import '../base-select-mobile/footer/Component.js';
@@ -28,7 +28,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../checkmark-mobile/Component.js';
 import '../../../../scrollbar/esm';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-22cae339.js';
+import '../../intersection-observer-e13952d2.js';
 import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../../button/esm';
 import '../../../../bottom-sheet/esm';
@@ -36,4 +36,5 @@ import '../../../../modal/esm/mobile';
 import '../../../../base-modal/esm';
 import 'react-virtual';
 import '../../utils.js';
-import '../../getDataTestId-bb936fa6.js';
+import '../../consts.js';
+import '../../getDataTestId-1b8247c6.js';

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

@@ -1 +1 @@
-export * from "../../Component-557940f3";
+export * from "../../Component-7629765c";

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

@@ -1,4 +1,4 @@
-export { S as SelectMobile } from '../../Component-557940f3.js';
+export { S as SelectMobile } from '../../Component-7629765c.js';
 import 'tslib';
 import 'react';
 import '../../Component.js';
@@ -33,7 +33,8 @@ import '../../../../button/esm';
 import '../virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-22cae339.js';
+import '../../intersection-observer-e13952d2.js';
 import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../utils.js';
-import '../../getDataTestId-bb936fa6.js';
+import '../../consts.js';
+import '../../getDataTestId-1b8247c6.js';

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

@@ -1,6 +1,6 @@
 import 'tslib';
 import 'react';
-export { a as SelectModalMobile } from '../../Component-557940f3.js';
+export { a as SelectModalMobile } from '../../Component-7629765c.js';
 import '../arrow/Component.js';
 import '../base-select-mobile/Component.js';
 import '../base-select-mobile/footer/Component.js';
@@ -28,7 +28,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../checkmark-mobile/Component.js';
 import '../../../../scrollbar/esm';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-22cae339.js';
+import '../../intersection-observer-e13952d2.js';
 import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../../button/esm';
 import '../../../../bottom-sheet/esm';
@@ -36,4 +36,5 @@ import '../../../../modal/esm/mobile';
 import '../../../../base-modal/esm';
 import 'react-virtual';
 import '../../utils.js';
-import '../../getDataTestId-bb936fa6.js';
+import '../../consts.js';
+import '../../getDataTestId-1b8247c6.js';

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

@@ -1 +1 @@
-export * from "../../Component-557940f3";
+export * from "../../Component-7629765c";

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

@@ -1,4 +1,4 @@
-export { a as SelectModalMobile } from '../../Component-557940f3.js';
+export { a as SelectModalMobile } from '../../Component-7629765c.js';
 import 'tslib';
 import 'react';
 import '../../Component.js';
@@ -33,7 +33,8 @@ import '../../../../button/esm';
 import '../virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-22cae339.js';
+import '../../intersection-observer-e13952d2.js';
 import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../utils.js';
-import '../../getDataTestId-bb936fa6.js';
+import '../../consts.js';
+import '../../getDataTestId-1b8247c6.js';

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

@@ -5,6 +5,7 @@ import { useVirtual } from 'react-virtual';
 import cn from 'classnames';
 import { Scrollbar } from '../../../../scrollbar/esm';
 import { useMedia } from '@alfalab/hooks';
+import { DEFAULT_VISIBLE_OPTIONS } from '../../consts.js';
 import { usePrevious, lastIndexOf, useVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 
@@ -13,7 +14,7 @@ require('./index.css');
 
 var VirtualOptionsList = 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$1 = _g === void 0 ? 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$1 = _g === void 0 ? Optgroup : _g, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? DEFAULT_VISIBLE_OPTIONS : _h, header = _a.header, footer = _a.footer, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar;
     var listRef = useRef(null);
     var parentRef = useRef(null);
     var scrollbarRef = useRef(null);

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

@@ -7,4 +7,5 @@ import 'classnames';
 import '../../../../scrollbar/esm';
 import '@alfalab/hooks';
 import '../optgroup/Component.js';
+import '../../consts.js';
 import '../../utils.js';

package/select/esm/consts.d.ts

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

package/select/esm/consts.js

@@ -0,0 +1,3 @@
+var DEFAULT_VISIBLE_OPTIONS = 5;
+
+export { DEFAULT_VISIBLE_OPTIONS };

package/select/esm/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/esm/index-3885b0d7.d.ts

@@ -1,3 +1,3 @@
 declare const isClient: () => boolean;
 export { isClient };
-export * from "./getDataTestId-bb936fa6";
+export * from "./getDataTestId-1b8247c6";

package/select/esm/index.js

@@ -1,7 +1,7 @@
 export { Select } from './Component.js';
 export { Arrow } from './components/arrow/Component.js';
 export { BaseSelect } from './components/base-select/Component.js';
-export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-557940f3.js';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-7629765c.js';
 export { Field } from './components/field/Component.js';
 export { Optgroup } from './components/optgroup/Component.js';
 export { Option } from './components/option/Component.js';
@@ -33,11 +33,12 @@ import '../../checkbox/esm';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../skeleton/esm';
-import './intersection-observer-22cae339.js';
+import './intersection-observer-e13952d2.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import './components/checkmark/Component.js';
 import './components/checkmark-mobile/Component.js';
 import '../../scrollbar/esm';
 import 'react-virtual';
 import './components/base-checkmark/Component.js';
-import './getDataTestId-bb936fa6.js';
+import './getDataTestId-1b8247c6.js';
+import './consts.js';

package/select/esm/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-557940f3.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-7629765c.js';
 import 'tslib';
 import 'react';
 import '../../../skeleton/esm';
@@ -12,7 +12,7 @@ import '../../../checkbox/esm';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark-mobile/Component.js';
-import '../intersection-observer-22cae339.js';
+import '../intersection-observer-e13952d2.js';
 import '../Component.js';
 import '../components/arrow/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -38,4 +38,5 @@ import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
 import './useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../utils.js';
-import '../getDataTestId-bb936fa6.js';
+import '../consts.js';
+import '../getDataTestId-1b8247c6.js';

package/select/esm/presets/useLazyLoading/hook.js

@@ -2,7 +2,7 @@ import { __spreadArray, __assign } from 'tslib';
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import { Skeleton } from '../../../../skeleton/esm';
 import { Option } from '../../components/option/Component.js';
-import '../../intersection-observer-22cae339.js';
+import '../../intersection-observer-e13952d2.js';
 import 'classnames';
 import '../../components/checkmark/Component.js';
 import '../../../../badge/esm';

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

@@ -4,7 +4,7 @@ import '../../Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '../../components/base-select/Component.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-557940f3.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-7629765c.js';
 import '../../../../form-control/esm';
 import '@alfalab/hooks';
 import '../../../../badge/esm';
@@ -14,7 +14,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/options-list/Component.js';
 import '../../components/virtual-options-list/Component.js';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-22cae339.js';
+import '../../intersection-observer-e13952d2.js';
 import '../../components/arrow/Component.js';
 import '../../components/field/Component.js';
 import '../../components/optgroup/Component.js';
@@ -35,5 +35,6 @@ import '../../../../base-modal/esm';
 import '../../../../button/esm';
 import './options-list-with-apply/footer/Component.js';
 import 'react-virtual';
-import '../../getDataTestId-bb936fa6.js';
+import '../../getDataTestId-1b8247c6.js';
 import '../../utils.js';
+import '../../consts.js';

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

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../Component-557940f3.js';
+export { O as OptionsListWithApply } from '../../../Component-7629765c.js';
 import './footer/Component.js';
 import 'react-merge-refs';
 import 'classnames';
@@ -34,6 +34,7 @@ import '../../../../../button/esm';
 import '../../../components/virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../../../../skeleton/esm';
-import '../../../intersection-observer-22cae339.js';
+import '../../../intersection-observer-e13952d2.js';
+import '../../../consts.js';
 import '../../../utils.js';
-import '../../../getDataTestId-bb936fa6.js';
+import '../../../getDataTestId-1b8247c6.js';

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

@@ -1 +1 @@
-export * from "../../../Component-557940f3";
+export * from "../../../Component-7629765c";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../Component-557940f3.js';
+export { O as OptionsListWithApply } from '../../../Component-7629765c.js';
 import 'tslib';
 import 'react';
 import '../../../Component.js';
@@ -33,7 +33,8 @@ import '../../../../../button/esm';
 import '../../../components/virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../../../../skeleton/esm';
-import '../../../intersection-observer-22cae339.js';
+import '../../../intersection-observer-e13952d2.js';
 import './footer/Component.js';
 import '../../../utils.js';
-import '../../../getDataTestId-bb936fa6.js';
+import '../../../consts.js';
+import '../../../getDataTestId-1b8247c6.js';

package/select/esm/responsive.js

@@ -24,7 +24,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import './components/checkmark-mobile/Component.js';
 import './components/options-list/Component.js';
 import '../../scrollbar/esm';
-import './Component-557940f3.js';
+import './Component-7629765c.js';
 import './components/base-select-mobile/Component.js';
 import '../../bottom-sheet/esm';
 import '../../modal/esm/mobile';
@@ -34,7 +34,8 @@ import '../../button/esm';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../skeleton/esm';
-import './intersection-observer-22cae339.js';
+import './intersection-observer-e13952d2.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import './getDataTestId-bb936fa6.js';
+import './getDataTestId-1b8247c6.js';
 import './utils.js';
+import './consts.js';

package/select/esm/utils.js

@@ -53,13 +53,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");
         }

package/select/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/index-3885b0d7.d.ts

@@ -1,3 +1,3 @@
 declare const isClient: () => boolean;
 export { isClient };
-export * from "./getDataTestId-cf4d6709";
+export * from "./getDataTestId-e9b1c785";

package/select/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-97dfa7b9.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-42354ffe.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');
@@ -22,7 +22,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('../popover');
 require('@alfalab/hooks');
-require('./getDataTestId-cf4d6709.js');
+require('./getDataTestId-e9b1c785.js');
 require('./components/native-select/Component.js');
 require('./components/base-select-mobile/Component.js');
 require('../bottom-sheet');
@@ -36,7 +36,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('./components/checkmark/Component.js');
 require('./components/checkmark-mobile/Component.js');

package/select/modern/{Component-09104d57.js → Component-3879ae9e.js}

@@ -19,7 +19,8 @@ import '../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../skeleton/modern';
-import './intersection-observer-22cae339.js';
+import './intersection-observer-e13952d2.js';
+import { DEFAULT_VISIBLE_OPTIONS } from './consts.js';
 import { Footer } from './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
@@ -29,14 +30,14 @@ import './components/native-select/Component.js';
 import './components/checkmark/Component.js';
 import './components/checkmark-mobile/Component.js';
 import '../../scrollbar/modern';
-import './getDataTestId-783cd717.js';
+import './getDataTestId-957e6819.js';
 import '../../bottom-sheet/modern';
 import '../../modal/modern/mobile';
 import '../../base-modal/modern';
 import '../../button/modern';
 import 'react-virtual';
 
-const OptionsListWithApply = forwardRef(({ toggleMenu, getOptionProps: defaultGetOptionProps, showClear = true, selectedDraft = [], flatOptions = [], OptionsList: OptionsList$1 = OptionsList, onApply = () => null, onClear = () => null, onClose = () => null, visibleOptions = 5, Footer: Footer$1 = Footer, ...restProps }, ref) => {
+const OptionsListWithApply = forwardRef(({ toggleMenu, getOptionProps: defaultGetOptionProps, showClear = true, selectedDraft = [], flatOptions = [], OptionsList: OptionsList$1 = OptionsList, onApply = () => null, onClear = () => null, onClose = () => null, visibleOptions = DEFAULT_VISIBLE_OPTIONS, Footer: Footer$1 = Footer, ...restProps }, ref) => {
     const getOptionProps = useCallback((option, index) => {
         const optionProps = defaultGetOptionProps(option, index);
         const selected = option.key === SELECT_ALL_KEY

package/select/modern/Component.js

@@ -21,8 +21,9 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import './components/checkmark-mobile/Component.js';
 import '../../scrollbar/modern';
-import './getDataTestId-783cd717.js';
+import './getDataTestId-957e6819.js';
 import './utils.js';
+import './consts.js';
 
 const Select = forwardRef(({ Arrow: Arrow$1 = Arrow, Field: Field$1 = Field, OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, ...restProps }, ref) => (React.createElement(BaseSelect, { ref: ref, Option: Option$1, Field: Field$1, Optgroup: Optgroup$1, OptionsList: OptionsList$1, Arrow: Arrow$1, ...restProps })));
 

package/select/modern/Component.responsive.js

@@ -4,7 +4,7 @@ import { Select } from './Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import './components/base-select/Component.js';
-import { S as SelectMobile } from './Component-09104d57.js';
+import { S as SelectMobile } from './Component-3879ae9e.js';
 import '../../form-control/modern';
 import '../../badge/modern';
 import '../../checkbox/modern';
@@ -30,12 +30,13 @@ import './components/base-select-mobile/footer/Component.js';
 import '../../base-modal/modern';
 import '../../button/modern';
 import '../../skeleton/modern';
-import './intersection-observer-22cae339.js';
+import './intersection-observer-e13952d2.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../scrollbar/modern';
 import 'react-virtual';
-import './getDataTestId-783cd717.js';
+import './getDataTestId-957e6819.js';
 import './utils.js';
+import './consts.js';
 
 const SelectResponsive = forwardRef(({ footer, swipeable, bottomSheetProps, OptionsList, onScroll, fieldProps, breakpoint = 1024, ...restProps }, ref) => {
     const [view] = useMedia([

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

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { useMultipleSelection, useCombobox } from 'downshift';
 import { Popover } from '../../../../popover/modern';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
-import { g as getDataTestId } from '../../getDataTestId-783cd717.js';
+import { g as getDataTestId } from '../../getDataTestId-957e6819.js';
 import { processOptions } from '../../utils.js';
 import { NativeSelect } from '../native-select/Component.js';