@alfalab/core-components 42.13.0-beta.0 → 42.14.0

package/pure-cell/components/content/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-56e8d476.js');
+var components_content_component = require('../../component-0bb227ff.js');
 require('tslib');
 require('react');
 require('react-merge-refs');

package/pure-cell/components/main/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../shared');
-var components_content_component = require('../../component-56e8d476.js');
+var components_content_component = require('../../component-0bb227ff.js');
 require('tslib');
 require('react-merge-refs');
 require('../../../comment');

package/pure-cell/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-56e8d476";
+export * from "../../component-0bb227ff";

package/pure-cell/components/main/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-56e8d476.js');
+var components_content_component = require('../../component-0bb227ff.js');
 require('tslib');
 require('react');
 require('react-merge-refs');

package/pure-cell/components/text/component.js

@@ -4,7 +4,7 @@ require('react');
 require('classnames');
 require('../../../shared');
 require('../../../typography');
-var components_content_component = require('../../component-56e8d476.js');
+var components_content_component = require('../../component-0bb227ff.js');
 require('tslib');
 require('react-merge-refs');
 require('../../../comment');

package/pure-cell/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-56e8d476";
+export * from "../../component-0bb227ff";

package/pure-cell/components/text/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-56e8d476.js');
+var components_content_component = require('../../component-0bb227ff.js');
 require('tslib');
 require('react');
 require('react-merge-refs');

package/pure-cell/esm/component.js

@@ -8,7 +8,7 @@ import './components/addon/component.js';
 import './components/amount/component.js';
 import './components/amount-title/component.js';
 import './components/category/component.js';
-export { P as PureCell, a as PureCellContext } from './component-81398343.js';
+export { P as PureCell, a as PureCellContext } from './component-0fa1f2f4.js';
 import './components/footer/component.js';
 import './components/footer-button/component.js';
 import '../../shared/esm';

package/pure-cell/esm/components/content/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { C as Content } from '../../component-81398343.js';
+export { C as Content } from '../../component-0fa1f2f4.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-81398343";
+export * from "../../component-0fa1f2f4";

package/pure-cell/esm/components/content/index.js

@@ -1,4 +1,4 @@
-export { C as Content } from '../../component-81398343.js';
+export { C as Content } from '../../component-0fa1f2f4.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/main/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { M as Main } from '../../component-81398343.js';
+export { M as Main } from '../../component-0fa1f2f4.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-81398343";
+export * from "../../component-0fa1f2f4";

package/pure-cell/esm/components/main/index.js

@@ -1,4 +1,4 @@
-export { M as Main } from '../../component-81398343.js';
+export { M as Main } from '../../component-0fa1f2f4.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/text/component.js

@@ -2,7 +2,7 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { T as Text } from '../../component-81398343.js';
+export { T as Text } from '../../component-0fa1f2f4.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-81398343";
+export * from "../../component-0fa1f2f4";

package/pure-cell/esm/components/text/index.js

@@ -1,4 +1,4 @@
-export { T as Text } from '../../component-81398343.js';
+export { T as Text } from '../../component-0fa1f2f4.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/index.js

@@ -1,4 +1,4 @@
-export { P as PureCell } from './component-81398343.js';
+export { P as PureCell } from './component-0fa1f2f4.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('./component-56e8d476.js');
+var components_content_component = require('./component-0bb227ff.js');
 require('tslib');
 require('react');
 require('react-merge-refs');

package/pure-cell/modern/component.js

@@ -7,7 +7,7 @@ import './components/addon/component.js';
 import './components/amount/component.js';
 import './components/amount-title/component.js';
 import './components/category/component.js';
-export { P as PureCell, a as PureCellContext } from './component-62dc17a6.js';
+export { P as PureCell, a as PureCellContext } from './component-62710d9b.js';
 import './components/footer/component.js';
 import './components/footer-button/component.js';
 import '../../shared/modern';

package/pure-cell/modern/components/content/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { C as Content } from '../../component-62dc17a6.js';
+export { C as Content } from '../../component-62710d9b.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-62dc17a6";
+export * from "../../component-62710d9b";

package/pure-cell/modern/components/content/index.js

@@ -1,4 +1,4 @@
-export { C as Content } from '../../component-62dc17a6.js';
+export { C as Content } from '../../component-62710d9b.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/main/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { M as Main } from '../../component-62dc17a6.js';
+export { M as Main } from '../../component-62710d9b.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-62dc17a6";
+export * from "../../component-62710d9b";

