@alfalab/core-components-select 17.20.14 → 17.21.1

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

@@ -1,4 +1,4 @@
-/* hash: 1s9tw */
+/* hash: 1145z */
 :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 */ /* 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 {
     --color-light-neutral-300: #e7e8eb;
@@ -46,35 +46,35 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_wo1lv {
+} .select__virtualOptionsList_18izt {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
-} .select__virtualOptionsListHeader_wo1lv {
+} .select__virtualOptionsListHeader_18izt {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .select__virtualOptionsListFooter_wo1lv {
+} .select__virtualOptionsListFooter_18izt {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__virtualOptionsListFooter_wo1lv.select__withBorder_wo1lv {
+} .select__virtualOptionsListFooter_18izt.select__withBorder_18izt {
         border-top: 1px solid var(--color-light-neutral-300);
-    } .select__scrollable_wo1lv {
+    } .select__scrollable_18izt {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_wo1lv {
+} .select__inner_18izt {
     position: relative;
     width: 100%;
-} .select__virtualRow_wo1lv {
+} .select__virtualRow_18izt {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
     width: 100%
-} .select__virtualRow_wo1lv:before {
+} .select__virtualRow_18izt:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -84,16 +84,16 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_wo1lv:first-child:before {
+    } .select__virtualRow_18izt:first-child:before {
         display: none;
-    } .select__highlighted_wo1lv:before,
-    .select__highlighted_wo1lv + .select__virtualRow_wo1lv:before {
+    } .select__highlighted_18izt:before,
+    .select__highlighted_18izt + .select__virtualRow_18izt:before {
         display: none;
-    } .select__emptyPlaceholder_wo1lv {
+    } .select__emptyPlaceholder_18izt {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
-} .select__size-64_wo1lv .select__emptyPlaceholder_wo1lv,
-.select__size-72_wo1lv .select__emptyPlaceholder_wo1lv {
+} .select__size-64_18izt .select__emptyPlaceholder_18izt,
+.select__size-72_18izt .select__emptyPlaceholder_18izt {
     padding: var(--gap-24) var(--gap-16);
 }

package/cssm/components/base-select/Component.js

@@ -253,7 +253,8 @@ function (props, ref) {
             !autocomplete &&
             !nativeSelect &&
             event.target.tagName !== 'INPUT' &&
-            event.target.tagName !== 'BUTTON') {
+            event.target.tagName !== 'BUTTON' &&
+            event.target.tagName !== 'TEXTAREA') {
             // Открываем\закрываем меню по нажатию enter или пробела
             event.preventDefault();
             if (!open || highlightedIndex === -1)

package/cssm/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts

@@ -2,7 +2,7 @@
 import { ComponentProps } from "../../../types/component-types";
 declare const getListPopoverDesktopProps: (props: ComponentProps) => {
     Popover: import("react").ForwardRefExoticComponent<import("@alfalab/core-components-popover").PopoverProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-    popoverProps: Omit<import("@alfalab/core-components-popover").PopoverProps, "className" | "dataTestId" | "anchorElement" | "position" | "preventFlip" | "open" | "update" | "zIndex"> | undefined;
+    popoverProps: Omit<import("@alfalab/core-components-popover").PopoverProps, "className" | "open" | "dataTestId" | "zIndex" | "position" | "anchorElement" | "preventFlip" | "update"> | undefined;
     popoverPosition: import("@alfalab/core-components-popover").Position;
     preventFlip: boolean;
     popperClassName: string | undefined;

package/cssm/components/clear-button/Component.js

@@ -18,7 +18,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var ClearButton = function (_a) {
     var disabled = _a.disabled, onClick = _a.onClick, dataTestId = _a.dataTestId, size = _a.size;
     var IconComponent = size === 40 ? CrossCircleSIcon.CrossCircleSIcon : CrossCircleMIcon.CrossCircleMIcon;
-    return (React__default.default.createElement(coreComponentsButton.Button, { type: 'button', view: 'text', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: cn__default.default(styles__default.default.clearButton, styles__default.default["size-".concat(size)]), onClick: onClick, tabIndex: -1, dataTestId: dataTestId },
+    return (React__default.default.createElement(coreComponentsButton.Button, { type: 'button', view: 'text', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: cn__default.default(styles__default.default.clearButton), onClick: onClick, tabIndex: -1, dataTestId: dataTestId },
         React__default.default.createElement(IconComponent, { className: styles__default.default.clearIcon })));
 };
 

package/cssm/components/clear-button/index.module.css

@@ -15,14 +15,12 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-} :root { /* deprecated */
-    --gap-2xs: 4px; /* 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 */
 
     /* новые значения, используйте их */
 
     /* no-unit может приводить к проблемам в calc (#1559) */
     /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-4: var(--gap-2xs);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -55,8 +53,4 @@
         color: var(--color-light-neutral-translucent-500-press);
     } .clearButton + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
