@alfalab/core-components-select 13.2.11 → 13.2.12

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

@@ -6,7 +6,7 @@ import { useMedia } from '@alfalab/hooks';
 import { usePrevious, lastIndexOf, useVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 
-const styles = {"virtualOptionsList":"select__virtualOptionsList_xtou4","scrollable":"select__scrollable_xtou4","inner":"select__inner_xtou4","virtualRow":"select__virtualRow_xtou4","highlighted":"select__highlighted_xtou4","emptyPlaceholder":"select__emptyPlaceholder_xtou4","l":"select__l_xtou4","xl":"select__xl_xtou4"};
+const styles = {"virtualOptionsList":"select__virtualOptionsList_1961r","scrollable":"select__scrollable_1961r","inner":"select__inner_1961r","virtualRow":"select__virtualRow_1961r","highlighted":"select__highlighted_1961r","emptyPlaceholder":"select__emptyPlaceholder_1961r","l":"select__l_1961r","xl":"select__xl_1961r"};
 require('./index.css')
 
 /* eslint-disable react-hooks/exhaustive-deps */

package/modern/components/virtual-options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: 1j4id */
+/* hash: 12v5e */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dbdee1;
@@ -34,23 +34,23 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_xtou4 {
+} .select__virtualOptionsList_1961r {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-} .select__scrollable_xtou4 {
+} .select__scrollable_1961r {
     overflow: auto;
     width: 100%;
-} .select__inner_xtou4 {
+} .select__inner_1961r {
     position: relative;
     width: 100%;
-} .select__virtualRow_xtou4 {
+} .select__virtualRow_1961r {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
-} .select__virtualRow_xtou4:before {
+} .select__virtualRow_1961r:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -60,15 +60,15 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_xtou4:first-child:before {
+    } .select__virtualRow_1961r:first-child:before {
         display: none;
-    } .select__highlighted_xtou4:before,
-    .select__highlighted_xtou4 + .select__virtualRow_xtou4:before {
+    } .select__highlighted_1961r:before,
+    .select__highlighted_1961r + .select__virtualRow_1961r:before {
         display: none;
-    } .select__emptyPlaceholder_xtou4 {
+    } .select__emptyPlaceholder_1961r {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__l_xtou4 .select__emptyPlaceholder_xtou4,
-.select__xl_xtou4 .select__emptyPlaceholder_xtou4 {
+} .select__l_1961r .select__emptyPlaceholder_1961r,
+.select__xl_1961r .select__emptyPlaceholder_1961r {
     padding: var(--gap-xl) var(--gap-m);
 }

package/modern/index.js

@@ -1,7 +1,7 @@
 export { Select } from './Component.js';
 export { Arrow } from './components/arrow/Component.js';
-export { B as BaseSelect } from './Component-19b9374d.js';
-export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-3b90d09b.js';
+export { B as BaseSelect } from './Component-228a3435.js';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-01c0d01a.js';
 export { Field } from './components/field/Component.js';
 export { Optgroup } from './components/optgroup/Component.js';
 export { Option } from './components/option/Component.js';
@@ -32,8 +32,9 @@ import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import './intersection-observer-48ccda2c.js';
+import './intersection-observer-de8255b2.js';
 import '@alfalab/core-components-button/modern';
 import './components/base-checkmark/Component.js';
 import './components/base-select-mobile/options-list/Component.js';
 import '@alfalab/core-components-base-modal/modern';
+import './components/base-select-mobile/virtual-options-list/Component.js';

package/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-3b90d09b.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-01c0d01a.js';
 import 'react';
 import '@alfalab/core-components-skeleton/modern';
 import '../components/option/Component.js';
@@ -11,7 +11,7 @@ import '../components/checkmark/Component.js';
 import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '../intersection-observer-48ccda2c.js';
+import '../intersection-observer-de8255b2.js';
 import '../components/arrow/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-merge-refs';
@@ -19,7 +19,7 @@ import 'downshift';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import '../Component.js';
-import '../Component-19b9374d.js';
+import '../Component-228a3435.js';
 import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/modern';
 import '@alfalab/hooks';
@@ -36,3 +36,4 @@ import '../components/base-checkmark/Component.js';
 import '@alfalab/core-components-button/modern';
 import '../components/base-select-mobile/options-list/Component.js';
 import '@alfalab/core-components-base-modal/modern';
+import '../components/base-select-mobile/virtual-options-list/Component.js';

package/modern/presets/useLazyLoading/hook.js

@@ -1,7 +1,7 @@
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import { Skeleton } from '@alfalab/core-components-skeleton/modern';
 import { Option } from '../../components/option/Component.js';
-import '../../intersection-observer-48ccda2c.js';
+import '../../intersection-observer-de8255b2.js';
 import 'classnames';
 import '../../components/base-select-mobile/checkmark/Component.js';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
@@ -10,7 +10,7 @@ import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 
-const styles = {"skeleton":"select__skeleton_i6ynz"};
+const styles = {"skeleton":"select__skeleton_1hw7s"};
 require('./index.css')
 
 const DEBOUNCE_TIMEOUT = 300;

package/modern/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 13pb7 */
-.select__skeleton_i6ynz {
+/* hash: 1k4bw */
+.select__skeleton_1hw7s {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/modern/presets/useSelectWithApply/hook.js

@@ -2,8 +2,8 @@ import 'react';
 import '../../Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../Component-19b9374d.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-3b90d09b.js';
+import '../../Component-228a3435.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-01c0d01a.js';
 import '@alfalab/core-components-form-control/modern';
 import '@alfalab/hooks';
 import '../../utils.js';
@@ -15,7 +15,7 @@ import '../../components/options-list/Component.js';
 import 'react-virtual';
 import '@alfalab/core-components-scrollbar/modern';
 import '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-48ccda2c.js';
+import '../../intersection-observer-de8255b2.js';
 import '../../components/arrow/Component.js';
 import '../../components/field/Component.js';
 import '../../components/optgroup/Component.js';
@@ -34,3 +34,4 @@ import '../../components/base-checkmark/Component.js';
 import '@alfalab/core-components-button/modern';
 import '../../components/base-select-mobile/options-list/Component.js';
 import '@alfalab/core-components-base-modal/modern';
+import '../../components/base-select-mobile/virtual-options-list/Component.js';

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

@@ -2,8 +2,8 @@ import 'react';
 import 'classnames';
 import '@alfalab/core-components-button/modern';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../../Component-19b9374d.js';
-export { O as OptionsListWithApply } from '../../../Component-3b90d09b.js';
+import '../../../Component-228a3435.js';
+export { O as OptionsListWithApply } from '../../../Component-01c0d01a.js';
 import '@alfalab/core-components-form-control/modern';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
@@ -31,6 +31,7 @@ import '../../../components/checkmark/Component.js';
 import '../../../components/base-option/Component.js';
 import '../../../components/base-checkmark/Component.js';
 import '@alfalab/core-components-skeleton/modern';
-import '../../../intersection-observer-48ccda2c.js';
+import '../../../intersection-observer-de8255b2.js';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '@alfalab/core-components-base-modal/modern';
+import '../../../components/base-select-mobile/virtual-options-list/Component.js';

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

@@ -1,4 +1,4 @@
-/* hash: 1mllu */
+/* hash: oxa2l */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -27,12 +27,12 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_1mgwl {
+} .select__footer_1mpn0 {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_1mgwl > * + * {
+} .select__footer_1mpn0 > * + * {
         margin-left: var(--gap-xs);
-    } .select__withBorder_1mgwl {
+    } .select__withBorder_1mpn0 {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

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

@@ -1 +1 @@
-export * from "../../../Component-3b90d09b";
+export * from "../../../Component-01c0d01a";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../Component-3b90d09b.js';
+export { O as OptionsListWithApply } from '../../../Component-01c0d01a.js';
 import 'react';
 import '../../../components/arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import '../../../Component.js';
-import '../../../Component-19b9374d.js';
+import '../../../Component-228a3435.js';
 import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/modern';
 import '@alfalab/hooks';
@@ -30,7 +30,8 @@ import 'react-virtual';
 import '../../../components/base-option/Component.js';
 import '../../../components/base-checkmark/Component.js';
 import '@alfalab/core-components-skeleton/modern';
-import '../../../intersection-observer-48ccda2c.js';
+import '../../../intersection-observer-de8255b2.js';
 import '@alfalab/core-components-button/modern';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '@alfalab/core-components-base-modal/modern';
+import '../../../components/base-select-mobile/virtual-options-list/Component.js';

package/modern/presets/useSelectWithLoading/hook.js

@@ -9,7 +9,7 @@ import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 
-const styles = {"skeleton":"select__skeleton_d4xw6"};
+const styles = {"skeleton":"select__skeleton_1yfus"};
 require('./index.css')
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, Option: Option$1 = Option, }) {

package/modern/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1fwc0 */
-.select__skeleton_d4xw6 {
+/* hash: yn6m0 */
+.select__skeleton_1yfus {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/modern/responsive.js

@@ -5,7 +5,7 @@ import './Component.js';
 import './components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './Component-19b9374d.js';
+import './Component-228a3435.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'downshift';
@@ -24,14 +24,15 @@ import '@alfalab/core-components-checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import './components/options-list/Component.js';
 import '@alfalab/core-components-scrollbar/modern';
-import './Component-3b90d09b.js';
+import './Component-01c0d01a.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import 'react-virtual';
 import './components/base-option/Component.js';
 import './components/base-checkmark/Component.js';
 import '@alfalab/core-components-skeleton/modern';
-import './intersection-observer-48ccda2c.js';
+import './intersection-observer-de8255b2.js';
 import '@alfalab/core-components-button/modern';
 import './components/base-select-mobile/options-list/Component.js';
 import '@alfalab/core-components-base-modal/modern';
+import './components/base-select-mobile/virtual-options-list/Component.js';

package/modern/utils.js

@@ -45,7 +45,7 @@ function useVisibleOptions({ visibleOptions, listRef, styleTargetRef = listRef,
     useEffect(() => {
         const list = listRef.current;
         const styleTarget = styleTargetRef.current;
-        if (open && list && styleTarget) {
+        if (open && list && styleTarget && visibleOptions > 0) {
             const optionsNodes = [].slice.call(list.children, 0, visibleOptions + 1);
             let height = optionsNodes
                 .slice(0, visibleOptions)

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-select",
-    "version": "13.2.11",
+    "version": "13.2.12",
     "description": "Select component",
     "keywords": [],
     "license": "MIT",
@@ -18,23 +18,24 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-badge": "^5.0.0",
-        "@alfalab/core-components-base-modal": "^5.0.9",
-        "@alfalab/core-components-bottom-sheet": "^5.2.2",
-        "@alfalab/core-components-button": "^7.0.5",
-        "@alfalab/core-components-checkbox": "^3.1.0",
-        "@alfalab/core-components-form-control": "^9.0.2",
-        "@alfalab/core-components-input": "^11.1.6",
-        "@alfalab/core-components-modal": "^6.1.11",
-        "@alfalab/core-components-popover": "^6.0.6",
-        "@alfalab/core-components-scrollbar": "^2.1.2",
-        "@alfalab/core-components-skeleton": "^4.0.3",
+        "@alfalab/core-components-badge": "^5.0.1",
+        "@alfalab/core-components-base-modal": "^5.0.10",
+        "@alfalab/core-components-bottom-sheet": "^5.3.1",
+        "@alfalab/core-components-button": "^7.1.0",
+        "@alfalab/core-components-checkbox": "^3.1.1",
+        "@alfalab/core-components-form-control": "^9.0.3",
+        "@alfalab/core-components-input": "^11.1.7",
+        "@alfalab/core-components-modal": "^6.1.12",
+        "@alfalab/core-components-popover": "^6.0.7",
+        "@alfalab/core-components-scrollbar": "^2.1.3",
+        "@alfalab/core-components-skeleton": "^4.0.4",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/icons-glyph": "^2.89.0",
         "@juggle/resize-observer": "^3.3.1",
         "classnames": "^2.3.1",
         "downshift": "^5.4.7",
         "react-merge-refs": "^1.1.0",
-        "react-virtual": "^2.3.2"
+        "react-virtual": "^2.3.2",
+        "tslib": "^2.4.0"
     }
 }

package/presets/index.js

@@ -2,8 +2,8 @@
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-fc2a45a0.js');
-require('../tslib.es6-a986f11c.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-989a84db.js');
+require('tslib');
 require('react');
 require('@alfalab/core-components-skeleton');
 require('../components/option/Component.js');
@@ -14,7 +14,7 @@ require('../components/checkmark/Component.js');
 require('@alfalab/core-components-badge');
 require('@alfalab/core-components-checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('../intersection-observer-404c5a30.js');
+require('../intersection-observer-230e176d.js');
 require('../components/arrow/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('react-merge-refs');
@@ -22,7 +22,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('../Component.js');
-require('../Component-0a2300e8.js');
+require('../Component-4af19284.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
@@ -39,6 +39,7 @@ require('../components/base-checkmark/Component.js');
 require('@alfalab/core-components-button');
 require('../components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal');
+require('../components/base-select-mobile/virtual-options-list/Component.js');
 
 
 

package/presets/useLazyLoading/hook.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-a986f11c.js');
+var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
 var components_option_Component = require('../../components/option/Component.js');
-require('../../intersection-observer-404c5a30.js');
+require('../../intersection-observer-230e176d.js');
 require('classnames');
 require('../../components/base-select-mobile/checkmark/Component.js');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"skeleton":"select__skeleton_i6ynz"};
+var styles = {"skeleton":"select__skeleton_1hw7s"};
 require('./index.css')
 
 var DEBOUNCE_TIMEOUT = 300;
@@ -56,22 +56,22 @@ function useLazyLoading(_a) {
     var lazyLoadingReducer = function (state, action) {
         switch (action.type) {
             case 'FETCH_OPTIONS_START': {
-                return tslib_es6.__assign(tslib_es6.__assign({}, state), { loading: true });
+                return tslib.__assign(tslib.__assign({}, state), { loading: true });
             }
             case 'FETCH_OPTIONS_BREAK': {
-                return tslib_es6.__assign(tslib_es6.__assign({}, state), { loading: false });
+                return tslib.__assign(tslib.__assign({}, state), { loading: false });
             }
             case 'FETCH_OPTIONS_SUCCESS': {
-                return tslib_es6.__assign(tslib_es6.__assign({}, state), { options: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.options, true), action.payload.options, true), offset: state.offset + (action.payload.options.length ? 1 : 0), allOptionsLoaded: !action.payload.hasMore, loading: false });
+                return tslib.__assign(tslib.__assign({}, state), { options: tslib.__spreadArray(tslib.__spreadArray([], state.options, true), action.payload.options, true), offset: state.offset + (action.payload.options.length ? 1 : 0), allOptionsLoaded: !action.payload.hasMore, loading: false });
             }
             case 'SET_IS_OPENED': {
-                return tslib_es6.__assign(tslib_es6.__assign({}, state), { opened: action.payload });
+                return tslib.__assign(tslib.__assign({}, state), { opened: action.payload });
             }
             case 'SET_QUERY_STRING': {
-                return tslib_es6.__assign(tslib_es6.__assign({}, lazyLoadingInitialState), { opened: state.opened, loading: true, queryString: action.payload });
+                return tslib.__assign(tslib.__assign({}, lazyLoadingInitialState), { opened: state.opened, loading: true, queryString: action.payload });
             }
             case 'RESET': {
-                return tslib_es6.__assign({}, lazyLoadingInitialState);
+                return tslib.__assign({}, lazyLoadingInitialState);
             }
             default: {
                 return state;
@@ -178,7 +178,7 @@ function useLazyLoading(_a) {
         }, DEBOUNCE_TIMEOUT);
         /* eslint-enable */
     }, []);
-    var renderOption = function (props) { return (React__default.default.createElement(Option, tslib_es6.__assign({}, props, { highlighted: loading ? false : props.highlighted }))); };
+    var renderOption = function (props) { return (React__default.default.createElement(Option, tslib.__assign({}, props, { highlighted: loading ? false : props.highlighted }))); };
     var skeletonOptions = React.useMemo(function () {
         return Array(loading ? limit : 0)
             .fill(0)
@@ -194,7 +194,7 @@ function useLazyLoading(_a) {
     return {
         optionsProps: {
             Option: renderOption,
-            options: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], options, true), skeletonOptions, true),
+            options: tslib.__spreadArray(tslib.__spreadArray([], options, true), skeletonOptions, true),
             optionsListProps: {
                 ref: listRef,
                 inputProps: {

package/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 13pb7 */
-.select__skeleton_i6ynz {
+/* hash: 1k4bw */
+.select__skeleton_1hw7s {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/presets/useSelectWithApply/hook.js

@@ -1,12 +1,12 @@
 'use strict';
 
-require('../../tslib.es6-a986f11c.js');
+require('tslib');
 require('react');
 require('../../Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../Component-0a2300e8.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-fc2a45a0.js');
+require('../../Component-4af19284.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-989a84db.js');
 require('@alfalab/core-components-form-control');
 require('@alfalab/hooks');
 require('../../utils.js');
@@ -18,7 +18,7 @@ require('../../components/options-list/Component.js');
 require('react-virtual');
 require('@alfalab/core-components-scrollbar');
 require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-404c5a30.js');
+require('../../intersection-observer-230e176d.js');
 require('../../components/arrow/Component.js');
 require('../../components/field/Component.js');
 require('../../components/optgroup/Component.js');
@@ -37,6 +37,7 @@ require('../../components/base-checkmark/Component.js');
 require('@alfalab/core-components-button');
 require('../../components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal');
+require('../../components/base-select-mobile/virtual-options-list/Component.js');
 
 
 

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

@@ -1,12 +1,12 @@
 'use strict';
 
-require('../../../tslib.es6-a986f11c.js');
+require('tslib');
 require('react');
 require('classnames');
 require('@alfalab/core-components-button');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../../Component-0a2300e8.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-fc2a45a0.js');
+require('../../../Component-4af19284.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-989a84db.js');
 require('@alfalab/core-components-form-control');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
@@ -34,9 +34,10 @@ require('../../../components/checkmark/Component.js');
 require('../../../components/base-option/Component.js');
 require('../../../components/base-checkmark/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-404c5a30.js');
+require('../../../intersection-observer-230e176d.js');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal');
+require('../../../components/base-select-mobile/virtual-options-list/Component.js');
 
 
 

package/presets/useSelectWithApply/options-list-with-apply/index.css

@@ -1,4 +1,4 @@
-/* hash: 1mllu */
+/* hash: oxa2l */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -27,12 +27,12 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_1mgwl {
+} .select__footer_1mpn0 {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_1mgwl > * + * {
+} .select__footer_1mpn0 > * + * {
         margin-left: var(--gap-xs);
-    } .select__withBorder_1mgwl {
+    } .select__withBorder_1mpn0 {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

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

@@ -1 +1 @@
-export * from "../../../Component-fc2a45a0";
+export * from "../../../Component-989a84db";

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-fc2a45a0.js');
-require('../../../tslib.es6-a986f11c.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-989a84db.js');
+require('tslib');
 require('react');
 require('../../../components/arrow/Component.js');
 require('classnames');
@@ -11,7 +11,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('../../../Component.js');
-require('../../../Component-0a2300e8.js');
+require('../../../Component-4af19284.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
@@ -33,10 +33,11 @@ require('react-virtual');
 require('../../../components/base-option/Component.js');
 require('../../../components/base-checkmark/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-404c5a30.js');
+require('../../../intersection-observer-230e176d.js');
 require('@alfalab/core-components-button');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal');
+require('../../../components/base-select-mobile/virtual-options-list/Component.js');
 
 
 

package/presets/useSelectWithLoading/hook.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-a986f11c.js');
+var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
 var components_option_Component = require('../../components/option/Component.js');
@@ -16,12 +16,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"skeleton":"select__skeleton_d4xw6"};
+var styles = {"skeleton":"select__skeleton_1yfus"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {
     var _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.visibleOptions, visibleOptions = _c === void 0 ? 6 : _c, _d = _a.Option, Option = _d === void 0 ? components_option_Component.Option : _d;
-    var renderOption = function (props) { return (React__default.default.createElement(Option, tslib_es6.__assign({}, props, { Checkmark: null, highlighted: loading ? false : props.highlighted }))); };
+    var renderOption = function (props) { return (React__default.default.createElement(Option, tslib.__assign({}, props, { Checkmark: null, highlighted: loading ? false : props.highlighted }))); };
     var options = Array(visibleOptions)
         .fill(0)
         .map(function (_, key) { return ({

package/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1fwc0 */
-.select__skeleton_d4xw6 {
+/* hash: yn6m0 */
+.select__skeleton_1yfus {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);