@alfalab/core-components-select 12.4.7 → 13.0.1

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

@@ -1,31 +1,31 @@
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/core-components-form-control/modern';
-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/modern';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/modern';
+import '@alfalab/hooks';
+import '../../Component-ac4d8093.js';
+import '../../utils.js';
+import '../native-select/Component.js';
+import '@alfalab/core-components-form-control/modern';
+import '../field/Component.js';
 import '../optgroup/Component.js';
-import '../options-list/Component.js';
 import '@alfalab/core-components-checkbox/modern';
 import '../checkmark/Component.js';
 import '../option/Component.js';
-import '@juggle/resize-observer';
-import '@alfalab/core-components-popover/modern';
-import 'downshift';
-import '../native-select/Component.js';
-import '../../Component-538a2034.js';
+import '@alfalab/core-components-scrollbar/modern';
+import '../options-list/Component.js';
 import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import '@alfalab/core-components-button/modern';
+export { S as SelectMobile } from '../../Component-dc7907a7.js';
+import '../base-select-mobile/checkmark/Component.js';
 import '@alfalab/core-components-base-modal/modern';
 import '../base-select-mobile/options-list/Component.js';
-import '../base-select-mobile/checkmark/Component.js';
-export { S as SelectMobile } from '../../Component-8186c533.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-a0b1a83f.js';
+import '../../intersection-observer-46ae308d.js';

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

@@ -1 +1 @@
-export * from "../../Component-8186c533";
+export * from "../../Component-dc7907a7";

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

@@ -1,31 +1,31 @@
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/core-components-form-control/modern';
-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/modern';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/modern';
+import '@alfalab/hooks';
+import '../../Component-ac4d8093.js';
+import '../../utils.js';
+import '../native-select/Component.js';
+import '@alfalab/core-components-form-control/modern';
+import '../field/Component.js';
 import '../optgroup/Component.js';
-import '../options-list/Component.js';
 import '@alfalab/core-components-checkbox/modern';
 import '../checkmark/Component.js';
 import '../option/Component.js';
-import '@juggle/resize-observer';
-import '@alfalab/core-components-popover/modern';
-import 'downshift';
-import '../native-select/Component.js';
-import '../../Component-538a2034.js';
+import '@alfalab/core-components-scrollbar/modern';
+import '../options-list/Component.js';
 import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import '@alfalab/core-components-button/modern';
+export { S as SelectMobile } from '../../Component-dc7907a7.js';
+import '../base-select-mobile/checkmark/Component.js';
 import '@alfalab/core-components-base-modal/modern';
 import '../base-select-mobile/options-list/Component.js';
-import '../base-select-mobile/checkmark/Component.js';
-export { S as SelectMobile } from '../../Component-8186c533.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-a0b1a83f.js';
+import '../../intersection-observer-46ae308d.js';

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

@@ -1,31 +1,31 @@
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/core-components-form-control/modern';
-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/modern';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/modern';
+import '@alfalab/hooks';
+import '../../Component-ac4d8093.js';
+import '../../utils.js';
+import '../native-select/Component.js';
+import '@alfalab/core-components-form-control/modern';
+import '../field/Component.js';
 import '../optgroup/Component.js';
-import '../options-list/Component.js';
 import '@alfalab/core-components-checkbox/modern';
 import '../checkmark/Component.js';
 import '../option/Component.js';
-import '@juggle/resize-observer';
-import '@alfalab/core-components-popover/modern';
-import 'downshift';
-import '../native-select/Component.js';
-import '../../Component-538a2034.js';
+import '@alfalab/core-components-scrollbar/modern';
+import '../options-list/Component.js';
 import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import '@alfalab/core-components-button/modern';
+export { a as SelectModalMobile } from '../../Component-dc7907a7.js';
+import '../base-select-mobile/checkmark/Component.js';
 import '@alfalab/core-components-base-modal/modern';
 import '../base-select-mobile/options-list/Component.js';
-import '../base-select-mobile/checkmark/Component.js';
-export { a as SelectModalMobile } from '../../Component-8186c533.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-a0b1a83f.js';
+import '../../intersection-observer-46ae308d.js';

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

@@ -1 +1 @@
-export * from "../../Component-8186c533";
+export * from "../../Component-dc7907a7";

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

@@ -1,31 +1,31 @@
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/core-components-form-control/modern';
-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/modern';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/modern';
+import '@alfalab/hooks';
+import '../../Component-ac4d8093.js';
+import '../../utils.js';
+import '../native-select/Component.js';
+import '@alfalab/core-components-form-control/modern';
+import '../field/Component.js';
 import '../optgroup/Component.js';
-import '../options-list/Component.js';
 import '@alfalab/core-components-checkbox/modern';
 import '../checkmark/Component.js';
 import '../option/Component.js';
