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

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

@@ -7,5 +7,5 @@ import 'downshift';
 import '../../../../popover/modern';
 import '@alfalab/hooks';
 import '../native-select/Component.js';
-import '../../getDataTestId-783cd717.js';
+import '../../getDataTestId-957e6819.js';
 import '../../utils.js';

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

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { useMultipleSelection, useCombobox } from 'downshift';
 import { BottomSheet } from '../../../../bottom-sheet/modern';
 import { ModalMobile } from '../../../../modal/modern/mobile';
-import { g as getDataTestId } from '../../getDataTestId-783cd717.js';
+import { g as getDataTestId } from '../../getDataTestId-957e6819.js';
 import { processOptions } from '../../utils.js';
 import { Arrow } from '../arrow/Component.js';
 import { Field } from '../field/Component.js';
@@ -21,6 +21,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../checkmark-mobile/Component.js';
 import '../../../../scrollbar/modern';
+import '../../consts.js';
 
 const 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/modern/components/base-select-mobile/index.js

@@ -20,5 +20,6 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../checkmark-mobile/Component.js';
 import '../options-list/Component.js';
 import '../../../../scrollbar/modern';
-import '../../getDataTestId-783cd717.js';
+import '../../getDataTestId-957e6819.js';
 import '../../utils.js';
+import '../../consts.js';

package/select/modern/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-09104d57.js';
+export { S as SelectMobile, a as SelectModalMobile } from '../Component-3879ae9e.js';
 export { Field } from './field/Component.js';
 export { Optgroup } from './optgroup/Component.js';
 export { Option } from './option/Component.js';
@@ -29,12 +29,13 @@ 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 '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import './checkmark/Component.js';
 import './checkmark-mobile/Component.js';
 import '../../../scrollbar/modern';
 import 'react-virtual';
 import './base-checkmark/Component.js';
-import '../getDataTestId-783cd717.js';
+import '../getDataTestId-957e6819.js';
 import '../utils.js';
+import '../consts.js';

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

@@ -3,6 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Scrollbar } from '../../../../scrollbar/modern';
 import { useMedia } from '@alfalab/hooks';
