@alfalab/core-components-select 12.4.6 → 13.0.0

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

@@ -1,13 +1,13 @@
-import { a as __assign } from '../../tslib.es6-babe1c35.js';
-import React, { forwardRef, useCallback, useRef } from 'react';
+import { a as __assign } from '../../tslib.es6-8ce25143.js';
+import React, { forwardRef, useRef } from 'react';
 import cn from 'classnames';
+import mergeRefs from 'react-merge-refs';
 import { useMedia } from '@alfalab/hooks';
 import { useVisibleOptions, isGroup } from '../../utils.js';
-import mergeRefs from 'react-merge-refs';
-import { Scrollbar } from '@alfalab/core-components-scrollbar/esm';
 import { Optgroup } from '../optgroup/Component.js';
+import { Scrollbar } from '@alfalab/core-components-scrollbar/esm';
 
-var styles = {"optionsList":"select__optionsList_157la","scrollable":"select__scrollable_157la","emptyPlaceholder":"select__emptyPlaceholder_157la","l":"select__l_157la","xl":"select__xl_157la"};
+var styles = {"optionsList":"select__optionsList_13ww0","scrollable":"select__scrollable_13ww0","emptyPlaceholder":"select__emptyPlaceholder_13ww0","l":"select__l_13ww0","xl":"select__xl_13ww0"};
 require('./index.css')
 
 var createCounter = function () {
@@ -19,24 +19,20 @@ var OptionsList = forwardRef(function (_a, ref) {
     var _b = _a.size, size = _b === void 0 ? 's' : _b, className = _a.className, optionGroupClassName = _a.optionGroupClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.Optgroup, Optgroup$1 = _d === void 0 ? Optgroup : _d, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _e = _a.visibleOptions, visibleOptions = _e === void 0 ? 5 : _e, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar;
     var nativeScrollbar = useMedia([[true, '(max-width: 1023px)']], false)[0];
     nativeScrollbar = Boolean(nativeScrollbarProp !== null && nativeScrollbarProp !== void 0 ? nativeScrollbarProp : nativeScrollbar);
-    var renderOption = useCallback(function (option, index) { return (React.createElement(Option, __assign({ key: option.key }, getOptionProps(option, index)))); }, [getOptionProps]);
+    var renderOption = function (option, index) { return (React.createElement(Option, __assign({ key: option.key }, getOptionProps(option, index)))); };
     var listRef = useRef(null);
     var scrollbarRef = useRef(null);
     var counter = createCounter();
-    var renderGroup = useCallback(function (group) { return (React.createElement(Optgroup$1, { className: optionGroupClassName, label: group.label, key: group.label, size: size }, group.options.map(function (option) { return renderOption(option, counter()); }))); }, [optionGroupClassName, counter, renderOption, size]);
-    useVisibleOptions(__assign(__assign({}, (!nativeScrollbar && { styleTargetRef: scrollbarRef })), { visibleOptions: visibleOptions,
-        listRef: listRef,
-        open: open, invalidate: options }));
+    var renderGroup = function (group) { return (React.createElement(Optgroup$1, { className: optionGroupClassName, label: group.label, key: group.label, size: size }, group.options.map(function (option) { return renderOption(option, counter()); }))); };
+    useVisibleOptions(__assign(__assign({}, (!nativeScrollbar && { styleTargetRef: scrollbarRef })), { visibleOptions: visibleOptions, listRef: listRef, open: open, invalidate: options }));
     if (options.length === 0 && !emptyPlaceholder) {
         return null;
     }
-    var renderListItems = function () {
-        return (React.createElement(React.Fragment, null,
-            options.map(function (option) {
-                return isGroup(option) ? renderGroup(option) : renderOption(option, counter());
-            }),
-            emptyPlaceholder && options.length === 0 && (React.createElement("div", { className: styles.emptyPlaceholder }, emptyPlaceholder))));
-    };
+    var renderListItems = function () { return (React.createElement(React.Fragment, null,
+        options.map(function (option) {
+            return isGroup(option) ? renderGroup(option) : renderOption(option, counter());
+        }),
+        emptyPlaceholder && options.length === 0 && (React.createElement("div", { className: styles.emptyPlaceholder }, emptyPlaceholder)))); };
     var renderWithCustomScrollbar = function () {
         var scrollableNodeProps = {
             onScroll: onScroll,
@@ -45,9 +41,7 @@ var OptionsList = forwardRef(function (_a, ref) {
         };
         return (React.createElement(Scrollbar, { className: styles.scrollable, ref: scrollbarRef, horizontalAutoStretch: optionsListWidth === 'content', scrollableNodeProps: scrollableNodeProps, contentNodeProps: { ref: listRef } }, renderListItems()));
     };
-    var renderWithNativeScrollbar = function () {
-        return (React.createElement("div", { className: styles.scrollable, ref: mergeRefs([listRef, ref]), onScroll: onScroll }, renderListItems()));
-    };
+    var renderWithNativeScrollbar = function () { return (React.createElement("div", { className: styles.scrollable, ref: mergeRefs([listRef, ref]), onScroll: onScroll }, renderListItems())); };
     return (React.createElement("div", __assign({}, (nativeScrollbar && { 'data-test-id': dataTestId }), { className: cn(styles.optionsList, styles[size], className) }),
         header,
         nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar(),

package/esm/components/options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: drtu6 */
+/* hash: 1pxgv */
 :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
 }
@@ -26,21 +26,21 @@
 
     /* optgroup */
 }
-.select__optionsList_157la {
+.select__optionsList_13ww0 {
     overflow: auto;
     width: 100%;
     outline: none;
     box-sizing: border-box;
 }
-.select__scrollable_157la {
+.select__scrollable_13ww0 {
     overflow: auto;
     width: 100%;
 }
-.select__emptyPlaceholder_157la {
+.select__emptyPlaceholder_13ww0 {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__l_157la .select__emptyPlaceholder_157la,
-.select__xl_157la .select__emptyPlaceholder_157la {
+.select__l_13ww0 .select__emptyPlaceholder_13ww0,
+.select__xl_13ww0 .select__emptyPlaceholder_13ww0 {
     padding: var(--gap-xl) var(--gap-m);
 }

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

@@ -1,9 +1,9 @@
-import '../../tslib.es6-babe1c35.js';
+import '../../tslib.es6-8ce25143.js';
 import 'react';
 import 'classnames';
+import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../../utils.js';
-import 'react-merge-refs';
-import '@alfalab/core-components-scrollbar/esm';
 import '../optgroup/Component.js';
+import '@alfalab/core-components-scrollbar/esm';
 export { OptionsList } from './Component.js';

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

@@ -1,32 +1,32 @@
-import '../../tslib.es6-babe1c35.js';
+import '../../tslib.es6-8ce25143.js';
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/core-components-form-control/esm';
-import '../../utils.js';
-import '../field/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '../arrow/Component.js';
 import 'react-merge-refs';
-import '@alfalab/core-components-scrollbar/esm';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/esm';
+import '@alfalab/hooks';
+import '../../Component-878fd5fa.js';
+import '../../utils.js';
+import '../native-select/Component.js';
+import '@alfalab/core-components-form-control/esm';
+import '../field/Component.js';
 import '../optgroup/Component.js';
-import '../options-list/Component.js';
 import '@alfalab/core-components-checkbox/esm';
 import '../checkmark/Component.js';
 import '../option/Component.js';
-import '@juggle/resize-observer';
-import '@alfalab/core-components-popover/esm';
-import 'downshift';
-import '../native-select/Component.js';
-import '../../Component-4cadb402.js';
+import '@alfalab/core-components-scrollbar/esm';
+import '../options-list/Component.js';
 import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';
 import '@alfalab/core-components-button/esm';
+export { S as SelectMobile } from '../../Component-2cf53a63.js';
+import '../base-select-mobile/checkmark/Component.js';
 import '@alfalab/core-components-base-modal/esm';
 import '../base-select-mobile/options-list/Component.js';
-import '../base-select-mobile/checkmark/Component.js';
-export { S as SelectMobile } from '../../Component-7abd68e3.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/esm';
-import '../../intersection-observer-47ac1624.js';
+import '../../intersection-observer-5cff2265.js';

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

@@ -1 +1 @@
-export * from "../../Component-7abd68e3";
+export * from "../../Component-2cf53a63";

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

@@ -1,32 +1,32 @@
-import '../../tslib.es6-babe1c35.js';
+import '../../tslib.es6-8ce25143.js';
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/core-components-form-control/esm';
-import '../../utils.js';
-import '../field/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '../arrow/Component.js';
 import 'react-merge-refs';
-import '@alfalab/core-components-scrollbar/esm';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/esm';
+import '@alfalab/hooks';
+import '../../Component-878fd5fa.js';
+import '../../utils.js';
+import '../native-select/Component.js';
+import '@alfalab/core-components-form-control/esm';
+import '../field/Component.js';
 import '../optgroup/Component.js';
-import '../options-list/Component.js';
 import '@alfalab/core-components-checkbox/esm';
 import '../checkmark/Component.js';
 import '../option/Component.js';
-import '@juggle/resize-observer';
-import '@alfalab/core-components-popover/esm';
-import 'downshift';
-import '../native-select/Component.js';
-import '../../Component-4cadb402.js';
+import '@alfalab/core-components-scrollbar/esm';
+import '../options-list/Component.js';
 import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';
 import '@alfalab/core-components-button/esm';
+export { S as SelectMobile } from '../../Component-2cf53a63.js';
+import '../base-select-mobile/checkmark/Component.js';
 import '@alfalab/core-components-base-modal/esm';
 import '../base-select-mobile/options-list/Component.js';
-import '../base-select-mobile/checkmark/Component.js';
-export { S as SelectMobile } from '../../Component-7abd68e3.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/esm';
-import '../../intersection-observer-47ac1624.js';
+import '../../intersection-observer-5cff2265.js';

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

@@ -1,32 +1,32 @@
-import '../../tslib.es6-babe1c35.js';
+import '../../tslib.es6-8ce25143.js';
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/core-components-form-control/esm';
-import '../../utils.js';
-import '../field/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '../arrow/Component.js';
 import 'react-merge-refs';
-import '@alfalab/core-components-scrollbar/esm';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/esm';
+import '@alfalab/hooks';
+import '../../Component-878fd5fa.js';
+import '../../utils.js';
+import '../native-select/Component.js';
+import '@alfalab/core-components-form-control/esm';
+import '../field/Component.js';
 import '../optgroup/Component.js';
-import '../options-list/Component.js';
 import '@alfalab/core-components-checkbox/esm';
 import '../checkmark/Component.js';
 import '../option/Component.js';
-import '@juggle/resize-observer';
-import '@alfalab/core-components-popover/esm';
-import 'downshift';
-import '../native-select/Component.js';
-import '../../Component-4cadb402.js';
+import '@alfalab/core-components-scrollbar/esm';
+import '../options-list/Component.js';
 import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';
 import '@alfalab/core-components-button/esm';
+export { a as SelectModalMobile } from '../../Component-2cf53a63.js';
+import '../base-select-mobile/checkmark/Component.js';
 import '@alfalab/core-components-base-modal/esm';
 import '../base-select-mobile/options-list/Component.js';
-import '../base-select-mobile/checkmark/Component.js';
-export { a as SelectModalMobile } from '../../Component-7abd68e3.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/esm';
-import '../../intersection-observer-47ac1624.js';
+import '../../intersection-observer-5cff2265.js';

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

@@ -1 +1 @@
-export * from "../../Component-7abd68e3";
+export * from "../../Component-2cf53a63";

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

@@ -1,32 +1,32 @@
-import '../../tslib.es6-babe1c35.js';
+import '../../tslib.es6-8ce25143.js';
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/core-components-form-control/esm';
-import '../../utils.js';
-import '../field/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '../arrow/Component.js';
 import 'react-merge-refs';
-import '@alfalab/core-components-scrollbar/esm';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/esm';
+import '@alfalab/hooks';
+import '../../Component-878fd5fa.js';
+import '../../utils.js';
+import '../native-select/Component.js';
+import '@alfalab/core-components-form-control/esm';
+import '../field/Component.js';
 import '../optgroup/Component.js';
-import '../options-list/Component.js';
 import '@alfalab/core-components-checkbox/esm';
 import '../checkmark/Component.js';
 import '../option/Component.js';
-import '@juggle/resize-observer';
-import '@alfalab/core-components-popover/esm';
-import 'downshift';
-import '../native-select/Component.js';
-import '../../Component-4cadb402.js';
+import '@alfalab/core-components-scrollbar/esm';
+import '../options-list/Component.js';
 import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';
 import '@alfalab/core-components-button/esm';
+export { a as SelectModalMobile } from '../../Component-2cf53a63.js';
+import '../base-select-mobile/checkmark/Component.js';
 import '@alfalab/core-components-base-modal/esm';
 import '../base-select-mobile/options-list/Component.js';
-import '../base-select-mobile/checkmark/Component.js';
-export { a as SelectModalMobile } from '../../Component-7abd68e3.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/esm';
-import '../../intersection-observer-47ac1624.js';
+import '../../intersection-observer-5cff2265.js';

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

@@ -1,16 +1,17 @@
-import { a as __assign } from '../../tslib.es6-babe1c35.js';
+import { a as __assign } from '../../tslib.es6-8ce25143.js';
 import React, { useRef, useState, useEffect, useMemo } from 'react';
 import cn from 'classnames';
 import { useMedia } from '@alfalab/hooks';
 import { usePrevious, lastIndexOf, useVisibleOptions, isGroup } from '../../utils.js';
-import { Scrollbar } from '@alfalab/core-components-scrollbar/esm';
 import { Optgroup } from '../optgroup/Component.js';
+import { Scrollbar } from '@alfalab/core-components-scrollbar/esm';
 import { useVirtual } from 'react-virtual';
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_1q8cq","scrollable":"select__scrollable_1q8cq","inner":"select__inner_1q8cq","virtualRow":"select__virtualRow_1q8cq","highlighted":"select__highlighted_1q8cq","emptyPlaceholder":"select__emptyPlaceholder_1q8cq","l":"select__l_1q8cq","xl":"select__xl_1q8cq"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_bkmps","scrollable":"select__scrollable_bkmps","inner":"select__inner_bkmps","virtualRow":"select__virtualRow_bkmps","highlighted":"select__highlighted_bkmps","emptyPlaceholder":"select__emptyPlaceholder_bkmps","l":"select__l_bkmps","xl":"select__xl_bkmps"};
 require('./index.css')
 
 /* eslint-disable react-hooks/exhaustive-deps */
+// eslint-disable-next-line @typescript-eslint/no-redeclare
 var VirtualOptionsList = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 's' : _b, _c = _a.flatOptions, flatOptions = _c === void 0 ? [] : _c, _d = _a.highlightedIndex, highlightedIndex = _d === void 0 ? -1 : _d, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _e = _a.options, options = _e === void 0 ? [] : _e, _f = _a.overscan, overscan = _f === void 0 ? 10 : _f, _g = _a.Optgroup, Optgroup$1 = _g === void 0 ? Optgroup : _g, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? 5 : _h, onScroll = _a.onScroll, header = _a.header, footer = _a.footer, nativeScrollbarProp = _a.nativeScrollbar;
     var listRef = useRef(null);
@@ -101,13 +102,9 @@ var VirtualOptionsList = function (_a) {
                 !isGroup(option) && React.createElement(Option, __assign({}, getOptionProps(option, virtualRow.index)))));
         });
     };
-    var renderWithCustomScrollbar = function () {
-        return (React.createElement(Scrollbar, { className: styles.scrollable, ref: scrollbarRef, scrollableNodeProps: { onScroll: onScroll, ref: parentRef }, contentNodeProps: contentNodeProps }, renderList()));
-    };
-    var renderWithNativeScrollbar = function () {
-        return (React.createElement("div", { className: styles.scrollable, ref: parentRef, onScroll: onScroll },
-            React.createElement("div", __assign({}, contentNodeProps), renderList())));
-    };
+    var renderWithCustomScrollbar = function () { return (React.createElement(Scrollbar, { className: styles.scrollable, ref: scrollbarRef, scrollableNodeProps: { onScroll: onScroll, ref: parentRef }, contentNodeProps: contentNodeProps }, renderList())); };
+    var renderWithNativeScrollbar = function () { return (React.createElement("div", { className: styles.scrollable, ref: parentRef, onScroll: onScroll },
+        React.createElement("div", __assign({}, contentNodeProps), renderList()))); };
     return (React.createElement("div", { className: cn(styles.virtualOptionsList, styles[size], className), "data-test-id": dataTestId },
         header,
         nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar(),

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

@@ -1,4 +1,4 @@
-/* hash: 1qkyh */
+/* hash: 1dvgm */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -32,27 +32,27 @@
 
     /* optgroup */
 }
-.select__virtualOptionsList_1q8cq {
+.select__virtualOptionsList_bkmps {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__scrollable_1q8cq {
+.select__scrollable_bkmps {
     overflow: auto;
     width: 100%;
 }
-.select__inner_1q8cq {
+.select__inner_bkmps {
     position: relative;
     width: 100%;
 }
-.select__virtualRow_1q8cq {
+.select__virtualRow_bkmps {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
 }
-.select__virtualRow_1q8cq:before {
+.select__virtualRow_bkmps:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -63,18 +63,18 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
     }
-.select__virtualRow_1q8cq:first-child:before {
+.select__virtualRow_bkmps:first-child:before {
         display: none;
     }
-.select__highlighted_1q8cq:before,
-    .select__highlighted_1q8cq + .select__virtualRow_1q8cq:before {
+.select__highlighted_bkmps:before,
+    .select__highlighted_bkmps + .select__virtualRow_bkmps:before {
         display: none;
     }
-.select__emptyPlaceholder_1q8cq {
+.select__emptyPlaceholder_bkmps {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__l_1q8cq .select__emptyPlaceholder_1q8cq,
-.select__xl_1q8cq .select__emptyPlaceholder_1q8cq {
+.select__l_bkmps .select__emptyPlaceholder_bkmps,
+.select__xl_bkmps .select__emptyPlaceholder_bkmps {
     padding: var(--gap-xl) var(--gap-m);
 }

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

@@ -1,9 +1,9 @@
-import '../../tslib.es6-babe1c35.js';
+import '../../tslib.es6-8ce25143.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';
 import '../../utils.js';
-import '@alfalab/core-components-scrollbar/esm';
 import '../optgroup/Component.js';
+import '@alfalab/core-components-scrollbar/esm';
 import 'react-virtual';
 export { VirtualOptionsList } from './Component.js';

package/{modern/hook-f5b8fe4f.d.ts → esm/hook-edac5428.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { OptionShape, BaseSelectProps } from "./index";
+import { BaseSelectProps, OptionShape } from "./index";
 type useSelectWithApplyProps = {
     /**
      * Список выбранных пунктов
@@ -32,9 +32,7 @@ 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<unknown>> | undefined; /**
-         * Показывать кнопку очистки
-         */
+        OptionsList?: import("react").FC<import("./index").OptionsListProps & import("react").RefAttributes<unknown>> | undefined;
     } & import("react").RefAttributes<unknown>>;
     optionsListProps: {
         OptionsList: import("react").FC<import("./index").OptionsListProps> | undefined;

package/esm/index.js

@@ -1,35 +1,35 @@
-import './tslib.es6-babe1c35.js';
+import './tslib.es6-8ce25143.js';
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/core-components-form-control/esm';
-export { isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from './utils.js';
-export { Field } from './components/field/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 export { Arrow } from './components/arrow/Component.js';
 import 'react-merge-refs';
-import '@alfalab/core-components-scrollbar/esm';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/esm';
+import '@alfalab/hooks';
+export { B as BaseSelect } from './Component-878fd5fa.js';
+export { isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from './utils.js';
+import './components/native-select/Component.js';
+import '@alfalab/core-components-form-control/esm';
+export { Field } from './components/field/Component.js';
 export { Optgroup } from './components/optgroup/Component.js';
-export { OptionsList } from './components/options-list/Component.js';
 import '@alfalab/core-components-checkbox/esm';
 import './components/checkmark/Component.js';
 export { Option } from './components/option/Component.js';
-import '@juggle/resize-observer';
-import '@alfalab/core-components-popover/esm';
-import 'downshift';
-import './components/native-select/Component.js';
-export { B as BaseSelect } from './Component-4cadb402.js';
+import '@alfalab/core-components-scrollbar/esm';
+export { OptionsList } from './components/options-list/Component.js';
 export { Select } from './Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';
 import '@alfalab/core-components-button/esm';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-2cf53a63.js';
+import './components/base-select-mobile/checkmark/Component.js';
 import '@alfalab/core-components-base-modal/esm';
 import './components/base-select-mobile/options-list/Component.js';
-import './components/base-select-mobile/checkmark/Component.js';
-export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-7abd68e3.js';
 import 'react-virtual';
 export { VirtualOptionsList } from './components/virtual-options-list/Component.js';
 import '@alfalab/core-components-skeleton/esm';
 export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
-import './intersection-observer-47ac1624.js';
 export { useLazyLoading } from './presets/useLazyLoading/hook.js';
+import './intersection-observer-5cff2265.js';

package/esm/presets/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./useSelectWithLoading/hook";
 export * from "./useLazyLoading/hook";
-export * from "../hook-f5b8fe4f";
+export * from "../hook-edac5428";

package/esm/presets/index.js

@@ -1,34 +1,34 @@
-import '../tslib.es6-babe1c35.js';
+import '../tslib.es6-8ce25143.js';
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/core-components-form-control/esm';
-import '../utils.js';
-import '../components/field/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '../components/arrow/Component.js';
 import 'react-merge-refs';
-import '@alfalab/core-components-scrollbar/esm';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/esm';
+import '@alfalab/hooks';
+import '../Component-878fd5fa.js';
+import '../utils.js';
+import '../components/native-select/Component.js';
+import '@alfalab/core-components-form-control/esm';
+import '../components/field/Component.js';
 import '../components/optgroup/Component.js';
-import '../components/options-list/Component.js';
 import '@alfalab/core-components-checkbox/esm';
 import '../components/checkmark/Component.js';
 import '../components/option/Component.js';
-import '@juggle/resize-observer';
-import '@alfalab/core-components-popover/esm';
-import 'downshift';
-import '../components/native-select/Component.js';
-import '../Component-4cadb402.js';
+import '@alfalab/core-components-scrollbar/esm';
+import '../components/options-list/Component.js';
 import '../Component.js';
 import '@alfalab/core-components-bottom-sheet/esm';
 import '@alfalab/core-components-modal/esm/mobile';
 import '@alfalab/core-components-button/esm';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-2cf53a63.js';
+import '../components/base-select-mobile/checkmark/Component.js';
 import '@alfalab/core-components-base-modal/esm';
 import '../components/base-select-mobile/options-list/Component.js';
-import '../components/base-select-mobile/checkmark/Component.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-7abd68e3.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/esm';
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
-import '../intersection-observer-47ac1624.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
+import '../intersection-observer-5cff2265.js';

package/esm/presets/useLazyLoading/hook.d.ts

@@ -22,7 +22,7 @@ type useLazyLoadingProps = {
      *  hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
      * }>
      */
-    optionsFetcher<T>(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
+    optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
 };
 declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, }: useLazyLoadingProps): {
     optionsProps: {
@@ -38,7 +38,7 @@ declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton
             };
         };
         onOpen: (payload: {
-            open?: boolean | undefined;
+            open?: boolean;
         }) => void;
     };
     reset: () => void;

package/esm/presets/useLazyLoading/hook.js

@@ -1,13 +1,13 @@
-import { a as __assign, b as __spreadArrays } from '../../tslib.es6-babe1c35.js';
+import { a as __assign, b as __spreadArray } from '../../tslib.es6-8ce25143.js';
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import 'classnames';
 import '@alfalab/core-components-checkbox/esm';
 import '../../components/checkmark/Component.js';
 import { Option } from '../../components/option/Component.js';
 import { Skeleton } from '@alfalab/core-components-skeleton/esm';
-import '../../intersection-observer-47ac1624.js';
+import '../../intersection-observer-5cff2265.js';
 
-var styles = {"skeleton":"select__skeleton_4i4e5"};
+var styles = {"skeleton":"select__skeleton_1uz0l"};
 require('./index.css')
 
 var DEBOUNCE_TIMEOUT = 300;
@@ -52,7 +52,7 @@ function useLazyLoading(_a) {
                 return __assign(__assign({}, state), { loading: false });
             }
             case 'FETCH_OPTIONS_SUCCESS': {
-                return __assign(__assign({}, state), { options: __spreadArrays(state.options, action.payload.options), offset: state.offset + (action.payload.options.length ? 1 : 0), allOptionsLoaded: !action.payload.hasMore, loading: false });
+                return __assign(__assign({}, state), { options: __spreadArray(__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 __assign(__assign({}, state), { opened: action.payload });
@@ -184,7 +184,7 @@ function useLazyLoading(_a) {
     return {
         optionsProps: {
             Option: renderOption,
-            options: __spreadArrays(options, skeletonOptions),
+            options: __spreadArray(__spreadArray([], options, true), skeletonOptions, true),
             optionsListProps: {
                 ref: listRef,
                 inputProps: {

package/esm/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1uvsd */
-.select__skeleton_4i4e5 {
+/* hash: 1mt83 */
+.select__skeleton_1uz0l {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);