-import '@juggle/resize-observer';
-import '@alfalab/core-components-popover/modern';
-import 'downshift';
-import '../native-select/Component.js';
-import '../../Component-538a2034.js';
+import '@alfalab/core-components-scrollbar/modern';
+import '../options-list/Component.js';
 import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import '@alfalab/core-components-button/modern';
+export { a as SelectModalMobile } from '../../Component-dc7907a7.js';
+import '../base-select-mobile/checkmark/Component.js';
 import '@alfalab/core-components-base-modal/modern';
 import '../base-select-mobile/options-list/Component.js';
-import '../base-select-mobile/checkmark/Component.js';
-export { a as SelectModalMobile } from '../../Component-8186c533.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-a0b1a83f.js';
+import '../../intersection-observer-46ae308d.js';

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

@@ -2,14 +2,15 @@ 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/modern';
 import { Optgroup } from '../optgroup/Component.js';
+import { Scrollbar } from '@alfalab/core-components-scrollbar/modern';
 import { useVirtual } from 'react-virtual';
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_x4u38","scrollable":"select__scrollable_x4u38","inner":"select__inner_x4u38","virtualRow":"select__virtualRow_x4u38","highlighted":"select__highlighted_x4u38","emptyPlaceholder":"select__emptyPlaceholder_x4u38","l":"select__l_x4u38","xl":"select__xl_x4u38"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_1sokp","scrollable":"select__scrollable_1sokp","inner":"select__inner_1sokp","virtualRow":"select__virtualRow_1sokp","highlighted":"select__highlighted_1sokp","emptyPlaceholder":"select__emptyPlaceholder_1sokp","l":"select__l_1sokp","xl":"select__xl_1sokp"};
 require('./index.css')
 
 /* eslint-disable react-hooks/exhaustive-deps */
