@alfalab/core-components 34.0.1-beta.0 → 35.0.0

package/select/cssm/presets/useSelectWithApply/hook.js

@@ -1,51 +1,51 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f8106a15.js');
+require('../../tslib.es6-0857346e.js');
 require('react');
 require('classnames');
-require('@alfalab/hooks');
-require('../../../../form-control/cssm');
-require('../../utils.js');
-require('../../components/field/index.module.css');
-require('../../components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../components/arrow/index.module.css');
 require('../../components/arrow/Component.js');
 require('react-merge-refs');
-require('../../../../scrollbar/cssm');
+require('@juggle/resize-observer');
+require('downshift');
+require('../../../../popover/cssm');
+require('@alfalab/hooks');
+require('../../Component-f4dd589a.js');
+require('../../utils.js');
+require('../../components/native-select/Component.js');
+require('../../components/base-select/index.module.css');
+require('../../../../form-control/cssm');
+require('../../components/field/index.module.css');
+require('../../components/field/Component.js');
 require('../../components/optgroup/index.module.css');
 require('../../components/optgroup/Component.js');
-require('../../components/options-list/index.module.css');
-require('../../components/options-list/Component.js');
 require('../../../../checkbox/cssm');
 require('../../components/checkmark/index.module.css');
 require('../../components/checkmark/Component.js');
 require('../../components/option/index.module.css');
 require('../../components/option/Component.js');
-require('@juggle/resize-observer');
-require('../../../../popover/cssm');
-require('downshift');
-require('../../components/native-select/Component.js');
-require('../../Component-4bd2b7ec.js');
-require('../../components/base-select/index.module.css');
+require('../../../../scrollbar/cssm');
+require('../../components/options-list/index.module.css');
+require('../../components/options-list/Component.js');
 require('../../Component.js');
 require('../../../../bottom-sheet/cssm');
 require('../../../../modal/cssm/mobile');
 require('../../../../button/cssm');
+var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+require('./options-list-with-apply/index.module.css');
+require('../../components/base-select-mobile/checkmark/index.module.css');
+require('../../components/base-select-mobile/checkmark/Component.js');
 require('../../../../base-modal/cssm');
 require('../../components/base-select-mobile/options-list/index.module.css');
 require('../../components/base-select-mobile/options-list/Component.js');
-require('../../components/base-select-mobile/checkmark/index.module.css');
-require('../../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../Component-77d7e4fc.js');
-require('./options-list-with-apply/index.module.css');
 require('../../components/base-select-mobile/index.module.css');
 require('react-virtual');
 require('../../components/virtual-options-list/index.module.css');
 require('../../../../skeleton/cssm');
 require('../useSelectWithLoading/index.module.css');
-require('../../intersection-observer-8c55e13a.js');
 require('../useLazyLoading/index.module.css');
+require('../../intersection-observer-8c55e13a.js');
 
 
 

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

@@ -1,51 +1,51 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-f8106a15.js');
+require('../../../tslib.es6-0857346e.js');
 require('react');
 require('classnames');
-require('@alfalab/hooks');
-require('../../../../../form-control/cssm');
-require('../../../utils.js');
-require('../../../components/field/index.module.css');
-require('../../../components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../../components/arrow/index.module.css');
 require('../../../components/arrow/Component.js');
 require('react-merge-refs');
-require('../../../../../scrollbar/cssm');
+require('@juggle/resize-observer');
+require('downshift');
+require('../../../../../popover/cssm');
+require('@alfalab/hooks');
+require('../../../Component-f4dd589a.js');
+require('../../../utils.js');
+require('../../../components/native-select/Component.js');
+require('../../../components/base-select/index.module.css');
+require('../../../../../form-control/cssm');
+require('../../../components/field/index.module.css');
+require('../../../components/field/Component.js');
 require('../../../components/optgroup/index.module.css');
 require('../../../components/optgroup/Component.js');
-require('../../../components/options-list/index.module.css');
-require('../../../components/options-list/Component.js');
 require('../../../../../checkbox/cssm');
 require('../../../components/checkmark/index.module.css');
 require('../../../components/checkmark/Component.js');
 require('../../../components/option/index.module.css');
 require('../../../components/option/Component.js');
