@alfalab/core-components-select 12.4.7 → 13.0.1

package/esm/presets/useSelectWithApply/hook.js

@@ -1,32 +1,32 @@
-import '../../tslib.es6-14867fac.js';
+import '../../tslib.es6-c4534f67.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-3cfcec1a.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-d190d712.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-889ce29b.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-b4fcaaca.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/esm';
-import '../../intersection-observer-a0b1a83f.js';
+import '../../intersection-observer-46ae308d.js';

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

@@ -1,32 +1,32 @@
-import '../../../tslib.es6-14867fac.js';
+import '../../../tslib.es6-c4534f67.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-3cfcec1a.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-d190d712.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 { O as OptionsListWithApply } from '../../../Component-889ce29b.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 { O as OptionsListWithApply } from '../../../Component-b4fcaaca.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/esm';
-import '../../../intersection-observer-a0b1a83f.js';
+import '../../../intersection-observer-46ae308d.js';

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

@@ -1,4 +1,4 @@
-/* hash: 1beib */
+/* hash: tir6a */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_wf9a3 {
+.select__footer_1yudg {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_wf9a3 > * + * {
+.select__footer_1yudg > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_wf9a3 {
+.select__withBorder_1yudg {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

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

@@ -1 +1 @@
-export * from "../../../Component-b4fcaaca";
+export * from "../../../Component-889ce29b";

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

@@ -1,32 +1,32 @@
-import '../../../tslib.es6-14867fac.js';
+import '../../../tslib.es6-c4534f67.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-3cfcec1a.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-d190d712.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 { O as OptionsListWithApply } from '../../../Component-889ce29b.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 { O as OptionsListWithApply } from '../../../Component-b4fcaaca.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/esm';
-import '../../../intersection-observer-a0b1a83f.js';
+import '../../../intersection-observer-46ae308d.js';

package/esm/presets/useSelectWithLoading/hook.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-14867fac.js';
+import { a as __assign } from '../../tslib.es6-c4534f67.js';
 import React, { useCallback } from 'react';
 import 'classnames';
 import '@alfalab/core-components-checkbox/esm';
@@ -6,7 +6,7 @@ import '../../components/checkmark/Component.js';
 import { Option } from '../../components/option/Component.js';
 import { Skeleton } from '@alfalab/core-components-skeleton/esm';
 
-var styles = {"skeleton":"select__skeleton_1v8of"};
+var styles = {"skeleton":"select__skeleton_zoxte"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/esm/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 4v0gc */
-.select__skeleton_1v8of {
+/* hash: 1g9ny */
+.select__skeleton_zoxte {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/{cssm/tslib.es6-f8106a15.d.ts → esm/tslib.es6-c4534f67.d.ts}

@@ -12,9 +12,12 @@ declare function __generator(thisArg: any, body: any): {
 declare function __exportStar(m: any, o: any): void;
 declare function __values(o: any): any;
 declare function __read(o: any, n: any): any;
+/** @deprecated */
 declare function __spread(...args: any[]): any[];
+/** @deprecated */
 declare function __spreadArrays(...args: any[]): any[];
-declare function __await(v: any): any;
+declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
+declare function __await(v: any): __await;
 declare class __await {
     constructor(v: any);
     v: any;
@@ -25,8 +28,9 @@ declare function __asyncValues(o: any): any;
 declare function __makeTemplateObject(cooked: any, raw: any): any;
 declare function __importStar(mod: any): any;
 declare function __importDefault(mod: any): any;
-declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
-declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
+declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
+declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
+declare function __classPrivateFieldIn(state: any, receiver: any): any;
 declare function __assign(...args: any[]): any;
 declare function __createBinding(o: any, m: any, k: any, k2: any): void;
-export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding };
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };

package/esm/{tslib.es6-14867fac.js → tslib.es6-c4534f67.js}

@@ -1,4 +1,4 @@
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -36,13 +36,16 @@ function __rest(s, e) {
         }
     return t;
 }
-function __spreadArrays() {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-        s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2)
+        for (var i = 0, l = from.length, ar; i < l; i++) {
+            if (ar || !(i in from)) {
+                if (!ar)
+                    ar = Array.prototype.slice.call(from, 0, i);
+                ar[i] = from[i];
+            }
+        }
+    return to.concat(ar || Array.prototype.slice.call(from));
 }
 
-export { __rest as _, __assign as a, __spreadArrays as b };
+export { __rest as _, __assign as a, __spreadArray as b };

package/esm/typings.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ReactNode, FC, RefAttributes, AriaAttributes, FocusEvent, MouseEvent, ReactElement } from 'react';
-import { PopoverProps } from "@alfalab/core-components-popover";
+import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes } from 'react';
 import { InputProps } from "@alfalab/core-components-input";
+import { PopoverProps } from "@alfalab/core-components-popover";
 type OptionShape = {
     /**
      * Текстовое представление пункта

package/esm/utils.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, RefObject } from 'react';
-import { OptionShape, GroupShape, BaseSelectProps } from "./typings";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
-declare const isOptionShape: (item: string | OptionShape | null) => item is OptionShape;
+declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {
     selected?: OptionShape | undefined;
     selectedMultiple?: OptionShape[] | undefined;

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

@@ -2,44 +2,46 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-beb5d518.js');
+require('./tslib.es6-911daf6f.js');
 require('react');
 require('classnames');
-require('@alfalab/hooks');
-require('@alfalab/core-components-form-control');
-var utils = require('./utils.js');
-var components_field_Component = require('./components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 var components_arrow_Component = require('./components/arrow/Component.js');
 require('react-merge-refs');
-require('@alfalab/core-components-scrollbar');
+require('@juggle/resize-observer');
+require('downshift');
+require('@alfalab/core-components-popover');
+require('@alfalab/hooks');
+var components_baseSelect_Component = require('./Component-09f82c1f.js');
+var utils = require('./utils.js');
+require('./components/native-select/Component.js');
+require('@alfalab/core-components-form-control');
+var components_field_Component = require('./components/field/Component.js');
 var components_optgroup_Component = require('./components/optgroup/Component.js');
-var components_optionsList_Component = require('./components/options-list/Component.js');
 require('@alfalab/core-components-checkbox');
 require('./components/checkmark/Component.js');
 var components_option_Component = require('./components/option/Component.js');
-require('@juggle/resize-observer');
-require('@alfalab/core-components-popover');
-require('downshift');
-require('./components/native-select/Component.js');
-var components_baseSelect_Component = require('./Component-c832d566.js');
+require('@alfalab/core-components-scrollbar');
+var components_optionsList_Component = require('./components/options-list/Component.js');
 var Component = require('./Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('@alfalab/core-components-button');
+var presets_useSelectWithApply_hook = require('./Component-42bffe35.js');
+require('./components/base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-base-modal');
 require('./components/base-select-mobile/options-list/Component.js');
-require('./components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('./Component-0ae85b5e.js');
 require('react-virtual');
 var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
 require('@alfalab/core-components-skeleton');
 var presets_useSelectWithLoading_hook = require('./presets/useSelectWithLoading/hook.js');
-require('./intersection-observer-f01dee86.js');
 var presets_useLazyLoading_hook = require('./presets/useLazyLoading/hook.js');
+require('./intersection-observer-fc42e563.js');
 
 
 
+exports.Arrow = components_arrow_Component.Arrow;
+exports.BaseSelect = components_baseSelect_Component.BaseSelect;
 exports.isGroup = utils.isGroup;
 exports.isOptionShape = utils.isOptionShape;
 exports.joinOptions = utils.joinOptions;
@@ -48,11 +50,9 @@ exports.processOptions = utils.processOptions;
 exports.usePrevious = utils.usePrevious;
 exports.useVisibleOptions = utils.useVisibleOptions;
 exports.Field = components_field_Component.Field;
-exports.Arrow = components_arrow_Component.Arrow;
 exports.Optgroup = components_optgroup_Component.Optgroup;
-exports.OptionsList = components_optionsList_Component.OptionsList;
 exports.Option = components_option_Component.Option;
-exports.BaseSelect = components_baseSelect_Component.BaseSelect;
+exports.OptionsList = components_optionsList_Component.OptionsList;
 exports.Select = Component.Select;
 exports.SELECT_ALL_KEY = presets_useSelectWithApply_hook.SELECT_ALL_KEY;
 exports.SelectMobile = presets_useSelectWithApply_hook.SelectMobile;

package/modern/{Component-538a2034.js → Component-ac4d8093.js}

@@ -1,11 +1,11 @@
 import React, { forwardRef, useRef, useMemo, useCallback, useEffect } from 'react';
 import cn from 'classnames';
-import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
-import { processOptions } from './utils.js';
 import mergeRefs from 'react-merge-refs';
 import { ResizeObserver } from '@juggle/resize-observer';
-import { Popover } from '@alfalab/core-components-popover/modern';
 import { useMultipleSelection, useCombobox } from 'downshift';
+import { Popover } from '@alfalab/core-components-popover/modern';
+import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
+import { processOptions } from './utils.js';
 import { NativeSelect } from './components/native-select/Component.js';
 
 const getDataTestId = (dataTestId, element) => {
@@ -13,7 +13,7 @@ const getDataTestId = (dataTestId, element) => {
     return dataTestId ? `${dataTestId}${elementPart}` : undefined;
 };
 
-var styles = {"component":"select__component_1t0kl","popoverInner":"select__popoverInner_1t0kl","optionsList":"select__optionsList_1t0kl","nativeSelect":"select__nativeSelect_1t0kl","block":"select__block_1t0kl"};
+var styles = {"component":"select__component_wekqh","popoverInner":"select__popoverInner_wekqh","optionsList":"select__optionsList_wekqh","nativeSelect":"select__nativeSelect_wekqh","block":"select__block_wekqh"};
 require('./components/base-select/index.css')
 
 const BaseSelect = forwardRef(({ dataTestId, className, fieldClassName, optionsListClassName, optionClassName, popperClassName, options, autocomplete = false, multiple = false, allowUnselect = false, disabled = false, closeOnSelect = !multiple, circularNavigation = false, nativeSelect = false, defaultOpen = false, open: openProp, popoverPosition = 'bottom-start', preventFlip = true, optionsListWidth = 'content', name, id, selected, size = 's', optionsSize = size, error, hint, block, label, labelView, placeholder, fieldProps = {}, optionsListProps = {}, optionProps = {}, valueRenderer, onChange, onOpen, onFocus, onBlur, onScroll, Arrow, Field = () => null, OptionsList = () => null, Optgroup = () => null, Option = () => null, updatePopover, zIndexPopover, showEmptyOptionsList = false, visibleOptions, }, ref) => {
@@ -22,13 +22,10 @@ const BaseSelect = forwardRef(({ dataTestId, className, fieldClassName, optionsL
     const listRef = useRef(null);
     const initiatorRef = useRef(null);
     const itemToString = (option) => (option ? option.key : '');
-    const { flatOptions, selectedOptions } = useMemo(() => processOptions(options, selected), [
-        options,
-        selected,
-    ]);
+    const { flatOptions, selectedOptions } = useMemo(() => processOptions(options, selected), [options, selected]);
     const useMultipleSelectionProps = {
         itemToString,
-        onSelectedItemsChange: changes => {
+        onSelectedItemsChange: (changes) => {
             if (onChange) {
                 const { selectedItems = [] } = changes;
                 onChange({
@@ -60,7 +57,7 @@ const BaseSelect = forwardRef(({ dataTestId, className, fieldClassName, optionsL
         items: flatOptions,
         itemToString,
         defaultHighlightedIndex: selectedItems.length === 0 ? -1 : undefined,
-        onIsOpenChange: changes => {
+        onIsOpenChange: (changes) => {
             if (onOpen) {
                 /**
                  *  Вызываем обработчик асинхронно.
@@ -219,21 +216,21 @@ const BaseSelect = forwardRef(({ dataTestId, className, fieldClassName, optionsL
         options,
         selectedItems,
     ]);
-    const renderValue = useCallback(() => selectedItems.map(option => (React.createElement("input", { type: 'hidden', name: name, value: option.key, key: option.key }))), [selectedItems, name]);
+    const renderValue = useCallback(() => selectedItems.map((option) => (React.createElement("input", { type: 'hidden', name: name, value: option.key, key: option.key }))), [selectedItems, name]);
     const renderNativeSelect = useCallback(() => {
         const value = multiple
-            ? selectedItems.map(option => option.key)
+            ? selectedItems.map((option) => option.key)
             : (selectedItems[0] || {}).key;
-        return (React.createElement(NativeSelect, Object.assign({}, menuProps, { className: styles.nativeSelect, disabled: disabled, multiple: multiple, name: name, value: value, onChange: handleNativeSelectChange, options: options })));
+        return (React.createElement(NativeSelect, { ...menuProps, className: styles.nativeSelect, disabled: disabled, multiple: multiple, name: name, value: value, onChange: handleNativeSelectChange, options: options }));
     }, [multiple, selectedItems, disabled, name, handleNativeSelectChange, options, menuProps]);
     const needRenderOptionsList = flatOptions.length > 0 || showEmptyOptionsList;
-    return (React.createElement("div", Object.assign({}, getComboboxProps({
-        ref: rootRef,
-        ...(disabled && { 'aria-disabled': true }),
-        className: cn(styles.component, { [styles.block]: block }, className),
-    }), { onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": getDataTestId(dataTestId) }),
+    return (React.createElement("div", { ...getComboboxProps({
+            ref: rootRef,
+            ...(disabled && { 'aria-disabled': true }),
+            className: cn(styles.component, { [styles.block]: block }, className),
+        }), onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": getDataTestId(dataTestId) },
         nativeSelect && renderNativeSelect(),
-        React.createElement(Field, Object.assign({ selectedMultiple: selectedItems, selected: selectedItems[0], setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, multiple: multiple, open: open, disabled: disabled, size: size, placeholder: placeholder, label: label && React.createElement("span", Object.assign({}, getLabelProps()), label), labelView: labelView, Arrow: Arrow && React.createElement(Arrow, { open: open }), error: error, hint: hint, valueRenderer: valueRenderer, className: fieldClassName, innerProps: {
+        React.createElement(Field, { selectedMultiple: selectedItems, selected: selectedItems[0], setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, multiple: multiple, open: open, disabled: disabled, size: size, placeholder: placeholder, label: label && React.createElement("span", { ...getLabelProps() }, label), labelView: labelView, Arrow: Arrow && React.createElement(Arrow, { open: open }), error: error, hint: hint, valueRenderer: valueRenderer, className: fieldClassName, innerProps: {
                 onBlur: handleFieldBlur,
                 onFocus: disabled ? undefined : handleFieldFocus,
                 onClick: disabled ? undefined : handleFieldClick,
@@ -245,10 +242,10 @@ const BaseSelect = forwardRef(({ dataTestId, className, fieldClassName, optionsL
                 'aria-autocomplete': autocomplete
                     ? inputProps['aria-autocomplete']
                     : undefined,
-            }, dataTestId: getDataTestId(dataTestId, 'field') }, fieldProps)),
+            }, dataTestId: getDataTestId(dataTestId, 'field'), ...fieldProps }),
         name && !nativeSelect && renderValue(),
-        !nativeSelect && (React.createElement(Popover, { open: open, withTransition: false, anchorElement: fieldRef.current, position: popoverPosition, preventFlip: preventFlip, popperClassName: cn(styles.popoverInner, popperClassName), update: updatePopover, zIndex: zIndexPopover }, needRenderOptionsList && (React.createElement("div", Object.assign({}, menuProps, { className: cn(optionsListClassName, styles.optionsList) }),
-            React.createElement(OptionsList, Object.assign({}, optionsListProps, { optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: options, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: visibleOptions, onScroll: onScroll, dataTestId: getDataTestId(dataTestId, 'options-list') }))))))));
+        !nativeSelect && (React.createElement(Popover, { open: open, withTransition: false, anchorElement: fieldRef.current, position: popoverPosition, preventFlip: preventFlip, popperClassName: cn(styles.popoverInner, popperClassName), update: updatePopover, zIndex: zIndexPopover }, needRenderOptionsList && (React.createElement("div", { ...menuProps, className: cn(optionsListClassName, styles.optionsList) },
+            React.createElement(OptionsList, { ...optionsListProps, optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: options, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: visibleOptions, onScroll: onScroll, dataTestId: getDataTestId(dataTestId, 'options-list') })))))));
 });
 
 export { BaseSelect as B, getDataTestId as g };

package/modern/Component-db573794.d.ts

@@ -0,0 +1,73 @@
+/// <reference types="react" />
+import React from "react";
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, FC } from "react";
+import { ButtonProps } from "@alfalab/core-components-button";
+type IconButtonProps = {
+    /**
+     * Компонент иконки
+     */
+    icon: ElementType<{
+        className?: string;
+    }>;
+    /**
+     * Тип кнопки
+     */
+    view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
+    /**
+     * Размер компонента
+     */
+    size?: "xxs" | "xs" | "s";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
+declare const IconButton: React.ForwardRefExoticComponent<{
+    icon: ElementType<{
+        className?: string;
+    }>;
+    view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
+    size?: "s" | "xs" | "xxs" | undefined;
+    className?: string | undefined;
+    dataTestId?: string | undefined;
+    colors?: "default" | "inverted" | undefined;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Позиция крестика
+     */
+    align?: 'left' | 'right';
+    /**
+     * Размер кнопки
+     */
+    size?: IconButtonProps['size'];
+    /**
+     * Фиксирует крестик
+     */
+    sticky?: boolean;
+    /**
+     * Иконка
+     */
+    icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+/**
+ * @deprecated Компонент только для внутреннего использования. Используйте <Header />
+ */
+declare const Closer: FC<CloserProps>;
+export { IconButtonProps, IconButton, CloserProps, Closer };

package/modern/{Component-8186c533.d.ts → Component-dc7907a7.d.ts}

@@ -21,7 +21,7 @@ type AdditionalMobileProps = {
     bottomSheetProps?: Partial<BottomSheetProps>;
 };
 type SelectMobileProps = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "onScroll"> & AdditionalMobileProps;
-declare const SelectMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "labelView" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
+declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
 type SelectMobileProps$0 = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "onScroll"> & {
     /**
      * Футер
@@ -42,8 +42,8 @@ type SelectMobileProps$0 = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "
      */
     bottomSheetProps?: Partial<BottomSheetProps>;
 };
-declare const BaseSelectMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "labelView" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
-    footer?: React.ReactNode;
+declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "OptionsList" | "Checkmark"> & {
+    footer?: ReactNode;
     swipeable?: boolean | undefined;
     isBottomSheet?: boolean | undefined;
     bottomSheetProps?: Partial<BottomSheetProps> | undefined;
@@ -103,12 +103,12 @@ declare const ModalMobile: React.ForwardRefExoticComponent<BaseModalProps & {
     Content: React.FC<ContentProps>;
     Header: React.FC<import("./Component.mobile-3fe0d3e6").HeaderMobileProps>;
     Footer: React.FC<FooterProps>;
-    Closer: React.FC<import("./Component-afce40e0").CloserProps>;
+    Closer: React.FC<import("./Component-db573794").CloserProps>;
 };
 type ContentMobileProps = ContentProps;
 declare const ContentMobile: FC<ContentMobileProps>;
 type FooterMobileProps = FooterProps;
 declare const FooterMobile: FC<FooterMobileProps>;
 type SelectModalMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll'>;
-declare const SelectModalMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "labelView" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & React.RefAttributes<unknown>>;
+declare const SelectModalMobile: React.ForwardRefExoticComponent<SelectModalMobileProps & React.RefAttributes<unknown>>;
 export { AdditionalMobileProps, SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobileProps, ModalMobile, ContentMobileProps, ContentMobile, FooterMobileProps, FooterMobile, SelectModalMobileProps, SelectModalMobile };