package/pure-cell/modern/components/main/index.js

@@ -1,4 +1,4 @@
-export { M as Main } from '../../component-62dc17a6.js';
+export { M as Main } from '../../component-62710d9b.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/text/component.js

@@ -2,7 +2,7 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { T as Text } from '../../component-62dc17a6.js';
+export { T as Text } from '../../component-62710d9b.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-62dc17a6";
+export * from "../../component-62710d9b";

package/pure-cell/modern/components/text/index.js

@@ -1,4 +1,4 @@
-export { T as Text } from '../../component-62dc17a6.js';
+export { T as Text } from '../../component-62710d9b.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/index.js

@@ -1,4 +1,4 @@
-export { P as PureCell } from './component-62dc17a6.js';
+export { P as PureCell } from './component-62710d9b.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/select/Component.mobile.js

@@ -12,7 +12,7 @@ var components_option_Component = require('./components/option/Component.js');
 var components_optionsList_Component = require('./components/options-list/Component.js');
 var components_search_Component = require('./components/search/Component.js');
 var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-77cb9499.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-74d61833.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');

package/select/Component.modal.mobile.js

@@ -11,7 +11,7 @@ var components_optgroup_Component = require('./components/optgroup/Component.js'
 var components_option_Component = require('./components/option/Component.js');
 var components_optionsList_Component = require('./components/options-list/Component.js');
 var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-77cb9499.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-74d61833.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');

package/select/Component.responsive.js

@@ -41,7 +41,7 @@ require('../base-modal');
 require('../button/mobile');
 require('./components/virtual-options-list/Component.js');
 require('react-virtual');
-require('./hook-77cb9499.js');
+require('./hook-74d61833.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('../button/desktop');
 require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');

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

@@ -284,9 +284,9 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
                 scrollableContainerRef,
                 modalProps === null || modalProps === void 0 ? void 0 : modalProps.ref,
             ]) }),
-            React__default.default.createElement(mobile.ModalMobile.Header, tslib.__assign({ hasCloser: true, sticky: true }, modalHeaderProps, { bottomAddons: React__default.default.createElement(React__default.default.Fragment, null,
+            React__default.default.createElement(mobile.ModalMobile.Header, tslib.__assign({ hasCloser: true, sticky: true }, modalHeaderProps, { title: undefined, bottomAddons: React__default.default.createElement(React__default.default.Fragment, null,
                     renderSearch(), modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 :
-                    modalHeaderProps.bottomAddons) }), label || placeholder),
+                    modalHeaderProps.bottomAddons) }), (modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 : modalHeaderProps.title) || label || placeholder),
             React__default.default.createElement(mobile.ModalMobile.Content, { flex: true, className: styles.modalContent }, renderOptionsList()),
             (modalFooterProps === null || modalFooterProps === void 0 ? void 0 : modalFooterProps.children) && React__default.default.createElement(mobile.ModalMobile.Footer, tslib.__assign({}, modalFooterProps))))));
 });

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

@@ -26,7 +26,7 @@ var VirtualOptionsList = React.forwardRef(function (_a, ref) {
     var listRef = React.useRef(null);
     var parentRef = React.useRef(null);
     var scrollbarRef = React.useRef(null);
-    var _k = React.useState(0), visibleOptionsInvalidateKey = _k[0], setVisibleOptionsInvalidateKey = _k[1];
+    var _k = React.useState(''), visibleOptionsInvalidateKey = _k[0], setVisibleOptionsInvalidateKey = _k[1];
     var prevHighlightedIndex = utils.usePrevious(highlightedIndex) || -1;
     var nativeScrollbar = hooks.useMedia([[true, '(max-width: 1023px)']], false)[0];
     var rowVirtualizer = reactVirtual.useVirtual({
@@ -71,10 +71,14 @@ var VirtualOptionsList = React.forwardRef(function (_a, ref) {
         /**
          * react-virtual может несколько раз отрендерить список с одним элементом,
          * поэтому нужно еще раз пересчитать высоту, когда список ВИДИМЫХ пунктов будет отрендерен полностью
-         * Также, высоту нужно пересчитывать при изменении ОБЩЕГО кол-ва пунктов меню
+         * Также, высоту нужно пересчитывать при изменении пунктов меню
          */
-        rowVirtualizer.virtualItems.length > 1 ? flatOptions.length : 1);
-    }, [rowVirtualizer.virtualItems.length, flatOptions.length]);
+        rowVirtualizer.virtualItems
+            .slice(0, Math.min(rowVirtualizer.virtualItems.length, visibleOptions + 1))
+            .map(function (item) { return flatOptions[item.index].key; })
+            .join('_'));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [rowVirtualizer.virtualItems.length, flatOptions]);
     utils.useVisibleOptions({
         visibleOptions: visibleOptions,
         invalidate: visibleOptionsInvalidateKey,

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

@@ -291,9 +291,9 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
                 scrollableContainerRef,
                 modalProps === null || modalProps === void 0 ? void 0 : modalProps.ref,
             ]) }),
