@alfalab/core-components-select 15.2.0 → 15.2.2

package/esm/components/search/index.css

@@ -1,4 +1,4 @@
-/* hash: g0jcv */
+/* hash: 135ud */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -23,6 +23,6 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_20hku {
+} .select__component_lcwk3 {
     width: auto;
 }

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

@@ -9,12 +9,12 @@ import { DEFAULT_VISIBLE_OPTIONS } from '../../consts.js';
 import { usePrevious, lastIndexOf, useVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_ia6ms","virtualOptionsListHeader":"select__virtualOptionsListHeader_ia6ms","virtualOptionsListFooter":"select__virtualOptionsListFooter_ia6ms","withBorder":"select__withBorder_ia6ms","scrollable":"select__scrollable_ia6ms","inner":"select__inner_ia6ms","virtualRow":"select__virtualRow_ia6ms","highlighted":"select__highlighted_ia6ms","emptyPlaceholder":"select__emptyPlaceholder_ia6ms","l":"select__l_ia6ms","xl":"select__xl_ia6ms"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_8wamo","virtualOptionsListHeader":"select__virtualOptionsListHeader_8wamo","virtualOptionsListFooter":"select__virtualOptionsListFooter_8wamo","withBorder":"select__withBorder_8wamo","scrollable":"select__scrollable_8wamo","inner":"select__inner_8wamo","virtualRow":"select__virtualRow_8wamo","highlighted":"select__highlighted_8wamo","emptyPlaceholder":"select__emptyPlaceholder_8wamo","l":"select__l_8wamo","xl":"select__xl_8wamo"};
 require('./index.css')
 
 var VirtualOptionsList = forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.size, size = _c === void 0 ? 's' : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.highlightedIndex, highlightedIndex = _e === void 0 ? -1 : _e, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.Optgroup, Optgroup$1 = _g === void 0 ? Optgroup : _g, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? DEFAULT_VISIBLE_OPTIONS : _h, header = _a.header, footer = _a.footer, _j = _a.showFooter, showFooter = _j === void 0 ? true : _j, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar;
+    var _c = _a.size, size = _c === void 0 ? 's' : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.highlightedIndex, highlightedIndex = _e === void 0 ? -1 : _e, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.Optgroup, Optgroup$1 = _g === void 0 ? Optgroup : _g, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? DEFAULT_VISIBLE_OPTIONS : _h, header = _a.header, footer = _a.footer, _j = _a.showFooter, showFooter = _j === void 0 ? true : _j, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar, setHighlightedIndex = _a.setHighlightedIndex;
     var listRef = useRef(null);
     var parentRef = useRef(null);
     var scrollbarRef = useRef(null);
@@ -115,14 +115,15 @@ var VirtualOptionsList = forwardRef(function (_a, ref) {
         }
         return React.createElement("div", __assign({}, contentNodeProps), renderList());
     };