-require('@juggle/resize-observer');
-require('../../../../../popover/cssm');
-require('downshift');
-require('../../../components/native-select/Component.js');
-require('../../../Component-4bd2b7ec.js');
-require('../../../components/base-select/index.module.css');
+require('../../../../../scrollbar/cssm');
+require('../../../components/options-list/index.module.css');
+require('../../../components/options-list/Component.js');
 require('../../../Component.js');
 require('../../../../../bottom-sheet/cssm');
 require('../../../../../modal/cssm/mobile');
 require('../../../../../button/cssm');
+var presets_useSelectWithApply_hook = require('../../../Component-095a346d.js');
+require('./index.module.css');
+require('../../../components/base-select-mobile/checkmark/index.module.css');
+require('../../../components/base-select-mobile/checkmark/Component.js');
 require('../../../../../base-modal/cssm');
 require('../../../components/base-select-mobile/options-list/index.module.css');
 require('../../../components/base-select-mobile/options-list/Component.js');
-require('../../../components/base-select-mobile/checkmark/index.module.css');
-require('../../../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-77d7e4fc.js');
-require('./index.module.css');
 require('../../../components/base-select-mobile/index.module.css');
 require('react-virtual');
 require('../../../components/virtual-options-list/index.module.css');
 require('../../../../../skeleton/cssm');
 require('../../useSelectWithLoading/index.module.css');
-require('../../../intersection-observer-8c55e13a.js');
 require('../../useLazyLoading/index.module.css');
+require('../../../intersection-observer-8c55e13a.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../../Component-77d7e4fc";
+export * from "../../../Component-095a346d";

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

@@ -1,51 +1,51 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-f8106a15.js');
+require('../../../tslib.es6-0857346e.js');
 require('react');
 require('classnames');
-require('@alfalab/hooks');
-require('../../../../../form-control/cssm');
-require('../../../utils.js');
-require('../../../components/field/index.module.css');
-require('../../../components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../../components/arrow/index.module.css');
 require('../../../components/arrow/Component.js');
 require('react-merge-refs');
-require('../../../../../scrollbar/cssm');
+require('@juggle/resize-observer');
+require('downshift');
+require('../../../../../popover/cssm');
+require('@alfalab/hooks');
+require('../../../Component-f4dd589a.js');
+require('../../../utils.js');
+require('../../../components/native-select/Component.js');
+require('../../../components/base-select/index.module.css');
+require('../../../../../form-control/cssm');
+require('../../../components/field/index.module.css');
+require('../../../components/field/Component.js');
 require('../../../components/optgroup/index.module.css');
 require('../../../components/optgroup/Component.js');
-require('../../../components/options-list/index.module.css');
-require('../../../components/options-list/Component.js');
 require('../../../../../checkbox/cssm');
 require('../../../components/checkmark/index.module.css');
 require('../../../components/checkmark/Component.js');
 require('../../../components/option/index.module.css');
 require('../../../components/option/Component.js');
-require('@juggle/resize-observer');
-require('../../../../../popover/cssm');
-require('downshift');
-require('../../../components/native-select/Component.js');
-require('../../../Component-4bd2b7ec.js');
-require('../../../components/base-select/index.module.css');
+require('../../../../../scrollbar/cssm');
+require('../../../components/options-list/index.module.css');
+require('../../../components/options-list/Component.js');
 require('../../../Component.js');
 require('../../../../../bottom-sheet/cssm');
 require('../../../../../modal/cssm/mobile');
 require('../../../../../button/cssm');
+var presets_useSelectWithApply_hook = require('../../../Component-095a346d.js');
+require('./index.module.css');
+require('../../../components/base-select-mobile/checkmark/index.module.css');
+require('../../../components/base-select-mobile/checkmark/Component.js');
 require('../../../../../base-modal/cssm');
 require('../../../components/base-select-mobile/options-list/index.module.css');
 require('../../../components/base-select-mobile/options-list/Component.js');
-require('../../../components/base-select-mobile/checkmark/index.module.css');
-require('../../../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-77d7e4fc.js');
-require('./index.module.css');
 require('../../../components/base-select-mobile/index.module.css');
 require('react-virtual');
 require('../../../components/virtual-options-list/index.module.css');
 require('../../../../../skeleton/cssm');
 require('../../useSelectWithLoading/index.module.css');
-require('../../../intersection-observer-8c55e13a.js');
 require('../../useLazyLoading/index.module.css');
+require('../../../intersection-observer-8c55e13a.js');
 
 
 

package/select/cssm/presets/useSelectWithLoading/hook.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-f8106a15.js');
+var tslib_es6 = require('../../tslib.es6-0857346e.js');
 var React = require('react');
 require('classnames');
 require('../../../../checkbox/cssm');

package/select/cssm/tslib.es6-0857346e.d.ts

@@ -0,0 +1,36 @@
+declare function __extends(d: any, b: any): void;
+declare function __rest(s: any, e: any): {};
+declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
+declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
+declare function __metadata(metadataKey: any, metadataValue: any): any;
+declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
+declare function __generator(thisArg: any, body: any): {
+    next: (v: any) => any;
+    throw: (v: any) => any;
+    return: (v: any) => 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 __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
+declare function __await(v: any): __await;
+declare class __await {
+    constructor(v: any);
+    v: any;
+}
+declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
+declare function __asyncDelegator(o: any): {};
+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, 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, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };

package/select/cssm/{tslib.es6-f8106a15.js → tslib.es6-0857346e.js}

@@ -1,4 +1,4 @@
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -36,14 +36,17 @@ 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));
 }
 
 exports.__rest = __rest;