-            React__default.default.createElement(mobile.ModalMobile.Header, tslib.__assign({ hasCloser: true, sticky: true }, modalHeaderProps, { bottomAddons: React__default.default.createElement(React__default.default.Fragment, null,
+            React__default.default.createElement(mobile.ModalMobile.Header, tslib.__assign({ hasCloser: true, sticky: true }, modalHeaderProps, { title: undefined, bottomAddons: React__default.default.createElement(React__default.default.Fragment, null,
                     renderSearch(), modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 :
-                    modalHeaderProps.bottomAddons) }), label || placeholder),
+                    modalHeaderProps.bottomAddons) }), (modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 : modalHeaderProps.title) || label || placeholder),
             React__default.default.createElement(mobile.ModalMobile.Content, { flex: true, className: styles__default.default.modalContent }, renderOptionsList()),
             (modalFooterProps === null || modalFooterProps === void 0 ? void 0 : modalFooterProps.children) && React__default.default.createElement(mobile.ModalMobile.Footer, tslib.__assign({}, modalFooterProps))))));
 });

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

@@ -26,7 +26,7 @@ var VirtualOptionsList = React.forwardRef(function (_a, ref) {
     var listRef = React.useRef(null);
     var parentRef = React.useRef(null);
     var scrollbarRef = React.useRef(null);
-    var _k = React.useState(0), visibleOptionsInvalidateKey = _k[0], setVisibleOptionsInvalidateKey = _k[1];
+    var _k = React.useState(''), visibleOptionsInvalidateKey = _k[0], setVisibleOptionsInvalidateKey = _k[1];
     var prevHighlightedIndex = utils.usePrevious(highlightedIndex) || -1;
     var nativeScrollbar = hooks.useMedia([[true, '(max-width: 1023px)']], false)[0];
     var rowVirtualizer = reactVirtual.useVirtual({
@@ -71,10 +71,14 @@ var VirtualOptionsList = React.forwardRef(function (_a, ref) {
         /**
          * react-virtual может несколько раз отрендерить список с одним элементом,
          * поэтому нужно еще раз пересчитать высоту, когда список ВИДИМЫХ пунктов будет отрендерен полностью
-         * Также, высоту нужно пересчитывать при изменении ОБЩЕГО кол-ва пунктов меню
+         * Также, высоту нужно пересчитывать при изменении пунктов меню
          */
-        rowVirtualizer.virtualItems.length > 1 ? flatOptions.length : 1);
-    }, [rowVirtualizer.virtualItems.length, flatOptions.length]);
+        rowVirtualizer.virtualItems
+            .slice(0, Math.min(rowVirtualizer.virtualItems.length, visibleOptions + 1))
+            .map(function (item) { return flatOptions[item.index].key; })
+            .join('_'));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [rowVirtualizer.virtualItems.length, flatOptions]);
     utils.useVisibleOptions({
         visibleOptions: visibleOptions,
         invalidate: visibleOptionsInvalidateKey,

package/select/esm/Component.mobile.js

@@ -10,7 +10,7 @@ import { Option } from './components/option/Component.js';
 import { OptionsList } from './components/options-list/Component.js';
 import { Search } from './components/search/Component.js';
 import { VirtualOptionsList } from './components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from './hook-dbd7a783.js';
+import { u as useSelectWithApply } from './hook-e63a15d0.js';
 import { Header } from './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

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

@@ -9,7 +9,7 @@ import { Optgroup } from './components/optgroup/Component.js';
 import { Option } from './components/option/Component.js';
 import { OptionsList } from './components/options-list/Component.js';
 import { VirtualOptionsList } from './components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from './hook-dbd7a783.js';
+import { u as useSelectWithApply } from './hook-e63a15d0.js';
 import { Header } from './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/select/esm/Component.responsive.js

@@ -37,7 +37,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-dbd7a783.js';
+import './hook-e63a15d0.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

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

@@ -276,9 +276,9 @@ var BaseSelectMobile = forwardRef(function (_a, ref) {
                 scrollableContainerRef,
                 modalProps === null || modalProps === void 0 ? void 0 : modalProps.ref,
             ]) }),
-            React.createElement(ModalMobile.Header, __assign({ hasCloser: true, sticky: true }, modalHeaderProps, { bottomAddons: React.createElement(React.Fragment, null,
+            React.createElement(ModalMobile.Header, __assign({ hasCloser: true, sticky: true }, modalHeaderProps, { title: undefined, bottomAddons: React.createElement(React.Fragment, null,
                     renderSearch(), modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 :
-                    modalHeaderProps.bottomAddons) }), label || placeholder),
+                    modalHeaderProps.bottomAddons) }), (modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 : modalHeaderProps.title) || label || placeholder),
             React.createElement(ModalMobile.Content, { flex: true, className: styles.modalContent }, renderOptionsList()),
             (modalFooterProps === null || modalFooterProps === void 0 ? void 0 : modalFooterProps.children) && React.createElement(ModalMobile.Footer, __assign({}, modalFooterProps))))));
 });

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