+    var resetHighlightedIndex = function () { return setHighlightedIndex === null || setHighlightedIndex === void 0 ? void 0 : setHighlightedIndex(-1); };
     if (options.length === 0 && !emptyPlaceholder) {
         return null;
     }
     return (React.createElement("div", { className: cn(styles.virtualOptionsList, styles[size], className), "data-test-id": dataTestId },
-        header && React.createElement("div", { className: styles.virtualOptionsListHeader }, header),
+        header && (React.createElement("div", { className: styles.virtualOptionsListHeader, onMouseEnter: resetHighlightedIndex }, header)),
         nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar(),
         emptyPlaceholder && options.length === 0 && (React.createElement("div", { className: styles.emptyPlaceholder }, emptyPlaceholder)),
-        showFooter && footer && (React.createElement("div", { className: cn(styles.virtualOptionsListFooter, (_b = {},
+        showFooter && footer && (React.createElement("div", { onMouseEnter: resetHighlightedIndex, className: cn(styles.virtualOptionsListFooter, (_b = {},
                 _b[styles.withBorder] = visibleOptions && flatOptions.length > visibleOptions,
                 _b)) }, footer))));
 });

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

@@ -1,4 +1,4 @@
-/* hash: t6is7 */
+/* hash: 1x0f2 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dcdcdd;
@@ -35,34 +35,34 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_ia6ms {
+} .select__virtualOptionsList_8wamo {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
-} .select__virtualOptionsListHeader_ia6ms {
+} .select__virtualOptionsListHeader_8wamo {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-border-secondary);
-} .select__virtualOptionsListFooter_ia6ms {
+} .select__virtualOptionsListFooter_8wamo {
     position: sticky;
     bottom: 0;
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__virtualOptionsListFooter_ia6ms.select__withBorder_ia6ms {
+} .select__virtualOptionsListFooter_8wamo.select__withBorder_8wamo {
         border-top: 1px solid var(--color-light-border-secondary);
-    } .select__scrollable_ia6ms {
+    } .select__scrollable_8wamo {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_ia6ms {
+} .select__inner_8wamo {
     position: relative;
     width: 100%;
-} .select__virtualRow_ia6ms {
+} .select__virtualRow_8wamo {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
-} .select__virtualRow_ia6ms:before {
+} .select__virtualRow_8wamo:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -72,15 +72,15 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_ia6ms:first-child:before {
+    } .select__virtualRow_8wamo:first-child:before {
         display: none;
-    } .select__highlighted_ia6ms:before,
-    .select__highlighted_ia6ms + .select__virtualRow_ia6ms:before {
+    } .select__highlighted_8wamo:before,
+    .select__highlighted_8wamo + .select__virtualRow_8wamo:before {
         display: none;
-    } .select__emptyPlaceholder_ia6ms {
+    } .select__emptyPlaceholder_8wamo {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__l_ia6ms .select__emptyPlaceholder_ia6ms,
-.select__xl_ia6ms .select__emptyPlaceholder_ia6ms {
+} .select__l_8wamo .select__emptyPlaceholder_8wamo,
+.select__xl_8wamo .select__emptyPlaceholder_8wamo {
     padding: var(--gap-xl) var(--gap-m);
 }

package/esm/desktop-69921c40.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from "react";
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonDesktop };
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/esm/{hook-3fd6d6d4.js → hook-571dca86.js}

@@ -12,7 +12,10 @@ var OptionsListWithApply = forwardRef(function (_a, ref) {
         var optionProps = defaultGetOptionProps(option, index);
         var selected = option.key === SELECT_ALL_KEY
             ? selectedDraft.length === flatOptions.length - 1
-            : selectedDraft.includes(option);
+            : selectedDraft.some(function (_a) {
+                var key = _a.key;
+                return key === option.key;
+            });
         return __assign(__assign({}, optionProps), { selected: selected });
     }, [defaultGetOptionProps, flatOptions.length, selectedDraft]);
     var handleApply = useCallback(function () {

package/esm/index-ebda875c.d.ts

@@ -1,38 +1,2 @@
 /// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { BaseButtonProps } from "./typings-9211a437";
-/**
- * Минимальное время отображения лоадера - 500мс,
- * чтобы при быстрых ответах от сервера кнопка не «моргала».
- */
-declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
-declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-type SpinnerProps = {
-    /**
-     * Управление видимостью компонента
-     */
-    visible?: boolean;
-    /**
-     * Размер компонента
-     */
-    size?: "xs" | "s" | "m";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор компонента в DOM
-     */
-    id?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Палитра, в контексте которой используется спиннер
-     */
-    colors?: "default" | "inverted";
-};
-declare const Spinner: FC<SpinnerProps>;
-export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, SpinnerProps, Spinner };
+export * from "./Component-89f0cb07";

package/esm/index.js

@@ -40,7 +40,7 @@ import '@alfalab/core-components-base-modal/esm';
 import '@alfalab/core-components-button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-3fd6d6d4.js';
+import './hook-571dca86.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '@alfalab/core-components-button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/esm/mobile.js

@@ -34,7 +34,7 @@ import '@alfalab/core-components-base-modal/esm';
 import '@alfalab/core-components-button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-3fd6d6d4.js';
+import './hook-571dca86.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '@alfalab/core-components-button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/esm/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-3fd6d6d4.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-571dca86.js';
 import 'tslib';
 import 'react';
 import '@alfalab/core-components-skeleton/esm';

package/esm/presets/useSelectWithApply/hook.js

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../utils.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-3fd6d6d4.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-571dca86.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';
 import 'classnames';

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

@@ -2,7 +2,7 @@ import 'tslib';
 import 'react';
 import '../../../components/options-list/Component.js';
 import '../../../consts.js';
-export { O as OptionsListWithApply } from '../../../hook-3fd6d6d4.js';
+export { O as OptionsListWithApply } from '../../../hook-571dca86.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ButtonDesktop } from '@alfalab/core-components-button/esm/desktop';
 
-var styles = {"footer":"select__footer_1hcm9"};
+var styles = {"footer":"select__footer_zbbxs"};
 require('./index.css')
 
 var Footer = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1mb8q */
+/* hash: r40yx */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .select__footer_1hcm9 {
+} .select__footer_zbbxs {
     background-color: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_1hcm9 > * + * {
+} .select__footer_zbbxs > * + * {
         margin-left: var(--gap-xs);
     }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Checkbox } from '@alfalab/core-components-checkbox/esm';
 
-var styles = {"desktop":"select__desktop_s77i9","mobile":"select__mobile_s77i9"};
+var styles = {"desktop":"select__desktop_1a8hu","mobile":"select__mobile_1a8hu"};
 require('./index.css')
 
 var Header = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: ex6il */
+/* hash: 1qszj */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,8 +16,8 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .select__desktop_s77i9 {
+} .select__desktop_1a8hu {
     padding: var(--gap-s);
-} .select__mobile_s77i9 {
+} .select__mobile_1a8hu {
     padding: var(--gap-s) var(--gap-xs);
 }

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

@@ -1 +1 @@
-export * from "../../../hook-3fd6d6d4";
+export * from "../../../hook-571dca86";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-3fd6d6d4.js';
+export { O as OptionsListWithApply } from '../../../hook-571dca86.js';
 import 'tslib';
 import 'react';
 import '../../../utils.js';

package/esm/presets/useSelectWithLoading/hook.js

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/checkmark-mobile/Component.js';
 
-var styles = {"skeleton":"select__skeleton_1f6a1"};
+var styles = {"skeleton":"select__skeleton_1eba2"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/esm/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 52mbq */
-.select__skeleton_1f6a1 {
+/* hash: 1fned */
+.select__skeleton_1eba2 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/esm/shared.js

@@ -9,7 +9,7 @@ export { BaseOption } from './components/base-option/Component.js';
 export { Search } from './components/search/Component.js';
 export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from './presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from './hook-3fd6d6d4.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from './hook-571dca86.js';
 export { defaultAccessor, defaultFilterFn, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from './utils.js';
 import 'react';
 import 'classnames';

package/{modern/typings-9211a437.d.ts → esm/typings-89f0cb07.d.ts}

@@ -69,6 +69,8 @@ type ComponentProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+};
+type PrivateButtonProps = {
     /**
      * Основные стили компонента.
      */
@@ -80,16 +82,12 @@ type ComponentProps = {
      */
     colorStylesMap: StyleColors;
 };
-type AnchorBaseButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeBaseButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
-type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
-type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
     breakpoint?: number;
 };
-export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/esm/typings.d.ts

@@ -459,6 +459,10 @@ type OptionsListProps = {
      * Обработчик отмены изменений
      */
     onClear?: () => void;
+    /**
+     * Указать индекс пункта для hover состояния
+     */
+    setHighlightedIndex?: (index: number) => void;
 };
 type OptgroupProps = {
     /**

package/{cssm/hook-d1f5dd40.js → hook-a6f060a1.js}

@@ -18,7 +18,10 @@ var OptionsListWithApply = React.forwardRef(function (_a, ref) {
         var optionProps = defaultGetOptionProps(option, index);
         var selected = option.key === SELECT_ALL_KEY
             ? selectedDraft.length === flatOptions.length - 1
-            : selectedDraft.includes(option);
+            : selectedDraft.some(function (_a) {
+                var key = _a.key;
+                return key === option.key;
+            });
         return tslib.__assign(tslib.__assign({}, optionProps), { selected: selected });
     }, [defaultGetOptionProps, flatOptions.length, selectedDraft]);
     var handleApply = React.useCallback(function () {

package/index-ebda875c.d.ts

@@ -1,38 +1,2 @@
 /// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { BaseButtonProps } from "./typings-9211a437";
-/**
- * Минимальное время отображения лоадера - 500мс,
- * чтобы при быстрых ответах от сервера кнопка не «моргала».
- */
-declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
-declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-type SpinnerProps = {
-    /**
-     * Управление видимостью компонента
-     */
-    visible?: boolean;
-    /**
-     * Размер компонента
-     */
-    size?: "xs" | "s" | "m";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор компонента в DOM
-     */
-    id?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Палитра, в контексте которой используется спиннер
-     */
-    colors?: "default" | "inverted";
-};
-declare const Spinner: FC<SpinnerProps>;
-export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, SpinnerProps, Spinner };
+export * from "./Component-89f0cb07";

package/index.js

@@ -44,7 +44,7 @@ require('@alfalab/core-components-base-modal');
 require('@alfalab/core-components-button/mobile');
 require('./components/virtual-options-list/Component.js');
 require('react-virtual');
-require('./hook-45ab0a9c.js');
+require('./hook-a6f060a1.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('@alfalab/core-components-button/desktop');
 require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');

package/mobile.js

@@ -38,7 +38,7 @@ require('@alfalab/core-components-base-modal');
 require('@alfalab/core-components-button/mobile');
 require('./components/virtual-options-list/Component.js');
 require('react-virtual');
-require('./hook-45ab0a9c.js');
+require('./hook-a6f060a1.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('@alfalab/core-components-button/desktop');
 require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');

package/modern/Component-89f0cb07.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
+type SpinnerProps = {
+    /**
+     * Управление видимостью компонента
+     */
+    visible?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "xs" | "s" | "m";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор компонента в DOM
+     */
+    id?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Палитра, в контексте которой используется спиннер
+     */
+    colors?: "default" | "inverted";
+};
+declare const Spinner: FC<SpinnerProps>;
+/**
+ * Минимальное время отображения лоадера - 500мс,
+ * чтобы при быстрых ответах от сервера кнопка не «моргала».
+ */
+declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
+declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/modern/Component.mobile-ebda875c.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonMobileProps, ButtonMobile };
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/modern/Component.mobile.js

@@ -9,7 +9,7 @@ import { Option } from './components/option/Component.js';
 import { OptionsList } from './components/options-list/Component.js';
 import { Search } from './components/search/Component.js';
 import { VirtualOptionsList } from './components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from './hook-5dd83d48.js';
+import { u as useSelectWithApply } from './hook-7e628eb4.js';
 import { Header } from './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -57,7 +57,7 @@ const SelectMobile = forwardRef(({ autocomplete = false, multiple = false, allow
     return (React.createElement(BaseSelectMobile, { ref: ref, autocomplete: autocomplete, multiple: multiple, allowUnselect: allowUnselect, disabled: disabled, closeOnSelect: closeOnSelect, circularNavigation: circularNavigation, defaultOpen: defaultOpen, open: openProp, size: size, optionsSize: optionsSize, fieldProps: {
             FormControlComponent: FormControlMobile,
             ...fieldProps,
-        }, optionProps: optionProps, Arrow: Arrow$1, Field: Field$1, Optgroup: Optgroup$1, Option: Option$1, Search: Search$1, isBottomSheet: true, options: options, selected: selected, onChange: onChange, OptionsList: OptionsList$1, bottomSheetProps: {
+        }, optionProps: optionProps, Arrow: Arrow$1, Field: Field$1, Optgroup: Optgroup$1, Option: Option$1, Search: Search$1, isBottomSheet: true, options: options, selected: selected, onChange: onChange, OptionsList: OptionsList$1, showSearch: showSearch, searchProps: searchProps, bottomSheetProps: {
             bottomAddons: useWithApplyHook && showHeaderWithSelectAll && (React.createElement(Header, { ...applyProps.optionsListProps.headerProps, mobile: true })),
             ...bottomSheetProps,
         }, optionsListProps: optionsListProps, ...restProps, ...(useWithApplyHook && applyProps) }));

package/modern/Component.modal.mobile.js

@@ -8,7 +8,7 @@ import { Optgroup } from './components/optgroup/Component.js';
 import { Option } from './components/option/Component.js';
 import { OptionsList } from './components/options-list/Component.js';
 import { VirtualOptionsList } from './components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from './hook-5dd83d48.js';
+import { u as useSelectWithApply } from './hook-7e628eb4.js';
 import { Header } from './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -57,7 +57,7 @@ const SelectModalMobile = forwardRef(({ autocomplete = false, multiple = false,
     return (React.createElement(BaseSelectMobile, { ref: ref, autocomplete: autocomplete, multiple: multiple, allowUnselect: allowUnselect, disabled: disabled, closeOnSelect: closeOnSelect, circularNavigation: circularNavigation, defaultOpen: defaultOpen, open: openProp, size: size, optionsSize: optionsSize, fieldProps: {
             FormControlComponent: FormControlMobile,
             ...fieldProps,
-        }, optionProps: optionProps, Arrow: Arrow$1, Field: Field$1, Optgroup: Optgroup$1, Option: Option$1, isBottomSheet: false, options: options, selected: selected, onChange: onChange, OptionsList: OptionsList$1, optionsListProps: optionsListProps, modalHeaderProps: {
+        }, optionProps: optionProps, Arrow: Arrow$1, Field: Field$1, Optgroup: Optgroup$1, Option: Option$1, isBottomSheet: false, options: options, selected: selected, onChange: onChange, OptionsList: OptionsList$1, optionsListProps: optionsListProps, showSearch: showSearch, searchProps: searchProps, modalHeaderProps: {
             bottomAddons: useWithApplyHook && showHeaderWithSelectAll && (React.createElement(Header, { ...applyProps.optionsListProps.headerProps, mobile: true })),
             ...modalHeaderProps,
         }, ...restProps, ...(useWithApplyHook && applyProps) }));

package/modern/Component.responsive.js

@@ -38,7 +38,7 @@ import '@alfalab/core-components-base-modal/modern';
 import '@alfalab/core-components-button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-5dd83d48.js';
+import './hook-7e628eb4.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '@alfalab/core-components-button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/modern/components/arrow/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 
-const styles = {"arrow":"select__arrow_zc6jw","open":"select__open_zc6jw"};
+const styles = {"arrow":"select__arrow_yw1vz","open":"select__open_yw1vz"};
 require('./index.css')
 
 const Arrow = ({ open, className }) => (React.createElement(ChevronDownMIcon, { className: cn(styles.arrow, className, { [styles.open]: open }) }));

package/modern/components/arrow/index.css

@@ -1,4 +1,4 @@
-/* hash: 196xl */
+/* hash: 5xl7a */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -26,13 +26,13 @@
     /* checkmark */
 
     /* optgroup */
-} .select__arrow_zc6jw {
+} .select__arrow_yw1vz {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
-} .select__open_zc6jw {
+} .select__open_yw1vz {
     transform: var(--arrow-transform);
 }

package/modern/components/base-checkmark/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Checkbox } from '@alfalab/core-components-checkbox/modern';
 import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-const styles = {"checkmark":"select__checkmark_kx36p","single":"select__single_kx36p","selected":"select__selected_kx36p"};
+const styles = {"checkmark":"select__checkmark_ld7ul","single":"select__single_ld7ul","selected":"select__selected_ld7ul"};
 require('./index.css')
 
 const BaseCheckmark = ({ selected, disabled = false, className, multiple, }) => {