+import { DEFAULT_VISIBLE_OPTIONS } from '../../consts.js';
 import { useVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 
@@ -14,7 +15,7 @@ const createCounter = () => {
     // eslint-disable-next-line no-plusplus
     return () => count++;
 };
-const OptionsList = forwardRef(({ size = 's', className, optionGroupClassName, Option, getOptionProps, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = 5, onScroll, open, header, footer, optionsListWidth, nativeScrollbar: nativeScrollbarProp, flatOptions = [], }, ref) => {
+const OptionsList = forwardRef(({ size = 's', className, optionGroupClassName, Option, getOptionProps, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = DEFAULT_VISIBLE_OPTIONS, onScroll, open, header, footer, optionsListWidth, nativeScrollbar: nativeScrollbarProp, flatOptions = [], }, ref) => {
     let [nativeScrollbar] = useMedia([[true, '(max-width: 1023px)']], false);
     nativeScrollbar = Boolean(nativeScrollbarProp ?? nativeScrollbar);
     const renderOption = (option, index) => (React.createElement(Option, { key: option.key, ...getOptionProps(option, index) }));

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

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

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

@@ -1,5 +1,5 @@
 import 'react';
-export { S as SelectMobile } from '../../Component-09104d57.js';
+export { S as SelectMobile } from '../../Component-3879ae9e.js';
 import '../arrow/Component.js';
 import '../base-select-mobile/Component.js';
 import '../base-select-mobile/footer/Component.js';
@@ -27,7 +27,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../checkmark-mobile/Component.js';
 import '../../../../scrollbar/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 '../../../../button/modern';
 import '../../../../bottom-sheet/modern';
@@ -35,4 +35,5 @@ import '../../../../modal/modern/mobile';
 import '../../../../base-modal/modern';
 import 'react-virtual';
 import '../../utils.js';
-import '../../getDataTestId-783cd717.js';
+import '../../consts.js';
+import '../../getDataTestId-957e6819.js';

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

@@ -1 +1 @@
-export * from "../../Component-09104d57";
+export * from "../../Component-3879ae9e";

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

@@ -1,4 +1,4 @@
-export { S as SelectMobile } from '../../Component-09104d57.js';
+export { S as SelectMobile } from '../../Component-3879ae9e.js';
 import 'react';
 import '../../Component.js';
 import '../arrow/Component.js';
@@ -32,7 +32,8 @@ import '../../../../button/modern';
 import '../virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../../../skeleton/modern';
-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-783cd717.js';
+import '../../consts.js';
+import '../../getDataTestId-957e6819.js';

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

@@ -1,5 +1,5 @@
 import 'react';
-export { a as SelectModalMobile } from '../../Component-09104d57.js';
+export { a as SelectModalMobile } from '../../Component-3879ae9e.js';
 import '../arrow/Component.js';
 import '../base-select-mobile/Component.js';
 import '../base-select-mobile/footer/Component.js';
@@ -27,7 +27,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../checkmark-mobile/Component.js';
 import '../../../../scrollbar/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 '../../../../button/modern';
 import '../../../../bottom-sheet/modern';
@@ -35,4 +35,5 @@ import '../../../../modal/modern/mobile';
 import '../../../../base-modal/modern';
 import 'react-virtual';
 import '../../utils.js';
-import '../../getDataTestId-783cd717.js';
+import '../../consts.js';
+import '../../getDataTestId-957e6819.js';

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

@@ -1 +1 @@
-export * from "../../Component-09104d57";
+export * from "../../Component-3879ae9e";

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

@@ -1,4 +1,4 @@
-export { a as SelectModalMobile } from '../../Component-09104d57.js';
+export { a as SelectModalMobile } from '../../Component-3879ae9e.js';
 import 'react';
 import '../../Component.js';
 import '../arrow/Component.js';
@@ -32,7 +32,8 @@ import '../../../../button/modern';
 import '../virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../../../skeleton/modern';
-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-783cd717.js';
+import '../../consts.js';
+import '../../getDataTestId-957e6819.js';

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

@@ -4,13 +4,14 @@ import { useVirtual } from 'react-virtual';
 import cn from 'classnames';
 import { Scrollbar } from '../../../../scrollbar/modern';
 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';
 
 const styles = {"virtualOptionsList":"select__virtualOptionsList_1q9mg","virtualOptionsListHeader":"select__virtualOptionsListHeader_1q9mg","virtualOptionsListFooter":"select__virtualOptionsListFooter_1q9mg","withBorder":"select__withBorder_1q9mg","scrollable":"select__scrollable_1q9mg","inner":"select__inner_1q9mg","virtualRow":"select__virtualRow_1q9mg","highlighted":"select__highlighted_1q9mg","emptyPlaceholder":"select__emptyPlaceholder_1q9mg","l":"select__l_1q9mg","xl":"select__xl_1q9mg"};
 require('./index.css');
 
-const VirtualOptionsList = forwardRef(({ size = 's', flatOptions = [], highlightedIndex = -1, className, getOptionProps, Option, open, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = 5, header, footer, optionsListWidth, onScroll, nativeScrollbar: nativeScrollbarProp, }, ref) => {
+const VirtualOptionsList = forwardRef(({ size = 's', flatOptions = [], highlightedIndex = -1, className, getOptionProps, Option, open, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = DEFAULT_VISIBLE_OPTIONS, header, footer, optionsListWidth, onScroll, nativeScrollbar: nativeScrollbarProp, }, ref) => {
     const listRef = useRef(null);
     const parentRef = useRef(null);
     const scrollbarRef = useRef(null);

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

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

package/select/modern/consts.d.ts

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

package/select/modern/consts.js

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

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

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

package/select/modern/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-09104d57.js';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-3879ae9e.js';
 export { Field } from './components/field/Component.js';
 export { Optgroup } from './components/optgroup/Component.js';
 export { Option } from './components/option/Component.js';
@@ -32,11 +32,12 @@ 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 './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import './components/checkmark/Component.js';
 import './components/checkmark-mobile/Component.js';
 import '../../scrollbar/modern';
 import 'react-virtual';
 import './components/base-checkmark/Component.js';
-import './getDataTestId-783cd717.js';
+import './getDataTestId-957e6819.js';
+import './consts.js';

package/select/modern/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-09104d57.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-3879ae9e.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';
@@ -11,7 +11,7 @@ import '../../../checkbox/modern';
 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';
@@ -37,4 +37,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-783cd717.js';
+import '../consts.js';
+import '../getDataTestId-957e6819.js';

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

@@ -1,7 +1,7 @@
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import { Skeleton } from '../../../../skeleton/modern';
 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/modern';

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

@@ -3,7 +3,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-09104d57.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-3879ae9e.js';
 import '../../../../form-control/modern';
 import '@alfalab/hooks';
 import '../../../../badge/modern';
@@ -13,7 +13,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/options-list/Component.js';
 import '../../components/virtual-options-list/Component.js';
 import '../../../../skeleton/modern';
-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';
@@ -34,5 +34,6 @@ import '../../../../base-modal/modern';
 import '../../../../button/modern';
 import './options-list-with-apply/footer/Component.js';
 import 'react-virtual';
-import '../../getDataTestId-783cd717.js';
+import '../../getDataTestId-957e6819.js';
 import '../../utils.js';
+import '../../consts.js';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../Component-09104d57.js';
+export { O as OptionsListWithApply } from '../../../Component-3879ae9e.js';
 import './footer/Component.js';
 import 'react-merge-refs';
 import 'classnames';
@@ -33,6 +33,7 @@ import '../../../../../button/modern';
 import '../../../components/virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-22cae339.js';
+import '../../../intersection-observer-e13952d2.js';
+import '../../../consts.js';
 import '../../../utils.js';
-import '../../../getDataTestId-783cd717.js';
+import '../../../getDataTestId-957e6819.js';

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

@@ -1 +1 @@
-export * from "../../../Component-09104d57";
+export * from "../../../Component-3879ae9e";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../Component-09104d57.js';
+export { O as OptionsListWithApply } from '../../../Component-3879ae9e.js';
 import 'react';
 import '../../../Component.js';
 import '../../../components/arrow/Component.js';
@@ -32,7 +32,8 @@ import '../../../../../button/modern';
 import '../../../components/virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-22cae339.js';
+import '../../../intersection-observer-e13952d2.js';
 import './footer/Component.js';
 import '../../../utils.js';
-import '../../../getDataTestId-783cd717.js';
+import '../../../consts.js';
+import '../../../getDataTestId-957e6819.js';

package/select/modern/responsive.js

@@ -23,7 +23,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import './components/checkmark-mobile/Component.js';
 import './components/options-list/Component.js';
 import '../../scrollbar/modern';
-import './Component-09104d57.js';
+import './Component-3879ae9e.js';
 import './components/base-select-mobile/Component.js';
 import '../../bottom-sheet/modern';
 import '../../modal/modern/mobile';
@@ -33,7 +33,8 @@ import '../../button/modern';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../skeleton/modern';
-import './intersection-observer-22cae339.js';
+import './intersection-observer-e13952d2.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import './getDataTestId-783cd717.js';
+import './getDataTestId-957e6819.js';
 import './utils.js';
+import './consts.js';

package/select/modern/utils.js

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

package/select/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-97dfa7b9.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-42354ffe.js');
 require('tslib');
 require('react');
 require('../../skeleton');
@@ -14,7 +14,7 @@ require('../../checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../components/checkmark-mobile/Component.js');
-require('../intersection-observer-96f8d3e8.js');
+require('../intersection-observer-ae06dac6.js');
 require('../Component.js');
 require('../components/arrow/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -24,7 +24,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('../../popover');
 require('@alfalab/hooks');
-require('../getDataTestId-cf4d6709.js');
+require('../getDataTestId-e9b1c785.js');
 require('../utils.js');
 require('../components/native-select/Component.js');
 require('../components/field/Component.js');
@@ -32,6 +32,7 @@ require('../../form-control');
 require('../components/optgroup/Component.js');
 require('../components/options-list/Component.js');
 require('../../scrollbar');
+require('../consts.js');
 require('../components/base-select-mobile/Component.js');
 require('../../bottom-sheet');
 require('../../modal/mobile');

package/select/presets/useLazyLoading/hook.js

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSkeleton = require('../../../skeleton');
 var components_option_Component = require('../../components/option/Component.js');
-require('../../intersection-observer-96f8d3e8.js');
+require('../../intersection-observer-ae06dac6.js');
 require('classnames');
 require('../../components/checkmark/Component.js');
 require('../../../badge');

package/select/presets/useSelectWithApply/hook.js

@@ -6,7 +6,7 @@ require('../../Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../components/base-select/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-97dfa7b9.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-42354ffe.js');
 require('../../../form-control');
 require('@alfalab/hooks');
 require('../../utils.js');
@@ -17,7 +17,7 @@ require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../components/options-list/Component.js');
 require('../../components/virtual-options-list/Component.js');
 require('../../../skeleton');
-require('../../intersection-observer-96f8d3e8.js');
+require('../../intersection-observer-ae06dac6.js');
 require('../../components/arrow/Component.js');
 require('../../components/field/Component.js');
 require('../../components/optgroup/Component.js');
@@ -28,9 +28,10 @@ require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
 require('../../../popover');
-require('../../getDataTestId-cf4d6709.js');
+require('../../getDataTestId-e9b1c785.js');
 require('../../components/native-select/Component.js');
 require('../../../scrollbar');
+require('../../consts.js');
 require('../../components/base-select-mobile/Component.js');
 require('../../../bottom-sheet');
 require('../../../modal/mobile');

package/select/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-97dfa7b9.js');
+require('../../../consts.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-42354ffe.js');
 require('./footer/Component.js');
 require('react-merge-refs');
 require('classnames');
@@ -18,7 +19,7 @@ require('../../../components/base-select/Component.js');
 require('@juggle/resize-observer');
 require('downshift');
 require('../../../../popover');
-require('../../../getDataTestId-cf4d6709.js');
+require('../../../getDataTestId-e9b1c785.js');
 require('../../../components/native-select/Component.js');
 require('../../../components/field/Component.js');
 require('../../../../form-control');
@@ -38,7 +39,7 @@ require('../../../../button');
 require('../../../components/virtual-options-list/Component.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-96f8d3e8.js');
+require('../../../intersection-observer-ae06dac6.js');
 
 
 

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

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

package/select/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-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('../../../components/native-select/Component.js');
 require('../../../components/field/Component.js');
@@ -28,6 +28,7 @@ require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../../components/checkmark-mobile/Component.js');
 require('../../../components/options-list/Component.js');
 require('../../../../scrollbar');
+require('../../../consts.js');
 require('../../../components/base-select-mobile/Component.js');
 require('../../../../bottom-sheet');
 require('../../../../modal/mobile');
@@ -37,7 +38,7 @@ require('../../../../button');
 require('../../../components/virtual-options-list/Component.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-96f8d3e8.js');
+require('../../../intersection-observer-ae06dac6.js');
 require('./footer/Component.js');
 
 

package/select/responsive.js

@@ -13,7 +13,7 @@ require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
 require('../popover');
-require('./getDataTestId-cf4d6709.js');
+require('./getDataTestId-e9b1c785.js');
 require('./utils.js');
 require('./components/native-select/Component.js');
 require('./components/field/Component.js');
@@ -28,7 +28,8 @@ require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('./components/checkmark-mobile/Component.js');
 require('./components/options-list/Component.js');
 require('../scrollbar');
-require('./Component-97dfa7b9.js');
+require('./consts.js');
+require('./Component-42354ffe.js');
 require('./components/base-select-mobile/Component.js');
 require('../bottom-sheet');
 require('../modal/mobile');
@@ -38,7 +39,7 @@ require('../button');
 require('./components/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/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");
         }

package/side-panel/cssm/typings.d.ts

@@ -1,7 +1,6 @@
-import { SidePanelResponsiveProps } from "./index";
 type View = 'desktop' | 'mobile';
 type TResponsiveModalContext = {
     view: View;
-    size: NonNullable<SidePanelResponsiveProps['size']>;
+    size: 's';
 } | null;
 export { View, TResponsiveModalContext };

package/side-panel/esm/typings.d.ts

@@ -1,7 +1,6 @@
-import { SidePanelResponsiveProps } from "./index";
 type View = 'desktop' | 'mobile';
 type TResponsiveModalContext = {
     view: View;
-    size: NonNullable<SidePanelResponsiveProps['size']>;
+    size: 's';
 } | null;
 export { View, TResponsiveModalContext };