@alfalab/core-components-select 13.2.11 → 13.2.13

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

@@ -1,9 +1,9 @@
 'use strict';
 
-require('../../tslib.es6-0e9bf404.js');
+require('tslib');
 require('react');
 require('../arrow/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-29488b22.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-8f0723b4.js');
 require('../field/Component.js');
 require('../optgroup/Component.js');
 require('../option/Component.js');
@@ -15,7 +15,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('../../Component.js');
-require('../../Component-d0e84442.js');
+require('../../Component-1481ef6b.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover/cssm');
 require('@alfalab/hooks');
@@ -52,6 +52,8 @@ require('../../presets/useSelectWithApply/options-list-with-apply/index.module.c
 require('../base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
+require('../base-select-mobile/virtual-options-list/Component.js');
+require('../base-select-mobile/virtual-options-list/index.module.css');
 require('../base-select-mobile/index.module.css');
 
 

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

@@ -1 +1 @@
-export * from "../../Component-29488b22";
+export * from "../../Component-8f0723b4";

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-29488b22.js');
-require('../../tslib.es6-0e9bf404.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-8f0723b4.js');
+require('tslib');
 require('react');
 require('../arrow/Component.js');
 require('classnames');
@@ -12,7 +12,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('../../Component.js');
-require('../../Component-d0e84442.js');
+require('../../Component-1481ef6b.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover/cssm');
 require('@alfalab/hooks');
@@ -52,6 +52,8 @@ require('../../presets/useSelectWithApply/options-list-with-apply/index.module.c
 require('../base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
+require('../base-select-mobile/virtual-options-list/Component.js');
+require('../base-select-mobile/virtual-options-list/index.module.css');
 require('../base-select-mobile/index.module.css');
 
 

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

@@ -1,9 +1,9 @@
 'use strict';
 
-require('../../tslib.es6-0e9bf404.js');
+require('tslib');
 require('react');
 require('../arrow/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-29488b22.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-8f0723b4.js');
 require('../field/Component.js');
 require('../optgroup/Component.js');
 require('../option/Component.js');
@@ -15,7 +15,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('../../Component.js');
-require('../../Component-d0e84442.js');
+require('../../Component-1481ef6b.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover/cssm');
 require('@alfalab/hooks');
@@ -52,6 +52,8 @@ require('../../presets/useSelectWithApply/options-list-with-apply/index.module.c
 require('../base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
+require('../base-select-mobile/virtual-options-list/Component.js');
+require('../base-select-mobile/virtual-options-list/index.module.css');
 require('../base-select-mobile/index.module.css');
 
 

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

@@ -1 +1 @@
-export * from "../../Component-29488b22";
+export * from "../../Component-8f0723b4";

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-29488b22.js');
-require('../../tslib.es6-0e9bf404.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-8f0723b4.js');
+require('tslib');
 require('react');
 require('../arrow/Component.js');
 require('classnames');
@@ -12,7 +12,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('../../Component.js');
-require('../../Component-d0e84442.js');
+require('../../Component-1481ef6b.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover/cssm');
 require('@alfalab/hooks');
@@ -52,6 +52,8 @@ require('../../presets/useSelectWithApply/options-list-with-apply/index.module.c
 require('../base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
+require('../base-select-mobile/virtual-options-list/Component.js');
+require('../base-select-mobile/virtual-options-list/index.module.css');
 require('../base-select-mobile/index.module.css');
 
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-0e9bf404.js');
+var tslib = require('tslib');
 var React = require('react');
 var reactVirtual = require('react-virtual');
 var cn = require('classnames');
@@ -106,12 +106,12 @@ var VirtualOptionsList = function (_a) {
                     transform: "translateY(".concat(virtualRow.start, "px)"),
                 } },
                 group && React__default.default.createElement(Optgroup, { label: group.label }),
-                !utils.isGroup(option) && React__default.default.createElement(Option, tslib_es6.__assign({}, getOptionProps(option, virtualRow.index)))));
+                !utils.isGroup(option) && React__default.default.createElement(Option, tslib.__assign({}, getOptionProps(option, virtualRow.index)))));
         });
     };
     var renderWithCustomScrollbar = function () { return (React__default.default.createElement(coreComponentsScrollbar.Scrollbar, { className: styles__default.default.scrollable, ref: scrollbarRef, scrollableNodeProps: { onScroll: onScroll, ref: parentRef }, contentNodeProps: contentNodeProps }, renderList())); };
     var renderWithNativeScrollbar = function () { return (React__default.default.createElement("div", { className: styles__default.default.scrollable, ref: parentRef, onScroll: onScroll },
-        React__default.default.createElement("div", tslib_es6.__assign({}, contentNodeProps), renderList()))); };
+        React__default.default.createElement("div", tslib.__assign({}, contentNodeProps), renderList()))); };
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.virtualOptionsList, styles__default.default[size], className), "data-test-id": dataTestId },
         header,
         nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar(),

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_virtualOptionsList_Component = require('./Component.js');
-require('../../tslib.es6-0e9bf404.js');
+require('tslib');
 require('react');
 require('react-virtual');
 require('classnames');

package/cssm/index.js

@@ -2,8 +2,8 @@
 
 var Component = require('./Component.js');
 var components_arrow_Component = require('./components/arrow/Component.js');
