@alfalab/core-components-select 12.4.6 → 13.0.0

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

@@ -1,12 +1,12 @@
-import React, { forwardRef, useCallback, useRef } from 'react';
+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/modern';
 import { Optgroup } from '../optgroup/Component.js';
+import { Scrollbar } from '@alfalab/core-components-scrollbar/modern';
 
-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')
 
 const createCounter = () => {
@@ -17,11 +17,11 @@ const createCounter = () => {
 const OptionsList = forwardRef(({ size = 's', className, optionGroupClassName, Option, getOptionProps, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = 5, onScroll, open, header, footer, optionsListWidth, nativeScrollbar: nativeScrollbarProp, }, ref) => {
     let [nativeScrollbar] = useMedia([[true, '(max-width: 1023px)']], false);
     nativeScrollbar = Boolean(nativeScrollbarProp ?? nativeScrollbar);
-    const renderOption = useCallback((option, index) => (React.createElement(Option, Object.assign({ key: option.key }, getOptionProps(option, index)))), [getOptionProps]);
+    const renderOption = (option, index) => (React.createElement(Option, { key: option.key, ...getOptionProps(option, index) }));
     const listRef = useRef(null);
     const scrollbarRef = useRef(null);
     const counter = createCounter();
-    const renderGroup = useCallback((group) => (React.createElement(Optgroup$1, { className: optionGroupClassName, label: group.label, key: group.label, size: size }, group.options.map(option => renderOption(option, counter())))), [optionGroupClassName, counter, renderOption, size]);
+    const renderGroup = (group) => (React.createElement(Optgroup$1, { className: optionGroupClassName, label: group.label, key: group.label, size: size }, group.options.map((option) => renderOption(option, counter()))));
     useVisibleOptions({
         ...(!nativeScrollbar && { styleTargetRef: scrollbarRef }),
         visibleOptions,
@@ -32,11 +32,9 @@ const OptionsList = forwardRef(({ size = 's', className, optionGroupClassName, O
     if (options.length === 0 && !emptyPlaceholder) {
         return null;
     }
-    const renderListItems = () => {
-        return (React.createElement(React.Fragment, null,
-            options.map(option => isGroup(option) ? renderGroup(option) : renderOption(option, counter())),
-            emptyPlaceholder && options.length === 0 && (React.createElement("div", { className: styles.emptyPlaceholder }, emptyPlaceholder))));
-    };
+    const renderListItems = () => (React.createElement(React.Fragment, null,
+        options.map((option) => isGroup(option) ? renderGroup(option) : renderOption(option, counter())),
+        emptyPlaceholder && options.length === 0 && (React.createElement("div", { className: styles.emptyPlaceholder }, emptyPlaceholder))));
     const renderWithCustomScrollbar = () => {
         const scrollableNodeProps = {
             onScroll,
@@ -45,10 +43,8 @@ const OptionsList = forwardRef(({ size = 's', className, optionGroupClassName, O
         };
         return (React.createElement(Scrollbar, { className: styles.scrollable, ref: scrollbarRef, horizontalAutoStretch: optionsListWidth === 'content', scrollableNodeProps: scrollableNodeProps, contentNodeProps: { ref: listRef } }, renderListItems()));
     };
-    const renderWithNativeScrollbar = () => {
-        return (React.createElement("div", { className: styles.scrollable, ref: mergeRefs([listRef, ref]), onScroll: onScroll }, renderListItems()));
-    };
-    return (React.createElement("div", Object.assign({}, (nativeScrollbar && { 'data-test-id': dataTestId }), { className: cn(styles.optionsList, styles[size], className) }),
+    const renderWithNativeScrollbar = () => (React.createElement("div", { className: styles.scrollable, ref: mergeRefs([listRef, ref]), onScroll: onScroll }, renderListItems()));
+    return (React.createElement("div", { ...(nativeScrollbar && { 'data-test-id': dataTestId }), className: cn(styles.optionsList, styles[size], className) },
         header,
         nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar(),
         footer));

package/modern/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/modern/components/options-list/index.js

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

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-42762c09.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-f424e3c6.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-afb04bfc.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-7a4219aa.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-47ac1624.js';
+import '../../intersection-observer-5cff2265.js';

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

@@ -1 +1 @@
-export * from "../../Component-7a4219aa";
+export * from "../../Component-afb04bfc";

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-42762c09.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-f424e3c6.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-afb04bfc.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-7a4219aa.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-47ac1624.js';
+import '../../intersection-observer-5cff2265.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-42762c09.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-f424e3c6.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-afb04bfc.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-7a4219aa.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-47ac1624.js';
+import '../../intersection-observer-5cff2265.js';

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

@@ -1 +1 @@
-export * from "../../Component-7a4219aa";
+export * from "../../Component-afb04bfc";

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-42762c09.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-f424e3c6.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-afb04bfc.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-7a4219aa.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-47ac1624.js';
+import '../../intersection-observer-5cff2265.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_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
 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: 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/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-42762c09.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-f424e3c6.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-afb04bfc.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-7a4219aa.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-47ac1624.js';
 export { useLazyLoading } from './presets/useLazyLoading/hook.js';
+import './intersection-observer-5cff2265.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-42762c09.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-f424e3c6.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-afb04bfc.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-7a4219aa.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
-import '../intersection-observer-47ac1624.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
+import '../intersection-observer-5cff2265.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;