-} .clearButton + * {
-    margin-left: var(--gap-4);
-} .clearButton.size-40 + * {
-            margin-left: 6px;
-        }
+}

package/{modern/hook-94ef1330.d.ts → cssm/hook-35edf585.d.ts}

@@ -45,9 +45,19 @@ type UseSelectWithApplyProps = {
      * Показывать пункт "Выбрать все" в заголовке списка
      */
     showHeaderWithSelectAll?: boolean;
+    /**
+     * Значение name при применении выбора
+     * @default 'apply-footer'
+     */
+    applyName?: string;
+    /**
+     * Значение name при сбросе выбора
+     * @default 'reset-footer'
+     */
+    resetName?: string;
 };
 declare const SELECT_ALL_KEY = "select_all";
-declare function useSelectWithApply({ options, selected, onChange, onSelectAllClick, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
+declare function useSelectWithApply({ options, selected, onChange, onSelectAllClick, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, applyName, resetName, }: UseSelectWithApplyProps): {
     OptionsList: import("react").ForwardRefExoticComponent<import("./typings").OptionsListProps & {
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined;
@@ -106,6 +116,8 @@ declare function useSelectWithApply({ options, selected, onChange, onSelectAllCl
             filterGroup?: boolean | undefined;
             groupAccessor?: ((group: import("./typings").GroupShape) => string | undefined) | undefined;
         };
+        applyName: string;
+        resetName: string;
     };
 };
 export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/cssm/{hook-928265a3.js → hook-42ec365f.js}

@@ -61,16 +61,16 @@ var SELECT_ALL_KEY = 'select_all';
 var selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };
 function useSelectWithApply(_a) {
     var _b, _c;
-    var options = _a.options, selected = _a.selected, _d = _a.onChange, onChange = _d === void 0 ? function () { return null; } : _d, _e = _a.onSelectAllClick, onSelectAllClick = _e === void 0 ? function () { return null; } : _e, OptionsList = _a.OptionsList, _f = _a.optionsListProps, optionsListProps = _f === void 0 ? {} : _f, _g = _a.showClear, showClear = _g === void 0 ? true : _g, _h = _a.showSelectAll, showSelectAll = _h === void 0 ? false : _h, _j = _a.showHeaderWithSelectAll, showHeaderWithSelectAll = _j === void 0 ? false : _j, _k = _a.showSearch, showSearch = _k === void 0 ? false : _k, _l = _a.searchProps, searchProps = _l === void 0 ? {} : _l;
-    var _m = React.useState(''), searchState = _m[0], setSearchState = _m[1];
-    var _o = typeof (searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) === 'string'
+    var options = _a.options, selected = _a.selected, _d = _a.onChange, onChange = _d === void 0 ? function () { return null; } : _d, _e = _a.onSelectAllClick, onSelectAllClick = _e === void 0 ? function () { return null; } : _e, OptionsList = _a.OptionsList, _f = _a.optionsListProps, optionsListProps = _f === void 0 ? {} : _f, _g = _a.showClear, showClear = _g === void 0 ? true : _g, _h = _a.showSelectAll, showSelectAll = _h === void 0 ? false : _h, _j = _a.showHeaderWithSelectAll, showHeaderWithSelectAll = _j === void 0 ? false : _j, _k = _a.showSearch, showSearch = _k === void 0 ? false : _k, _l = _a.searchProps, searchProps = _l === void 0 ? {} : _l, _m = _a.applyName, applyName = _m === void 0 ? 'apply-footer' : _m, _o = _a.resetName, resetName = _o === void 0 ? 'reset-footer' : _o;
+    var _p = React.useState(''), searchState = _p[0], setSearchState = _p[1];
+    var _q = typeof (searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) === 'string'
         ? [searchProps.value, searchProps.onChange]
-        : [searchState, setSearchState], search = _o[0], setSearch = _o[1];
+        : [searchState, setSearchState], search = _q[0], setSearch = _q[1];
     var accessor = searchProps.accessor || utils.defaultAccessor;
     var filterFn = searchProps.filterFn || utils.defaultFilterFn;
     var groupAccessor = (_b = searchProps.groupAccessor) !== null && _b !== void 0 ? _b : utils.defaultGroupAccessor;
     var filterGroup = (_c = searchProps.filterGroup) !== null && _c !== void 0 ? _c : false;
-    var _p = React.useMemo(function () {
+    var _r = React.useMemo(function () {
         return utils.processOptions(options, selected, showSearch
             ? function (option) {
                 if (utils.isGroup(option)) {
@@ -81,15 +81,15 @@ function useSelectWithApply(_a) {
                 return filterFn(accessor(option), search);
             }
             : undefined, filterGroup);
-    }, [options, selected, showSearch, filterGroup, filterFn, accessor, search, groupAccessor]), flatOptions = _p.flatOptions, filteredOptions = _p.filteredOptions, selectedOptions = _p.selectedOptions;
-    var _q = React.useState(selectedOptions), selectedDraft = _q[0], setSelectedDraft = _q[1];
+    }, [options, selected, showSearch, filterGroup, filterFn, accessor, search, groupAccessor]), flatOptions = _r.flatOptions, filteredOptions = _r.filteredOptions, selectedOptions = _r.selectedOptions;
+    var _s = React.useState(selectedOptions), selectedDraft = _s[0], setSelectedDraft = _s[1];
     var selectedOptionsRef = React.useRef(selectedOptions);
     var handleApply = function () {
         onChange({
             selected: selectedDraft[0],
             selectedMultiple: selectedDraft,
             initiator: null,
-            name: 'apply-footer',
+            name: applyName,
         });
     };
     var handleClear = function () {
@@ -98,7 +98,7 @@ function useSelectWithApply(_a) {
             selected: null,
             selectedMultiple: [],
             initiator: null,
-            name: 'reset-footer',
+            name: resetName,
         });
     };
     var handleToggleAll = function () {
@@ -170,6 +170,8 @@ function useSelectWithApply(_a) {
             showHeaderWithSelectAll: showHeaderWithSelectAll,
             showSearch: showSearch,
             searchProps: searchProps,
+            applyName: applyName,
+            resetName: resetName,
         },
     };
 }

package/cssm/mobile/Component.mobile.js

@@ -25,7 +25,7 @@ var components_option_Component_responsive = require('../components/option/Compo
 var components_optionsList_Component = require('../components/options-list/Component.js');
 var components_search_Component = require('../components/search/Component.js');
 var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-928265a3.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-42ec365f.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/cssm/presets/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./useSelectWithLoading/hook";
 export * from "./useLazyLoading/hook";
-export * from "../hook-94ef1330";
+export * from "../hook-35edf585";

package/cssm/presets/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-928265a3.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-42ec365f.js');
 
 
 

package/cssm/presets/useSelectWithApply/hook.js

@@ -6,7 +6,7 @@ require('tslib');
 require('react');
 require('react-fast-compare');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-928265a3.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-42ec365f.js');
 
 
 

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

@@ -6,7 +6,7 @@ require('tslib');
 require('react');
 require('../../../components/options-list/Component.js');
 require('../../../consts.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-928265a3.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-42ec365f.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 

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

@@ -1 +1 @@
-export * from "../../../hook-928265a3";
+export * from "../../../hook-42ec365f";

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-928265a3.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-42ec365f.js');
 
 
 

package/cssm/shared/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-928265a3.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-42ec365f.js');
 var utils = require('../utils.js');
 var components_option_desktop_Component = require('../components/option/desktop/Component.js');
 var components_option_mobile_Component = require('../components/option/mobile/Component.js');

package/cssm/typings.d.ts

@@ -6,7 +6,7 @@ import { InputProps } from "@alfalab/core-components-input";
 import { ModalProps } from "@alfalab/core-components-modal";
 import { ModalFooterProps, ModalHeaderProps } from "@alfalab/core-components-modal/shared";
 import { PopoverProps } from "@alfalab/core-components-popover";
-import { UseSelectWithApplyProps } from "./hook-94ef1330";
+import { UseSelectWithApplyProps } from "./hook-35edf585";
 type AnyObject = Record<string, any>;
 type OptionShape = {
     /**

package/esm/components/arrow/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { ChevronDownSIcon } from '@alfalab/icons-glyph/ChevronDownSIcon';
 
-var styles = {"arrow":"select__arrow_1cxpc","disabled":"select__disabled_1cxpc","size-40":"select__size-40_1cxpc","open":"select__open_1cxpc"};
+var styles = {"arrow":"select__arrow_o7ees","disabled":"select__disabled_o7ees","size-40":"select__size-40_o7ees","open":"select__open_o7ees"};
 require('./index.css')
 
 var Arrow = function (_a) {

package/esm/components/arrow/index.css

@@ -1,4 +1,4 @@
-/* hash: 18wgw */
+/* hash: fauwc */
 :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 */ /* 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 {
     --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -35,18 +35,18 @@
     /* checkmark */
 
     /* optgroup */
-} .select__arrow_1cxpc {
+} .select__arrow_o7ees {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease
-} .select__arrow_1cxpc.select__disabled_1cxpc {
+} .select__arrow_o7ees.select__disabled_o7ees {
         color: var(--select-arrow-disabled-color);
-    } .select__arrow_1cxpc.select__size-40_1cxpc {
+    } .select__arrow_o7ees.select__size-40_o7ees {
         width: unset;
         height: unset;
-    } .select__open_1cxpc {
+    } .select__open_o7ees {
     transform: var(--arrow-transform);
 }

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Checkbox } from '@alfalab/core-components-checkbox/esm';
 import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-var styles = {"checkmark":"select__checkmark_efshc","start":"select__start_efshc","center":"select__center_efshc","single":"select__single_efshc","selected":"select__selected_efshc"};
+var styles = {"checkmark":"select__checkmark_1sesl","start":"select__start_1sesl","center":"select__center_1sesl","single":"select__single_1sesl","selected":"select__selected_1sesl"};
 require('./index.css')
 
 var BaseCheckmark = function (_a) {

package/esm/components/base-checkmark/index.css

@@ -1,4 +1,4 @@
-/* hash: hkhsv */
+/* hash: 1cn6s */
 :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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,18 +30,18 @@
     /* checkmark */
 
     /* optgroup */
-} .select__checkmark_efshc {
+} .select__checkmark_1sesl {
     flex-shrink: 0;
     box-sizing: border-box
-} .select__checkmark_efshc.select__start_efshc {
+} .select__checkmark_1sesl.select__start_1sesl {
         align-self: start;
-    } .select__checkmark_efshc.select__center_efshc {
+    } .select__checkmark_1sesl.select__center_1sesl {
         align-self: center;
-    } .select__single_efshc {
+    } .select__single_1sesl {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0
-} .select__single_efshc.select__selected_efshc {
+} .select__single_1sesl.select__selected_1sesl {
         opacity: 1;
     }

package/esm/components/base-option/Component.js

@@ -3,7 +3,7 @@ import React, { isValidElement } from 'react';
 import cn from 'classnames';
 import { BaseCheckmark } from '../base-checkmark/Component.js';
 
-var styles = {"option":"select__option_113p4","disabled":"select__disabled_113p4","checkmarkBefore":"select__checkmarkBefore_113p4","mobile":"select__mobile_113p4","checkmarkAfter":"select__checkmarkAfter_113p4","textContent":"select__textContent_113p4","selected":"select__selected_113p4","highlighted":"select__highlighted_113p4","checkmarkBeforeContent":"select__checkmarkBeforeContent_113p4","checkmarkAfterContent":"select__checkmarkAfterContent_113p4","content":"select__content_113p4"};
+var styles = {"option":"select__option_1cync","disabled":"select__disabled_1cync","checkmarkBefore":"select__checkmarkBefore_1cync","mobile":"select__mobile_1cync","checkmarkAfter":"select__checkmarkAfter_1cync","textContent":"select__textContent_1cync","selected":"select__selected_1cync","highlighted":"select__highlighted_1cync","checkmarkBeforeContent":"select__checkmarkBeforeContent_1cync","checkmarkAfterContent":"select__checkmarkAfterContent_1cync","content":"select__content_1cync"};
 require('./index.css')
 
 var BaseOption = function (_a) {

package/esm/components/base-option/index.css

@@ -1,4 +1,4 @@
-/* hash: bpmed */
+/* hash: dykf6 */
 :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 */ /* 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 {
     --color-light-modal-bg-primary: #fff;
@@ -54,7 +54,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_113p4 {
+} .select__option_1cync {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -68,36 +68,36 @@
     position: relative;
     cursor: pointer;
     min-height: var(--size-s-height)
-} .select__option_113p4:not(.select__disabled_113p4):active {
+} .select__option_1cync:not(.select__disabled_1cync):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_113p4.select__checkmarkBefore_113p4 {
+    } .select__option_1cync.select__checkmarkBefore_1cync {
         padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12)
-    } .select__option_113p4.select__checkmarkBefore_113p4.select__mobile_113p4 {
+    } .select__option_1cync.select__checkmarkBefore_1cync.select__mobile_1cync {
             padding-left: var(--gap-16);
-        } .select__option_113p4.select__checkmarkAfter_113p4.select__checkmarkAfter_113p4 {
+        } .select__option_1cync.select__checkmarkAfter_1cync.select__checkmarkAfter_1cync {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0)
-    } .select__option_113p4.select__checkmarkAfter_113p4.select__checkmarkAfter_113p4.select__mobile_113p4 {
+    } .select__option_1cync.select__checkmarkAfter_1cync.select__checkmarkAfter_1cync.select__mobile_1cync {
             padding-right: var(--gap-20);
-        } .select__option_113p4.select__textContent_113p4 {
+        } .select__option_1cync.select__textContent_1cync {
         padding: var(--gap-12)
-    } .select__option_113p4.select__textContent_113p4.select__mobile_113p4 {
+    } .select__option_1cync.select__textContent_1cync.select__mobile_1cync {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
-        } .select__selected_113p4 {
+        } .select__selected_1cync {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_113p4 {
+} .select__highlighted_1cync {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_113p4 {
+} .select__disabled_1cync {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__checkmarkBeforeContent_113p4 {
+} .select__checkmarkBeforeContent_1cync {
     margin-right: var(--gap-12);
-} .select__checkmarkAfterContent_113p4 {
+} .select__checkmarkAfterContent_1cync {
     margin-left: var(--gap-12);
-} .select__content_113p4 {
+} .select__content_1cync {
     flex: 1;
 }

package/esm/components/base-select/Component.js

@@ -10,11 +10,11 @@ import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { defaultAccessor, defaultFilterFn, defaultGroupAccessor, processOptions, isGroup } from '../../utils.js';
 import { NativeSelect } from '../native-select/Component.js';
 import { getListPopoverDesktopProps } from './components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-bc081a7b.js';
+import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-5b70107d.js';
 import { getListModalMobileProps } from './components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import { getListBottomSheetMobileProps } from './components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import { ListMobile } from './components/list-mobile/list-mobile.js';
-import { m as mobileStyles } from '../../mobile.module-0cd99801.js';
+import { m as mobileStyles } from '../../mobile.module-19cec7f2.js';
 
 var itemToString = function (option) { return (option ? option.key : ''); };
 var isItemDisabled = function (option) { return Boolean(option === null || option === void 0 ? void 0 : option.disabled); };
@@ -240,7 +240,8 @@ function (props, ref) {
             !autocomplete &&
             !nativeSelect &&
             event.target.tagName !== 'INPUT' &&
-            event.target.tagName !== 'BUTTON') {
+            event.target.tagName !== 'BUTTON' &&
+            event.target.tagName !== 'TEXTAREA') {
             // Открываем\закрываем меню по нажатию enter или пробела
             event.preventDefault();
             if (!open || highlightedIndex === -1)

package/esm/components/base-select/components/list-desktop/list-popover-desktop.js

@@ -1,4 +1,4 @@
 import 'tslib';
 import 'react';
 import 'classnames';
-export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-bc081a7b.js';
+export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-5b70107d.js';

package/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js

@@ -1,7 +1,7 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { getDataTestId } from '@alfalab/core-components-shared/esm';
-import { m as mobileStyles } from '../../../../mobile.module-0cd99801.js';
+import { m as mobileStyles } from '../../../../mobile.module-19cec7f2.js';
 
 var ListBottomSheetMobile = function (props) {
     var BottomSheet = props.BottomSheet, dataTestId = props.dataTestId, open = props.open, label = props.label, placeholder = props.placeholder, footer = props.footer, swipeable = props.swipeable, showSearch = props.showSearch, bottomSheetProps = props.bottomSheetProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;

package/esm/components/base-select/components/list-mobile/list-modal-mobile.js

@@ -3,7 +3,7 @@ import React from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { getDataTestId } from '@alfalab/core-components-shared/esm';
-import { m as mobileStyles } from '../../../../mobile.module-0cd99801.js';
+import { m as mobileStyles } from '../../../../mobile.module-19cec7f2.js';
 
 var ListModalMobile = function (props) {
     var ModalMobile = props.ModalMobile, dataTestId = props.dataTestId, open = props.open, modalProps = props.modalProps, modalHeaderProps = props.modalHeaderProps, modalFooterProps = props.modalFooterProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, label = props.label, placeholder = props.placeholder, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;