-exports.__spreadArrays = __spreadArrays;
+exports.__spreadArray = __spreadArray;

package/select/cssm/typings.d.ts

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

package/select/cssm/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/select/esm/{Component-434c307e.d.ts → Component-2cf53a63.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 };

package/select/esm/{Component-434c307e.js → Component-2cf53a63.js}

@@ -1,43 +1,40 @@
-import { _ as __rest, a as __assign, b as __spreadArrays } from './tslib.es6-b91d628d.js';
+import { _ as __rest, a as __assign, b as __spreadArray } from './tslib.es6-8ce25143.js';
 import React, { useMemo, useState, useRef, useCallback, useEffect, forwardRef } from 'react';
 import cn from 'classnames';
-import '@alfalab/hooks';
-import { processOptions } from './utils.js';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import { Arrow } from './components/arrow/Component.js';
 import mergeRefs from 'react-merge-refs';
+import { useMultipleSelection, useCombobox } from 'downshift';
+import '@alfalab/hooks';
 import '@juggle/resize-observer';
 import '../../popover/esm';
-import { useMultipleSelection, useCombobox } from 'downshift';
+import { processOptions } from './utils.js';
 import './components/native-select/Component.js';
-import { g as getDataTestId } from './Component-3a8edac2.js';
+import { g as getDataTestId } from './Component-878fd5fa.js';
 import '../../form-control/esm';
 import { Field } from './components/field/Component.js';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import { Arrow } from './components/arrow/Component.js';
-import '../../scrollbar/esm';
 import { Optgroup } from './components/optgroup/Component.js';
-import { OptionsList as OptionsList$1 } from './components/options-list/Component.js';
 import '../../checkbox/esm';
 import './components/checkmark/Component.js';
 import { Option } from './components/option/Component.js';
+import '../../scrollbar/esm';
+import { OptionsList as OptionsList$1 } from './components/options-list/Component.js';
 import './Component.js';
 import { BottomSheet } from '../../bottom-sheet/esm';
 import { ModalMobile } from '../../modal/esm/mobile';
 import { Button } from '../../button/esm';
+import { Checkmark } from './components/base-select-mobile/checkmark/Component.js';
 import '../../base-modal/esm';
 import { OptionsList } from './components/base-select-mobile/options-list/Component.js';
-import { Checkmark } from './components/base-select-mobile/checkmark/Component.js';
 import 'react-virtual';
 import '../../skeleton/esm';