-var components_baseSelect_Component = require('./Component-d0e84442.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-29488b22.js');
+var components_baseSelect_Component = require('./Component-1481ef6b.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-8f0723b4.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');
@@ -13,7 +13,7 @@ var components_baseOption_Component = require('./components/base-option/Componen
 var presets_useSelectWithLoading_hook = require('./presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./presets/useLazyLoading/hook.js');
 var utils = require('./utils.js');
-require('./tslib.es6-0e9bf404.js');
+require('tslib');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -55,6 +55,8 @@ require('./components/base-checkmark/Component.js');
 require('./components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('./components/base-select-mobile/options-list/index.module.css');
+require('./components/base-select-mobile/virtual-options-list/Component.js');
+require('./components/base-select-mobile/virtual-options-list/index.module.css');
 require('./components/base-select-mobile/index.module.css');
 
 

package/cssm/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-29488b22.js');
-require('../tslib.es6-0e9bf404.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-8f0723b4.js');
+require('tslib');
 require('react');
 require('@alfalab/core-components-skeleton/cssm');
 require('../components/option/Component.js');
@@ -28,7 +28,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('../Component.js');
-require('../Component-d0e84442.js');
+require('../Component-1481ef6b.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover/cssm');
 require('@alfalab/hooks');
@@ -54,6 +54,8 @@ require('./useSelectWithApply/options-list-with-apply/index.module.css');
 require('../components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../components/base-select-mobile/options-list/index.module.css');
+require('../components/base-select-mobile/virtual-options-list/Component.js');
+require('../components/base-select-mobile/virtual-options-list/index.module.css');
 require('../components/base-select-mobile/index.module.css');
 
 

package/cssm/presets/useLazyLoading/hook.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-0e9bf404.js');
+var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSkeleton = require('@alfalab/core-components-skeleton/cssm');
 var components_option_Component = require('../../components/option/Component.js');
@@ -58,22 +58,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;
@@ -180,7 +180,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)
@@ -196,7 +196,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/cssm/presets/useSelectWithApply/hook.js

@@ -1,13 +1,13 @@
 'use strict';
 
-require('../../tslib.es6-0e9bf404.js');
+require('tslib');
 require('react');
 require('../../Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../components/arrow/index.module.css');
-require('../../Component-d0e84442.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-29488b22.js');
+require('../../Component-1481ef6b.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-8f0723b4.js');
 require('@alfalab/core-components-form-control/cssm');
 require('@alfalab/hooks');
 require('../../utils.js');
@@ -52,6 +52,8 @@ require('./options-list-with-apply/index.module.css');
 require('../../components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../../components/base-select-mobile/options-list/index.module.css');
+require('../../components/base-select-mobile/virtual-options-list/Component.js');
+require('../../components/base-select-mobile/virtual-options-list/index.module.css');
 require('../../components/base-select-mobile/index.module.css');
 
 

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

@@ -1,13 +1,13 @@
 'use strict';
 
-require('../../../tslib.es6-0e9bf404.js');
+require('tslib');
 require('react');
 require('classnames');
 require('@alfalab/core-components-button/cssm');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../../components/arrow/index.module.css');
-require('../../../Component-d0e84442.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-29488b22.js');
+require('../../../Component-1481ef6b.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-8f0723b4.js');
 require('@alfalab/core-components-form-control/cssm');
 require('@alfalab/hooks');
 require('../../../components/field/index.module.css');
@@ -52,6 +52,8 @@ require('../../../intersection-observer-9ec5cf59.js');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../../../components/base-select-mobile/options-list/index.module.css');
+require('../../../components/base-select-mobile/virtual-options-list/Component.js');
+require('../../../components/base-select-mobile/virtual-options-list/index.module.css');
 require('../../../components/base-select-mobile/index.module.css');
 
 

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

@@ -1 +1 @@
-export * from "../../../Component-29488b22";
+export * from "../../../Component-8f0723b4";

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-29488b22.js');
-require('../../../tslib.es6-0e9bf404.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-8f0723b4.js');
+require('tslib');
 require('react');
 require('../../../components/arrow/Component.js');
 require('classnames');
@@ -12,7 +12,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('../../../Component.js');
-require('../../../Component-d0e84442.js');
+require('../../../Component-1481ef6b.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover/cssm');
 require('@alfalab/hooks');
@@ -52,6 +52,8 @@ require('./index.module.css');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../../../components/base-select-mobile/options-list/index.module.css');
+require('../../../components/base-select-mobile/virtual-options-list/Component.js');
+require('../../../components/base-select-mobile/virtual-options-list/index.module.css');
 require('../../../components/base-select-mobile/index.module.css');
 
 

package/cssm/presets/useSelectWithLoading/hook.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-0e9bf404.js');
+var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSkeleton = require('@alfalab/core-components-skeleton/cssm');
 var components_option_Component = require('../../components/option/Component.js');
@@ -23,7 +23,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 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/cssm/responsive.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_responsive = require('./Component.responsive.js');
-require('./tslib.es6-0e9bf404.js');
+require('tslib');
 require('react');
 require('@alfalab/hooks');
 require('./Component.js');
@@ -9,7 +9,7 @@ require('./components/arrow/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('./components/arrow/index.module.css');
-require('./Component-d0e84442.js');
+require('./Component-1481ef6b.js');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
@@ -35,7 +35,7 @@ require('./components/option/index.module.css');
 require('./components/options-list/Component.js');
 require('@alfalab/core-components-scrollbar/cssm');
 require('./components/options-list/index.module.css');
-require('./Component-29488b22.js');
+require('./Component-8f0723b4.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('react-virtual');
@@ -53,6 +53,8 @@ require('./presets/useSelectWithApply/options-list-with-apply/index.module.css')
 require('./components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('./components/base-select-mobile/options-list/index.module.css');
+require('./components/base-select-mobile/virtual-options-list/Component.js');
+require('./components/base-select-mobile/virtual-options-list/index.module.css');
 require('./components/base-select-mobile/index.module.css');
 
 

package/cssm/utils.js

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