+// eslint-disable-next-line @typescript-eslint/no-redeclare
 const VirtualOptionsList = ({ size = 's', flatOptions = [], highlightedIndex = -1, className, getOptionProps, Option, open, options = [], overscan = 10, Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = 5, onScroll, header, footer, nativeScrollbar: nativeScrollbarProp, }) => {
     const listRef = useRef(null);
     const parentRef = useRef(null);
@@ -33,7 +34,7 @@ const VirtualOptionsList = ({ size = 's', flatOptions = [], highlightedIndex = -
     useEffect(() => {
         if (highlightedIndex === -1)
             return;
-        if (!rowVirtualizer.virtualItems.some(option => option.index === highlightedIndex)) {
+        if (!rowVirtualizer.virtualItems.some((option) => option.index === highlightedIndex)) {
             rowVirtualizer.scrollToIndex(highlightedIndex, { align: 'end' });
         }
     }, [highlightedIndex]);
@@ -85,26 +86,20 @@ const VirtualOptionsList = ({ size = 's', flatOptions = [], highlightedIndex = -
         style: { height: `${rowVirtualizer.totalSize}px` },
         ref: listRef,
     };
-    const renderList = () => {
-        return rowVirtualizer.virtualItems.map(virtualRow => {
-            const option = flatOptions[virtualRow.index];
-            const group = options[groupStartIndexes[virtualRow.index]];
-            return (React.createElement("div", { key: virtualRow.index, ref: virtualRow.measureRef, className: cn(styles.virtualRow, {
-                    [styles.highlighted]: highlightedIndex === virtualRow.index,
-                }), style: {
-                    transform: `translateY(${virtualRow.start}px)`,
-                } },
-                group && React.createElement(Optgroup$1, { label: group.label }),
-                !isGroup(option) && React.createElement(Option, Object.assign({}, getOptionProps(option, virtualRow.index)))));
-        });
-    };
-    const renderWithCustomScrollbar = () => {
-        return (React.createElement(Scrollbar, { className: styles.scrollable, ref: scrollbarRef, scrollableNodeProps: { onScroll, ref: parentRef }, contentNodeProps: contentNodeProps }, renderList()));
-    };
-    const renderWithNativeScrollbar = () => {
-        return (React.createElement("div", { className: styles.scrollable, ref: parentRef, onScroll: onScroll },
-            React.createElement("div", Object.assign({}, contentNodeProps), renderList())));
-    };
+    const renderList = () => rowVirtualizer.virtualItems.map((virtualRow) => {
+        const option = flatOptions[virtualRow.index];
+        const group = options[groupStartIndexes[virtualRow.index]];
+        return (React.createElement("div", { key: virtualRow.index, ref: virtualRow.measureRef, className: cn(styles.virtualRow, {
+                [styles.highlighted]: highlightedIndex === virtualRow.index,
+            }), style: {
+                transform: `translateY(${virtualRow.start}px)`,
+            } },
+            group && React.createElement(Optgroup$1, { label: group.label }),
+            !isGroup(option) && React.createElement(Option, { ...getOptionProps(option, virtualRow.index) })));
+    });
+    const renderWithCustomScrollbar = () => (React.createElement(Scrollbar, { className: styles.scrollable, ref: scrollbarRef, scrollableNodeProps: { onScroll, ref: parentRef }, contentNodeProps: contentNodeProps }, renderList()));
+    const renderWithNativeScrollbar = () => (React.createElement("div", { className: styles.scrollable, ref: parentRef, onScroll: onScroll },
+        React.createElement("div", { ...contentNodeProps }, renderList())));
     return (React.createElement("div", { className: cn(styles.virtualOptionsList, styles[size], className), "data-test-id": dataTestId },
         header,
         nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar(),

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

@@ -1,4 +1,4 @@
-/* hash: hk1lv */
+/* hash: 1v0w9 */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -32,27 +32,27 @@
 
     /* optgroup */
 }
-.select__virtualOptionsList_x4u38 {
+.select__virtualOptionsList_1sokp {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__scrollable_x4u38 {
+.select__scrollable_1sokp {
     overflow: auto;
     width: 100%;
 }
-.select__inner_x4u38 {
+.select__inner_1sokp {
     position: relative;
     width: 100%;
 }
-.select__virtualRow_x4u38 {
+.select__virtualRow_1sokp {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
 }
-.select__virtualRow_x4u38:before {
+.select__virtualRow_1sokp: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_x4u38:first-child:before {
+.select__virtualRow_1sokp:first-child:before {
         display: none;
     }
-.select__highlighted_x4u38:before,
-    .select__highlighted_x4u38 + .select__virtualRow_x4u38:before {
+.select__highlighted_1sokp:before,
+    .select__highlighted_1sokp + .select__virtualRow_1sokp:before {
         display: none;
     }
-.select__emptyPlaceholder_x4u38 {
+.select__emptyPlaceholder_1sokp {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__l_x4u38 .select__emptyPlaceholder_x4u38,
-.select__xl_x4u38 .select__emptyPlaceholder_x4u38 {
+.select__l_1sokp .select__emptyPlaceholder_1sokp,
+.select__xl_1sokp .select__emptyPlaceholder_1sokp {
     padding: var(--gap-xl) var(--gap-m);
 }

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

@@ -2,7 +2,7 @@ import 'react';
 import 'classnames';
 import '@alfalab/hooks';
 import '../../utils.js';
-import '@alfalab/core-components-scrollbar/modern';
 import '../optgroup/Component.js';
+import '@alfalab/core-components-scrollbar/modern';
 import 'react-virtual';
 export { VirtualOptionsList } from './Component.js';

package/{esm/hook-f5b8fe4f.d.ts → modern/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/modern/index.js

@@ -1,34 +1,34 @@
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/core-components-form-control/modern';
-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/modern';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/modern';
+import '@alfalab/hooks';
+export { B as BaseSelect } from './Component-ac4d8093.js';
+export { isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from './utils.js';
+import './components/native-select/Component.js';
+import '@alfalab/core-components-form-control/modern';
+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/modern';
 import './components/checkmark/Component.js';
 export { Option } from './components/option/Component.js';
-import '@juggle/resize-observer';
-import '@alfalab/core-components-popover/modern';
-import 'downshift';
-import './components/native-select/Component.js';
-export { B as BaseSelect } from './Component-538a2034.js';
+import '@alfalab/core-components-scrollbar/modern';
+export { OptionsList } from './components/options-list/Component.js';
 export { Select } from './Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import '@alfalab/core-components-button/modern';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-dc7907a7.js';
+import './components/base-select-mobile/checkmark/Component.js';
 import '@alfalab/core-components-base-modal/modern';
 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-8186c533.js';
 import 'react-virtual';
 export { VirtualOptionsList } from './components/virtual-options-list/Component.js';
 import '@alfalab/core-components-skeleton/modern';
 export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
-import './intersection-observer-a0b1a83f.js';
 export { useLazyLoading } from './presets/useLazyLoading/hook.js';
+import './intersection-observer-46ae308d.js';

package/modern/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/modern/presets/index.js

@@ -1,33 +1,33 @@
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/core-components-form-control/modern';
-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/modern';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/modern';
+import '@alfalab/hooks';
+import '../Component-ac4d8093.js';
+import '../utils.js';
+import '../components/native-select/Component.js';
+import '@alfalab/core-components-form-control/modern';
+import '../components/field/Component.js';
 import '../components/optgroup/Component.js';
-import '../components/options-list/Component.js';
 import '@alfalab/core-components-checkbox/modern';
 import '../components/checkmark/Component.js';
 import '../components/option/Component.js';
-import '@juggle/resize-observer';
-import '@alfalab/core-components-popover/modern';
-import 'downshift';
-import '../components/native-select/Component.js';
-import '../Component-538a2034.js';
+import '@alfalab/core-components-scrollbar/modern';
+import '../components/options-list/Component.js';
 import '../Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import '@alfalab/core-components-button/modern';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-dc7907a7.js';
+import '../components/base-select-mobile/checkmark/Component.js';
 import '@alfalab/core-components-base-modal/modern';
 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-8186c533.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
-import '../intersection-observer-a0b1a83f.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
+import '../intersection-observer-46ae308d.js';

package/modern/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/modern/presets/useLazyLoading/hook.js

@@ -4,9 +4,9 @@ import '@alfalab/core-components-checkbox/modern';
 import '../../components/checkmark/Component.js';
 import { Option } from '../../components/option/Component.js';
 import { Skeleton } from '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-a0b1a83f.js';
+import '../../intersection-observer-46ae308d.js';
 
-var styles = {"skeleton":"select__skeleton_jr05e"};
+var styles = {"skeleton":"select__skeleton_1m64c"};
 require('./index.css')
 
 const DEBOUNCE_TIMEOUT = 300;
@@ -89,7 +89,7 @@ function useLazyLoading({ limit = 10, initialOffset = 0, optionsFetcher, skeleto
             }
         }
     };
-    const [{ opened, offset, options, loading, allOptionsLoaded, queryString }, dispatch,] = useReducer(lazyLoadingReducer, lazyLoadingInitialState);
+    const [{ opened, offset, options, loading, allOptionsLoaded, queryString }, dispatch] = useReducer(lazyLoadingReducer, lazyLoadingInitialState);
     const abortFetchingOptionsRef = useRef();
     const fetchNextOffsetOptions = useCallback(() => {
         dispatch(actions.fetchOptionsStart());
@@ -97,11 +97,11 @@ function useLazyLoading({ limit = 10, initialOffset = 0, optionsFetcher, skeleto
             // eslint-disable-next-line no-unused-expressions
             abortFetchingOptionsRef.current?.();
             abortFetchingOptionsRef.current = reject;
-            optionsFetcher(offset, limit, queryString).then(res => {
+            optionsFetcher(offset, limit, queryString).then((res) => {
                 resolve(res);
             });
         })
-            .then(res => {
+            .then((res) => {
             dispatch(actions.fetchOptionsSuccess(res));
             abortFetchingOptionsRef.current = undefined;
         })
@@ -183,16 +183,14 @@ function useLazyLoading({ limit = 10, initialOffset = 0, optionsFetcher, skeleto
         }, DEBOUNCE_TIMEOUT);
         /* eslint-enable */
     }, []);
-    const renderOption = useCallback((props) => (React.createElement(Option, Object.assign({}, props, { highlighted: loading ? false : props.highlighted }))), [loading]);
-    const skeletonOptions = useMemo(() => {
-        return Array(loading ? limit : 0)
-            .fill(0)
-            .map((_, key) => ({
-            key: `loading-${key}`,
-            disabled: true,
-            content: skeleton,
-        }));
-    }, [loading, limit, skeleton]);
+    const renderOption = useCallback((props) => (React.createElement(Option, { ...props, highlighted: loading ? false : props.highlighted })), [loading]);
+    const skeletonOptions = useMemo(() => Array(loading ? limit : 0)
+        .fill(0)
+        .map((_, key) => ({
+        key: `loading-${key}`,
+        disabled: true,
+        content: skeleton,
+    })), [loading, limit, skeleton]);
     const reset = useCallback(() => {
         dispatch(actions.reset());
     }, []);

package/modern/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: plze5 */
-.select__skeleton_jr05e {
+/* hash: 1xdfp */
+.select__skeleton_1m64c {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/modern/presets/useSelectWithApply/hook.js

@@ -1,31 +1,31 @@
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/core-components-form-control/modern';
-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/modern';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/modern';
+import '@alfalab/hooks';
+import '../../Component-ac4d8093.js';
+import '../../utils.js';
+import '../../components/native-select/Component.js';
+import '@alfalab/core-components-form-control/modern';
+import '../../components/field/Component.js';
 import '../../components/optgroup/Component.js';
-import '../../components/options-list/Component.js';
 import '@alfalab/core-components-checkbox/modern';
 import '../../components/checkmark/Component.js';
 import '../../components/option/Component.js';
-import '@juggle/resize-observer';
-import '@alfalab/core-components-popover/modern';
-import 'downshift';
-import '../../components/native-select/Component.js';
-import '../../Component-538a2034.js';
+import '@alfalab/core-components-scrollbar/modern';
+import '../../components/options-list/Component.js';
 import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import '@alfalab/core-components-button/modern';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-dc7907a7.js';
+import '../../components/base-select-mobile/checkmark/Component.js';
 import '@alfalab/core-components-base-modal/modern';
 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-8186c533.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-a0b1a83f.js';
+import '../../intersection-observer-46ae308d.js';