-import './intersection-observer-2714f92d.js';
+import './intersection-observer-5cff2265.js';
 
 var SELECT_ALL_KEY = 'select_all';
 var selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };
 function useSelectWithApply(_a) {
     var options = _a.options, selected = _a.selected, _b = _a.onChange, onChange = _b === void 0 ? function () { return null; } : _b, OptionsList = _a.OptionsList, _c = _a.showClear, showClear = _c === void 0 ? true : _c, _d = _a.showSelectAll, showSelectAll = _d === void 0 ? false : _d;
-    var _e = useMemo(function () { return processOptions(options, selected); }, [
-        options,
-        selected,
-    ]), flatOptions = _e.flatOptions, selectedOptions = _e.selectedOptions;
+    var _e = useMemo(function () { return processOptions(options, selected); }, [options, selected]), flatOptions = _e.flatOptions, selectedOptions = _e.selectedOptions;
     var _f = useState(selectedOptions), selectedDraft = _f[0], setSelectedDraft = _f[1];
     var selectedOptionsRef = useRef(selectedOptions);
     var handleApply = useCallback(function () {
@@ -79,7 +76,7 @@ function useSelectWithApply(_a) {
         setSelectedDraft(selectedOptions);
         selectedOptionsRef.current = selectedOptions;
     }, [selectedOptions]);
-    var memoizedOptions = useMemo(function () { return (showSelectAll ? __spreadArrays([selectAllOption], options) : options); }, [options, showSelectAll]);
+    var memoizedOptions = useMemo(function () { return (showSelectAll ? __spreadArray([selectAllOption], options, true) : options); }, [options, showSelectAll]);
     return {
         OptionsList: OptionsListWithApply,
         optionsListProps: {
@@ -155,10 +152,7 @@ var BaseSelectMobile = forwardRef(function (_a, ref) {
     var listRef = useRef(null);
     var initiatorRef = useRef(null);
     var itemToString = function (option) { return (option ? option.key : ''); };
-    var _t = useMemo(function () { return processOptions(options, selected); }, [
-        options,
-        selected,
-    ]), flatOptions = _t.flatOptions, selectedOptions = _t.selectedOptions;
+    var _t = useMemo(function () { return processOptions(options, selected); }, [options, selected]), flatOptions = _t.flatOptions, selectedOptions = _t.selectedOptions;
     var selectedOptionsRef = useRef(selectedOptions);
     var _u = useState(selectedOptions), selectedDraft = _u[0], setSelectedDraft = _u[1];
     var useMultipleSelectionProps = {
@@ -290,23 +284,14 @@ var BaseSelectMobile = forwardRef(function (_a, ref) {
             openMenu();
         }
     };
-    var getOptionProps = useCallback(function (option, index) { return (__assign(__assign({}, optionProps), { className: cn(styles$1.option, optionClassName), innerProps: getItemProps({
+    var getOptionProps = function (option, index) { return (__assign(__assign({}, optionProps), { className: cn(styles$1.option, optionClassName), innerProps: getItemProps({
             index: index,
             item: option,
             disabled: option.disabled,
             onMouseDown: function (event) { return event.preventDefault(); },
-        }), multiple: multiple,
-        index: index,
-        option: option, size: optionsSize, disabled: option.disabled, highlighted: index === highlightedIndex, selected: selectedItems.includes(option), dataTestId: getDataTestId(dataTestId, 'option'), Checkmark: function () { return React.createElement(Checkmark, { selected: selectedItems.includes(option) }); } })); }, [
-        dataTestId,
-        getItemProps,
-        highlightedIndex,
-        multiple,
-        optionClassName,
-        optionProps,
-        optionsSize,
-        selectedItems,
-    ]);
+        }), multiple: multiple, index: index, option: option, size: optionsSize, disabled: option.disabled, highlighted: index === highlightedIndex, selected: selectedItems.includes(option), dataTestId: getDataTestId(dataTestId, 'option'), 
+        // eslint-disable-next-line react/no-unstable-nested-components
+        Checkmark: function () { return React.createElement(Checkmark, { selected: selectedItems.includes(option) }); } })); };
     useEffect(function () {
         if (defaultOpen)
             openMenu();
@@ -317,22 +302,22 @@ var BaseSelectMobile = forwardRef(function (_a, ref) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    var renderValue = useCallback(function () {
+    var renderValue = function () {
         return selectedItems.map(function (option) { return (React.createElement("input", { type: 'hidden', name: name, value: option.key, key: option.key })); });
-    }, [selectedItems, name]);
-    var handleApply = useCallback(function () {
+    };
+    var handleApply = function () {
         setSelectedDraft(selectedItems);
-    }, [setSelectedDraft, selectedItems]);
-    var handleClear = useCallback(function () {
+    };
+    var handleClear = function () {
         setSelectedDraft([]);
         setSelectedItems([]);
-    }, [setSelectedDraft, setSelectedItems]);
-    var handleClose = useCallback(function () {
+    };
+    var handleClose = function () {
         if (multiple) {
             setSelectedItems(selectedDraft);
         }
         toggleMenu();
-    }, [setSelectedItems, selectedDraft, toggleMenu, multiple]);
+    };
     return (React.createElement("div", __assign({}, getComboboxProps(__assign(__assign({ ref: rootRef }, (disabled && { 'aria-disabled': true })), { className: cn(styles$1.component, (_b = {}, _b[styles$1.block] = block, _b), className) })), { onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": getDataTestId(dataTestId) }),
         React.createElement(Field$1, __assign({ selectedMultiple: selectedDraft, selected: selectedItems[0], setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, multiple: multiple, open: open, disabled: disabled, size: size, placeholder: placeholder, label: label && React.createElement("span", __assign({}, getLabelProps()), label), labelView: labelView, Arrow: Arrow$1 && React.createElement(Arrow$1, { open: open }), error: error, hint: hint, valueRenderer: valueRenderer, className: fieldClassName, innerProps: {
                 onFocus: disabled ? undefined : handleFieldFocus,

package/select/esm/{Component-3a8edac2.js → Component-878fd5fa.js}

@@ -1,12 +1,12 @@
-import { a as __assign, b as __spreadArrays } from './tslib.es6-b91d628d.js';
+import { a as __assign, b as __spreadArray } from './tslib.es6-8ce25143.js';
 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 { useMultipleSelection, useCombobox } from 'downshift';
+import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ResizeObserver } from '@juggle/resize-observer';
 import { Popover } from '../../popover/esm';
-import { useMultipleSelection, useCombobox } from 'downshift';
+import { processOptions } from './utils.js';
 import { NativeSelect } from './components/native-select/Component.js';
 
 var getDataTestId = function (dataTestId, element) {
@@ -25,10 +25,7 @@ var BaseSelect = forwardRef(function (_a, ref) {
     var listRef = useRef(null);
     var initiatorRef = useRef(null);
     var itemToString = function (option) { return (option ? option.key : ''); };
-    var _z = useMemo(function () { return processOptions(options, selected); }, [
-        options,
-        selected,
-    ]), flatOptions = _z.flatOptions, selectedOptions = _z.selectedOptions;
+    var _z = useMemo(function () { return processOptions(options, selected); }, [options, selected]), flatOptions = _z.flatOptions, selectedOptions = _z.selectedOptions;
     var useMultipleSelectionProps = {
         itemToString: itemToString,
         onSelectedItemsChange: function (changes) {
@@ -155,7 +152,7 @@ var BaseSelect = forwardRef(function (_a, ref) {
         }
     };
     var handleNativeSelectChange = useCallback(function (event) {
-        setSelectedItems(__spreadArrays(event.target.options).reduce(function (acc, option, index) {
+        setSelectedItems(__spreadArray([], event.target.options, true).reduce(function (acc, option, index) {
             return option.selected ? acc.concat(flatOptions[index]) : acc;
         }, []));
     }, [flatOptions, setSelectedItems]);
@@ -164,9 +161,7 @@ var BaseSelect = forwardRef(function (_a, ref) {
             item: option,
             disabled: option.disabled,
             onMouseDown: function (event) { return event.preventDefault(); },
-        }), multiple: multiple,
-        index: index,
-        option: option, size: optionsSize, disabled: option.disabled, highlighted: index === highlightedIndex, selected: selectedItems.includes(option), dataTestId: getDataTestId(dataTestId, 'option') })); }, [
+        }), multiple: multiple, index: index, option: option, size: optionsSize, disabled: option.disabled, highlighted: index === highlightedIndex, selected: selectedItems.includes(option), dataTestId: getDataTestId(dataTestId, 'option') })); }, [
         dataTestId,
         getItemProps,
         highlightedIndex,

package/select/esm/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 "../../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 };