@@ -18,7 +18,7 @@ var VirtualOptionsList = forwardRef(function (_a, ref) {
     var listRef = useRef(null);
     var parentRef = useRef(null);
     var scrollbarRef = useRef(null);
-    var _k = useState(0), visibleOptionsInvalidateKey = _k[0], setVisibleOptionsInvalidateKey = _k[1];
+    var _k = useState(''), visibleOptionsInvalidateKey = _k[0], setVisibleOptionsInvalidateKey = _k[1];
     var prevHighlightedIndex = usePrevious(highlightedIndex) || -1;
     var nativeScrollbar = useMedia([[true, '(max-width: 1023px)']], false)[0];
     var rowVirtualizer = useVirtual({
@@ -63,10 +63,14 @@ var VirtualOptionsList = forwardRef(function (_a, ref) {
         /**
          * react-virtual может несколько раз отрендерить список с одним элементом,
          * поэтому нужно еще раз пересчитать высоту, когда список ВИДИМЫХ пунктов будет отрендерен полностью
-         * Также, высоту нужно пересчитывать при изменении ОБЩЕГО кол-ва пунктов меню
+         * Также, высоту нужно пересчитывать при изменении пунктов меню
          */
-        rowVirtualizer.virtualItems.length > 1 ? flatOptions.length : 1);
-    }, [rowVirtualizer.virtualItems.length, flatOptions.length]);
+        rowVirtualizer.virtualItems
+            .slice(0, Math.min(rowVirtualizer.virtualItems.length, visibleOptions + 1))
+            .map(function (item) { return flatOptions[item.index].key; })
+            .join('_'));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [rowVirtualizer.virtualItems.length, flatOptions]);
     useVisibleOptions({
         visibleOptions: visibleOptions,
         invalidate: visibleOptionsInvalidateKey,

package/select/esm/index.js

@@ -38,7 +38,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-dbd7a783.js';
+import './hook-e63a15d0.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/mobile.js

@@ -32,7 +32,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-dbd7a783.js';
+import './hook-e63a15d0.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-dbd7a783.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-e63a15d0.js';
 import 'tslib';
 import 'react';
 import '../../../skeleton/esm';

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

@@ -1,6 +1,6 @@
 import 'tslib';
 import 'react';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-dbd7a783.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-e63a15d0.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';
 import 'classnames';

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 '../../../hook-dbd7a783.js';
+export { O as OptionsListWithApply } from '../../../hook-e63a15d0.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

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

@@ -1 +1 @@
-export * from "../../../hook-dbd7a783";
+export * from "../../../hook-e63a15d0";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-dbd7a783.js';
+export { O as OptionsListWithApply } from '../../../hook-e63a15d0.js';
 import 'tslib';
 import 'react';
 import '../../../components/options-list/Component.js';

package/select/esm/shared.js

@@ -9,7 +9,7 @@ export { BaseOption } from './components/base-option/Component.js';
 export { Search } from './components/search/Component.js';
 export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from './presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from './hook-dbd7a783.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from './hook-e63a15d0.js';
 export { defaultAccessor, defaultFilterFn, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from './utils.js';
 import 'react';
 import 'classnames';

package/select/index.js

@@ -42,7 +42,7 @@ require('../base-modal');
 require('../button/mobile');
 require('./components/virtual-options-list/Component.js');
 require('react-virtual');
-require('./hook-77cb9499.js');
+require('./hook-74d61833.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('../button/desktop');
 require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');

package/select/mobile.js

@@ -36,7 +36,7 @@ require('../base-modal');
 require('../button/mobile');
 require('./components/virtual-options-list/Component.js');
 require('react-virtual');
-require('./hook-77cb9499.js');
+require('./hook-74d61833.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('../button/desktop');
 require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');

package/select/modern/Component.mobile.js

@@ -9,7 +9,7 @@ import { Option } from './components/option/Component.js';
 import { OptionsList } from './components/options-list/Component.js';
 import { Search } from './components/search/Component.js';
 import { VirtualOptionsList } from './components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from './hook-2d4246ef.js';
+import { u as useSelectWithApply } from './hook-5e1db0b0.js';
 import { Header } from './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

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

@@ -8,7 +8,7 @@ import { Optgroup } from './components/optgroup/Component.js';
 import { Option } from './components/option/Component.js';
 import { OptionsList } from './components/options-list/Component.js';
 import { VirtualOptionsList } from './components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from './hook-2d4246ef.js';
+import { u as useSelectWithApply } from './hook-5e1db0b0.js';
 import { Header } from './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/select/modern/Component.responsive.js

@@ -36,7 +36,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-2d4246ef.js';
+import './hook-5e1db0b0.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

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

@@ -275,9 +275,9 @@ const BaseSelectMobile = forwardRef(({ dataTestId, className, fieldClassName, op
                 scrollableContainerRef,
                 modalProps?.ref,
             ]) },
-            React.createElement(ModalMobile.Header, { hasCloser: true, sticky: true, ...modalHeaderProps, bottomAddons: React.createElement(React.Fragment, null,
+            React.createElement(ModalMobile.Header, { hasCloser: true, sticky: true, ...modalHeaderProps, title: undefined, bottomAddons: React.createElement(React.Fragment, null,
                     renderSearch(),
-                    modalHeaderProps?.bottomAddons) }, label || placeholder),
+                    modalHeaderProps?.bottomAddons) }, modalHeaderProps?.title || label || placeholder),
             React.createElement(ModalMobile.Content, { flex: true, className: styles.modalContent }, renderOptionsList()),
             modalFooterProps?.children && React.createElement(ModalMobile.Footer, { ...modalFooterProps })))));
 });

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

@@ -15,7 +15,7 @@ const VirtualOptionsList = forwardRef(({ size = 's', flatOptions = [], highlight
     const listRef = useRef(null);
     const parentRef = useRef(null);
     const scrollbarRef = useRef(null);
-    const [visibleOptionsInvalidateKey, setVisibleOptionsInvalidateKey] = useState(0);
+    const [visibleOptionsInvalidateKey, setVisibleOptionsInvalidateKey] = useState('');
     const prevHighlightedIndex = usePrevious(highlightedIndex) || -1;
     let [nativeScrollbar] = useMedia([[true, '(max-width: 1023px)']], false);
     const rowVirtualizer = useVirtual({
@@ -60,10 +60,14 @@ const VirtualOptionsList = forwardRef(({ size = 's', flatOptions = [], highlight
         /**
          * react-virtual может несколько раз отрендерить список с одним элементом,
          * поэтому нужно еще раз пересчитать высоту, когда список ВИДИМЫХ пунктов будет отрендерен полностью
-         * Также, высоту нужно пересчитывать при изменении ОБЩЕГО кол-ва пунктов меню
+         * Также, высоту нужно пересчитывать при изменении пунктов меню
          */
-        rowVirtualizer.virtualItems.length > 1 ? flatOptions.length : 1);
-    }, [rowVirtualizer.virtualItems.length, flatOptions.length]);
+        rowVirtualizer.virtualItems
+            .slice(0, Math.min(rowVirtualizer.virtualItems.length, visibleOptions + 1))
+            .map((item) => flatOptions[item.index].key)
+            .join('_'));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [rowVirtualizer.virtualItems.length, flatOptions]);
     useVisibleOptions({
         visibleOptions,
         invalidate: visibleOptionsInvalidateKey,

package/select/modern/index.js

@@ -37,7 +37,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-2d4246ef.js';
+import './hook-5e1db0b0.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';