@alfalab/core-components-select 14.3.4 → 15.0.0

package/cssm/Component.mobile.js

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mobile = require('@alfalab/core-components-form-control/cssm/mobile');
+var components_arrow_Component = require('./components/arrow/Component.js');
+var components_baseSelectMobile_Component = require('./components/base-select-mobile/Component.js');
+var components_baseSelectMobile_footer_Component = require('./components/base-select-mobile/footer/Component.js');
+var components_field_Component = require('./components/field/Component.js');
+var components_optgroup_Component = require('./components/optgroup/Component.js');
+var components_option_Component = require('./components/option/Component.js');
+var components_optionsList_Component = require('./components/options-list/Component.js');
+var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-97e6e688.js');
+var presets_useSelectWithApply_optionsListWithApply_header_Component = require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
+require('classnames');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('./components/arrow/index.module.css');
+require('react-merge-refs');
+require('downshift');
+require('@alfalab/core-components-bottom-sheet/cssm');
+require('@alfalab/core-components-modal/cssm/mobile');
+require('@alfalab/core-components-shared/cssm');
+require('./utils.js');
+require('./components/base-select-mobile/index.module.css');
+require('@alfalab/core-components-base-modal/cssm');
+require('@alfalab/core-components-button/cssm/mobile');
+require('./components/base-select-mobile/footer/index.module.css');
+require('@alfalab/hooks');
+require('./components/field/index.module.css');
+require('./components/optgroup/index.module.css');
+require('./components/checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
+require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('./components/checkmark/index.module.css');
+require('./components/checkmark-mobile/Component.js');
+require('./components/checkmark-mobile/index.module.css');
+require('./components/option/index.module.css');
+require('@alfalab/core-components-scrollbar/cssm');
+require('./consts.js');
+require('./components/options-list/index.module.css');
+require('react-virtual');
+require('./components/virtual-options-list/index.module.css');
+require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
+require('@alfalab/core-components-button/cssm/desktop');
+require('./presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
+require('./presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
+var SelectMobile = React.forwardRef(function (_a, ref) {
+    var _b = _a.autocomplete, autocomplete = _b === void 0 ? false : _b, _c = _a.multiple, multiple = _c === void 0 ? false : _c, _d = _a.allowUnselect, allowUnselect = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.closeOnSelect, closeOnSelect = _f === void 0 ? !multiple : _f, _g = _a.circularNavigation, circularNavigation = _g === void 0 ? false : _g, _h = _a.defaultOpen, defaultOpen = _h === void 0 ? false : _h, openProp = _a.open, _j = _a.size, size = _j === void 0 ? 'm' : _j, _k = _a.optionsSize, optionsSize = _k === void 0 ? 'm' : _k, _l = _a.fieldProps, fieldProps = _l === void 0 ? {} : _l, _m = _a.optionProps, optionProps = _m === void 0 ? {} : _m, _o = _a.optionsListProps, optionsListProps = _o === void 0 ? {} : _o, _p = _a.Arrow, Arrow = _p === void 0 ? components_arrow_Component.Arrow : _p, _q = _a.Field, Field = _q === void 0 ? components_field_Component.Field : _q, _r = _a.Optgroup, Optgroup = _r === void 0 ? components_optgroup_Component.Optgroup : _r, _s = _a.Option, Option = _s === void 0 ? components_option_Component.Option : _s, selected = _a.selected, options = _a.options, _t = _a.OptionsList, OptionsList = _t === void 0 ? options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD
+        ? components_virtualOptionsList_Component.VirtualOptionsList
+        : components_optionsList_Component.OptionsList : _t, onChange = _a.onChange, bottomSheetProps = _a.bottomSheetProps, _u = _a.showClear, showClear = _u === void 0 ? true : _u, showSelectAll = _a.showSelectAll, showHeaderWithSelectAll = _a.showHeaderWithSelectAll, _v = _a.useWithApplyHook, useWithApplyHook = _v === void 0 ? multiple : _v, restProps = tslib.__rest(_a, ["autocomplete", "multiple", "allowUnselect", "disabled", "closeOnSelect", "circularNavigation", "defaultOpen", "open", "size", "optionsSize", "fieldProps", "optionProps", "optionsListProps", "Arrow", "Field", "Optgroup", "Option", "selected", "options", "OptionsList", "onChange", "bottomSheetProps", "showClear", "showSelectAll", "showHeaderWithSelectAll", "useWithApplyHook"]);
+    var applyProps = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply({
+        optionsListProps: tslib.__assign(tslib.__assign({}, optionsListProps), { Footer: components_baseSelectMobile_footer_Component.Footer }),
+        OptionsList: OptionsList,
+        selected: selected,
+        options: options,
+        onChange: onChange,
+        showClear: showClear,
+        showSelectAll: showSelectAll,
+    });
+    return (React__default.default.createElement(components_baseSelectMobile_Component.BaseSelectMobile, tslib.__assign({ ref: ref, autocomplete: autocomplete, multiple: multiple, allowUnselect: allowUnselect, disabled: disabled, closeOnSelect: closeOnSelect, circularNavigation: circularNavigation, defaultOpen: defaultOpen, open: openProp, size: size, optionsSize: optionsSize, fieldProps: tslib.__assign({ FormControlComponent: mobile.FormControlMobile }, fieldProps), optionProps: optionProps, Arrow: Arrow, Field: Field, Optgroup: Optgroup, Option: Option, isBottomSheet: true, options: options, selected: selected, onChange: onChange, OptionsList: OptionsList, bottomSheetProps: tslib.__assign({ bottomAddons: useWithApplyHook && showHeaderWithSelectAll && (React__default.default.createElement(presets_useSelectWithApply_optionsListWithApply_header_Component.Header, tslib.__assign({}, applyProps.optionsListProps.headerProps, { mobile: true }))) }, bottomSheetProps), optionsListProps: optionsListProps }, restProps, (useWithApplyHook && applyProps))));
+});
+
+exports.SelectMobile = SelectMobile;

package/cssm/Component.modal.mobile.d.ts

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+import React from 'react';
+import { ModalMobile } from "./Component.mobile-f1f15074";
+import { UseSelectWithApplyProps } from "./hook-9ea9e32c";
+import { BaseSelectProps } from "./typings";
+type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: UseSelectWithApplyProps['showClear'];
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+    showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
+    useWithApplyHook?: boolean;
+};
+declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: UseSelectWithApplyProps['showClear'];
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<import("./Component.mobile-f1f15074").HeaderProps> | undefined;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<import("./typings-baf4875b").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
+    showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
+    useWithApplyHook?: boolean | undefined;
+} & React.RefAttributes<unknown>>;
+export { SelectModalMobileProps, SelectModalMobile };

package/cssm/Component.modal.mobile.js

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mobile = require('@alfalab/core-components-form-control/cssm/mobile');
+var components_arrow_Component = require('./components/arrow/Component.js');
+var components_baseSelectMobile_Component = require('./components/base-select-mobile/Component.js');
+var components_baseSelectMobile_footer_Component = require('./components/base-select-mobile/footer/Component.js');
+var components_field_Component = require('./components/field/Component.js');
+var components_optgroup_Component = require('./components/optgroup/Component.js');
+var components_option_Component = require('./components/option/Component.js');
+var components_optionsList_Component = require('./components/options-list/Component.js');
+var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-97e6e688.js');
+var presets_useSelectWithApply_optionsListWithApply_header_Component = require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
+require('classnames');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('./components/arrow/index.module.css');
+require('react-merge-refs');
+require('downshift');
+require('@alfalab/core-components-bottom-sheet/cssm');
+require('@alfalab/core-components-modal/cssm/mobile');
+require('@alfalab/core-components-shared/cssm');
+require('./utils.js');
+require('./components/base-select-mobile/index.module.css');
+require('@alfalab/core-components-base-modal/cssm');
+require('@alfalab/core-components-button/cssm/mobile');
+require('./components/base-select-mobile/footer/index.module.css');
+require('@alfalab/hooks');
+require('./components/field/index.module.css');
+require('./components/optgroup/index.module.css');
+require('./components/checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
+require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('./components/checkmark/index.module.css');
+require('./components/checkmark-mobile/Component.js');
+require('./components/checkmark-mobile/index.module.css');
+require('./components/option/index.module.css');
+require('@alfalab/core-components-scrollbar/cssm');
+require('./consts.js');
+require('./components/options-list/index.module.css');
+require('react-virtual');
+require('./components/virtual-options-list/index.module.css');
+require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
+require('@alfalab/core-components-button/cssm/desktop');
+require('./presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
+require('./presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
+var SelectModalMobile = React.forwardRef(function (_a, ref) {
+    var _b = _a.autocomplete, autocomplete = _b === void 0 ? false : _b, _c = _a.multiple, multiple = _c === void 0 ? false : _c, _d = _a.allowUnselect, allowUnselect = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.closeOnSelect, closeOnSelect = _f === void 0 ? !multiple : _f, _g = _a.circularNavigation, circularNavigation = _g === void 0 ? false : _g, _h = _a.defaultOpen, defaultOpen = _h === void 0 ? false : _h, openProp = _a.open, _j = _a.size, size = _j === void 0 ? 'm' : _j, _k = _a.optionsSize, optionsSize = _k === void 0 ? 'm' : _k, _l = _a.fieldProps, fieldProps = _l === void 0 ? {} : _l, _m = _a.optionProps, optionProps = _m === void 0 ? {} : _m, _o = _a.optionsListProps, optionsListProps = _o === void 0 ? {} : _o, _p = _a.Arrow, Arrow = _p === void 0 ? components_arrow_Component.Arrow : _p, _q = _a.Field, Field = _q === void 0 ? components_field_Component.Field : _q, _r = _a.Optgroup, Optgroup = _r === void 0 ? components_optgroup_Component.Optgroup : _r, _s = _a.Option, Option = _s === void 0 ? components_option_Component.Option : _s, selected = _a.selected, options = _a.options, _t = _a.OptionsList, OptionsList = _t === void 0 ? options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD
+        ? components_virtualOptionsList_Component.VirtualOptionsList
+        : components_optionsList_Component.OptionsList : _t, onChange = _a.onChange, _u = _a.showClear, showClear = _u === void 0 ? true : _u, showSelectAll = _a.showSelectAll, _v = _a.useWithApplyHook, useWithApplyHook = _v === void 0 ? multiple : _v, modalHeaderProps = _a.modalHeaderProps, showHeaderWithSelectAll = _a.showHeaderWithSelectAll, restProps = tslib.__rest(_a, ["autocomplete", "multiple", "allowUnselect", "disabled", "closeOnSelect", "circularNavigation", "defaultOpen", "open", "size", "optionsSize", "fieldProps", "optionProps", "optionsListProps", "Arrow", "Field", "Optgroup", "Option", "selected", "options", "OptionsList", "onChange", "showClear", "showSelectAll", "useWithApplyHook", "modalHeaderProps", "showHeaderWithSelectAll"]);
+    var applyProps = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply({
+        optionsListProps: tslib.__assign(tslib.__assign({}, optionsListProps), { Footer: components_baseSelectMobile_footer_Component.Footer }),
+        OptionsList: OptionsList,
+        selected: selected,
+        options: options,
+        onChange: onChange,
+        showClear: showClear,
+        showSelectAll: showSelectAll,
+    });
+    return (React__default.default.createElement(components_baseSelectMobile_Component.BaseSelectMobile, tslib.__assign({ ref: ref, autocomplete: autocomplete, multiple: multiple, allowUnselect: allowUnselect, disabled: disabled, closeOnSelect: closeOnSelect, circularNavigation: circularNavigation, defaultOpen: defaultOpen, open: openProp, size: size, optionsSize: optionsSize, fieldProps: tslib.__assign({ FormControlComponent: mobile.FormControlMobile }, fieldProps), optionProps: optionProps, Arrow: Arrow, Field: Field, Optgroup: Optgroup, Option: Option, isBottomSheet: false, options: options, selected: selected, onChange: onChange, OptionsList: OptionsList, optionsListProps: optionsListProps, modalHeaderProps: tslib.__assign({ bottomAddons: useWithApplyHook && showHeaderWithSelectAll && (React__default.default.createElement(presets_useSelectWithApply_optionsListWithApply_header_Component.Header, tslib.__assign({}, applyProps.optionsListProps.headerProps, { mobile: true }))) }, modalHeaderProps) }, restProps, (useWithApplyHook && applyProps))));
+});
+
+exports.SelectModalMobile = SelectModalMobile;

package/cssm/Component.responsive.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { AdditionalMobileProps } from "./components/index";
+import { AdditionalMobileProps } from "./Component.mobile";
 import { BaseSelectProps } from "./typings";
 type SelectResponsiveProps = BaseSelectProps & AdditionalMobileProps & {
     /**

package/cssm/Component.responsive.js

@@ -5,61 +5,58 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
-var Component = require('./Component.js');
+var Component_desktop = require('./Component.desktop.js');
+var Component_mobile = require('./Component.mobile.js');
+require('@alfalab/core-components-form-control/cssm/desktop');
+require('./components/arrow/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('./components/arrow/index.module.css');
 require('./components/base-select/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-4727d474.js');
-require('@alfalab/core-components-form-control/cssm');
+require('react-merge-refs');
+require('@juggle/resize-observer');
+require('downshift');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/core-components-shared/cssm');
+require('./utils.js');
+require('./components/native-select/Component.js');
+require('./components/base-select/index.module.css');
+require('./components/field/Component.js');
 require('./components/field/index.module.css');
+require('./components/optgroup/Component.js');
 require('./components/optgroup/index.module.css');
+require('./components/option/Component.js');
+require('./components/checkmark/Component.js');
 require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('./components/checkmark/index.module.css');
+require('./components/checkmark-mobile/Component.js');
 require('./components/checkmark-mobile/index.module.css');
 require('./components/option/index.module.css');
 require('./components/options-list/Component.js');
-require('./components/virtual-options-list/Component.js');
-require('./components/base-checkmark/index.module.css');
-require('./components/base-option/index.module.css');
-require('./components/arrow/Component.js');
-require('./components/field/Component.js');
-require('./utils.js');
-require('./components/optgroup/Component.js');
-require('./components/option/Component.js');
-require('./components/checkmark/Component.js');
-require('./components/checkmark-mobile/Component.js');
-require('react-merge-refs');
-require('@juggle/resize-observer');
-require('downshift');
-require('@alfalab/core-components-popover/cssm');
-require('./getDataTestId-5c876d98.js');
-require('./components/native-select/Component.js');
-require('./components/base-select/index.module.css');
-require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
-require('./presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
+require('@alfalab/core-components-scrollbar/cssm');
+require('./consts.js');
+require('./components/options-list/index.module.css');
+require('@alfalab/core-components-form-control/cssm/mobile');
 require('./components/base-select-mobile/Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('./components/base-select-mobile/index.module.css');
 require('./components/base-select-mobile/footer/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
-require('@alfalab/core-components-button/cssm');
+require('@alfalab/core-components-button/cssm/mobile');
 require('./components/base-select-mobile/footer/index.module.css');
-require('@alfalab/core-components-skeleton/cssm');
-require('./presets/useSelectWithLoading/index.module.css');
-require('./presets/useLazyLoading/index.module.css');
-require('./intersection-observer-9ec5cf59.js');
-require('./consts.js');
-require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
-require('./presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
-require('@alfalab/core-components-scrollbar/cssm');
-require('./components/options-list/index.module.css');
+require('./components/virtual-options-list/Component.js');
 require('react-virtual');
 require('./components/virtual-options-list/index.module.css');
+require('./hook-97e6e688.js');
+require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
+require('@alfalab/core-components-button/cssm/desktop');
+require('./presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
+require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
+require('./presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -71,7 +68,7 @@ var SelectResponsive = React.forwardRef(function (_a, ref) {
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],
     ], 'desktop')[0];
-    return view === 'desktop' ? (React__default.default.createElement(Component.Select, tslib.__assign({ OptionsList: OptionsList, onScroll: onScroll }, restProps, { ref: ref, fieldProps: fieldProps }))) : (React__default.default.createElement(presets_useSelectWithApply_optionsListWithApply_Component.SelectMobile, tslib.__assign({ footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, fieldProps: fieldProps }, restProps, { ref: ref })));
+    return view === 'desktop' ? (React__default.default.createElement(Component_desktop.SelectDesktop, tslib.__assign({ OptionsList: OptionsList, onScroll: onScroll }, restProps, { ref: ref, fieldProps: fieldProps }))) : (React__default.default.createElement(Component_mobile.SelectMobile, tslib.__assign({ footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, fieldProps: fieldProps }, restProps, { ref: ref })));
 });
 
 exports.SelectResponsive = SelectResponsive;

package/cssm/components/arrow/Component.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { ArrowProps } from "../../typings";
-declare const Arrow: ({ open, className }: ArrowProps) => JSX.Element;
+declare const Arrow: ({ open, className }: ArrowProps) => React.JSX.Element;
 export { Arrow };

package/cssm/components/base-checkmark/Component.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { CheckmarkProps } from "../../typings";
-declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
+declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
 export { BaseCheckmark };

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

@@ -9,8 +9,8 @@ var resizeObserver = require('@juggle/resize-observer');
 var cn = require('classnames');
 var downshift = require('downshift');
 var coreComponentsPopover = require('@alfalab/core-components-popover/cssm');
+var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
 var hooks = require('@alfalab/hooks');
-var getDataTestId = require('../../getDataTestId-5c876d98.js');
 var utils = require('../../utils.js');
 var components_nativeSelect_Component = require('../native-select/Component.js');
 var styles = require('./index.module.css');
@@ -168,7 +168,7 @@ var BaseSelect = React.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.getDataTestId(dataTestId, 'option') })); }, [
+        }), multiple: multiple, index: index, option: option, size: optionsSize, disabled: option.disabled, highlighted: index === highlightedIndex, selected: selectedItems.includes(option), dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'option') })); }, [
         dataTestId,
         getItemProps,
         highlightedIndex,
@@ -224,7 +224,7 @@ var BaseSelect = React.forwardRef(function (_a, ref) {
         return (React__default.default.createElement(components_nativeSelect_Component.NativeSelect, tslib.__assign({}, menuProps, { className: styles__default.default.nativeSelect, disabled: disabled, multiple: multiple, name: name, value: value, onChange: handleNativeSelectChange, options: options })));
     }, [multiple, selectedItems, disabled, name, handleNativeSelectChange, options, menuProps]);
     var needRenderOptionsList = flatOptions.length > 0 || showEmptyOptionsList;
-    return (React__default.default.createElement("div", tslib.__assign({}, getComboboxProps(tslib.__assign(tslib.__assign({ ref: rootRef }, (disabled && { 'aria-disabled': true })), { className: cn__default.default(styles__default.default.component, (_b = {}, _b[styles__default.default.block] = block, _b), className) })), { onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": getDataTestId.getDataTestId(dataTestId) }),
+    return (React__default.default.createElement("div", tslib.__assign({}, getComboboxProps(tslib.__assign(tslib.__assign({ ref: rootRef }, (disabled && { 'aria-disabled': true })), { className: cn__default.default(styles__default.default.component, (_b = {}, _b[styles__default.default.block] = block, _b), className) })), { onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": coreComponentsShared.getDataTestId(dataTestId) }),
         nativeSelect && renderNativeSelect(),
         React__default.default.createElement(Field, tslib.__assign({ selectedMultiple: selectedItems, selected: selectedItems[0], setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, multiple: multiple, open: open, disabled: disabled, size: size, placeholder: placeholder, label: label && React__default.default.createElement("span", tslib.__assign({}, getLabelProps()), label), labelView: labelView, Arrow: Arrow && React__default.default.createElement(Arrow, { open: open }), error: error, hint: hint, valueRenderer: valueRenderer, className: fieldClassName, innerProps: {
                 onBlur: handleFieldBlur,
@@ -238,10 +238,10 @@ var BaseSelect = React.forwardRef(function (_a, ref) {
                 'aria-autocomplete': autocomplete
                     ? inputProps['aria-autocomplete']
                     : undefined,
-            }, dataTestId: getDataTestId.getDataTestId(dataTestId, 'field') }, fieldProps)),
+            }, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'field') }, fieldProps)),
         name && !nativeSelect && renderValue(),
         !nativeSelect && (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, withTransition: false, anchorElement: fieldRef.current, position: popoverPosition, preventFlip: preventFlip, popperClassName: cn__default.default(styles__default.default.popoverInner, popperClassName), update: updatePopover, zIndex: zIndexPopover }, needRenderOptionsList && (React__default.default.createElement("div", tslib.__assign({}, menuProps, { className: cn__default.default(optionsListClassName, styles__default.default.optionsList) }),
-            React__default.default.createElement(OptionsList, tslib.__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.getDataTestId(dataTestId, 'options-list') })),
+            React__default.default.createElement(OptionsList, tslib.__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: coreComponentsShared.getDataTestId(dataTestId, 'options-list') })),
             React__default.default.createElement("div", { className: styles__default.default.optionsListBorder })))))));
 });
 

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

@@ -10,8 +10,8 @@ require('@juggle/resize-observer');
 require('classnames');
 require('downshift');
 require('@alfalab/core-components-popover/cssm');
+require('@alfalab/core-components-shared/cssm');
 require('@alfalab/hooks');
-require('../../getDataTestId-5c876d98.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 require('./index.module.css');

package/cssm/components/base-select-mobile/Component.d.ts

@@ -57,14 +57,14 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
     /**
      *  Дополнительные пропсы модалки
      */
-    modalProps?: Partial<import("../../Component.mobile-b2c0420d").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("../../Component.mobile-b2c0420d").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("../../Component.mobile-f1f15074").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */
-    modalFooterProps?: Partial<import("../../Component.mobile-b2c0420d").FooterProps> | undefined;
+    modalFooterProps?: Partial<import("../../Component.mobile-f1f15074").FooterProps> | undefined;
 } & React.RefAttributes<unknown>>;
 export { SelectMobileProps, BaseSelectMobile };

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

@@ -9,7 +9,7 @@ var cn = require('classnames');
 var downshift = require('downshift');
 var coreComponentsBottomSheet = require('@alfalab/core-components-bottom-sheet/cssm');
 var mobile = require('@alfalab/core-components-modal/cssm/mobile');
-var getDataTestId = require('../../getDataTestId-5c876d98.js');
+var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
 var utils = require('../../utils.js');
 var components_arrow_Component = require('../arrow/Component.js');
 var components_field_Component = require('../field/Component.js');
@@ -19,7 +19,6 @@ var components_optionsList_Component = require('../options-list/Component.js');
 var styles = require('./index.module.css');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../arrow/index.module.css');
-require('@alfalab/core-components-form-control/cssm');
 require('@alfalab/hooks');
 require('../field/index.module.css');
 require('../optgroup/index.module.css');
@@ -45,7 +44,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var BaseSelectMobile = React.forwardRef(function (_a, ref) {
     var _b;
-    var dataTestId = _a.dataTestId, className = _a.className, fieldClassName = _a.fieldClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, optionGroupClassName = _a.optionGroupClassName, optionsListProps = _a.optionsListProps, _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.autocomplete, autocomplete = _d === void 0 ? false : _d, _e = _a.multiple, multiple = _e === void 0 ? false : _e, _f = _a.allowUnselect, allowUnselect = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.closeOnSelect, closeOnSelect = _h === void 0 ? !multiple : _h, _j = _a.circularNavigation, circularNavigation = _j === void 0 ? false : _j, _k = _a.defaultOpen, defaultOpen = _k === void 0 ? false : _k, openProp = _a.open, _l = _a.optionsListWidth, optionsListWidth = _l === void 0 ? 'content' : _l, name = _a.name, id = _a.id, _m = _a.selected, selected = _m === void 0 ? [] : _m, _o = _a.size, size = _o === void 0 ? 'm' : _o, _p = _a.optionsSize, optionsSize = _p === void 0 ? 'm' : _p, error = _a.error, hint = _a.hint, block = _a.block, label = _a.label, labelView = _a.labelView, placeholder = _a.placeholder, _q = _a.fieldProps, fieldProps = _q === void 0 ? {} : _q, _r = _a.optionProps, optionProps = _r === void 0 ? {} : _r, valueRenderer = _a.valueRenderer, onChange = _a.onChange, onOpen = _a.onOpen, onFocus = _a.onFocus, _s = _a.Arrow, Arrow = _s === void 0 ? components_arrow_Component.Arrow : _s, _t = _a.Field, Field = _t === void 0 ? components_field_Component.Field : _t, _u = _a.Optgroup, Optgroup = _u === void 0 ? components_optgroup_Component.Optgroup : _u, _v = _a.Option, Option = _v === void 0 ? components_option_Component.Option : _v, _w = _a.OptionsList, OptionsList = _w === void 0 ? components_optionsList_Component.OptionsList : _w, swipeable = _a.swipeable, footer = _a.footer, isBottomSheet = _a.isBottomSheet, bottomSheetProps = _a.bottomSheetProps, modalProps = _a.modalProps, modalHeaderProps = _a.modalHeaderProps, modalFooterProps = _a.modalFooterProps, _x = _a.showEmptyOptionsList, showEmptyOptionsList = _x === void 0 ? false : _x;
+    var dataTestId = _a.dataTestId, className = _a.className, fieldClassName = _a.fieldClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, optionGroupClassName = _a.optionGroupClassName, optionsListProps = _a.optionsListProps, _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.autocomplete, autocomplete = _d === void 0 ? false : _d, _e = _a.multiple, multiple = _e === void 0 ? false : _e, _f = _a.allowUnselect, allowUnselect = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.closeOnSelect, closeOnSelect = _h === void 0 ? !multiple : _h, _j = _a.circularNavigation, circularNavigation = _j === void 0 ? false : _j, _k = _a.defaultOpen, defaultOpen = _k === void 0 ? false : _k, openProp = _a.open, _l = _a.optionsListWidth, optionsListWidth = _l === void 0 ? 'content' : _l, name = _a.name, id = _a.id, _m = _a.selected, selected = _m === void 0 ? [] : _m, _o = _a.size, size = _o === void 0 ? 'm' : _o, _p = _a.optionsSize, optionsSize = _p === void 0 ? 'm' : _p, error = _a.error, hint = _a.hint, block = _a.block, label = _a.label, labelView = _a.labelView, placeholder = _a.placeholder, _q = _a.fieldProps, fieldProps = _q === void 0 ? {} : _q, _r = _a.optionProps, optionProps = _r === void 0 ? {} : _r, valueRenderer = _a.valueRenderer, onChange = _a.onChange, onOpen = _a.onOpen, onFocus = _a.onFocus, onBlur = _a.onBlur, _s = _a.Arrow, Arrow = _s === void 0 ? components_arrow_Component.Arrow : _s, _t = _a.Field, Field = _t === void 0 ? components_field_Component.Field : _t, _u = _a.Optgroup, Optgroup = _u === void 0 ? components_optgroup_Component.Optgroup : _u, _v = _a.Option, Option = _v === void 0 ? components_option_Component.Option : _v, _w = _a.OptionsList, OptionsList = _w === void 0 ? components_optionsList_Component.OptionsList : _w, swipeable = _a.swipeable, footer = _a.footer, isBottomSheet = _a.isBottomSheet, bottomSheetProps = _a.bottomSheetProps, modalProps = _a.modalProps, modalHeaderProps = _a.modalHeaderProps, modalFooterProps = _a.modalFooterProps, _x = _a.showEmptyOptionsList, showEmptyOptionsList = _x === void 0 ? false : _x;
     var rootRef = React.useRef(null);
     var fieldRef = React.useRef(null);
     var listRef = React.useRef(null);
@@ -158,6 +157,10 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
             openMenu();
         }
     };
+    var handleFieldBlur = function (event) {
+        if (!open && onBlur)
+            onBlur(event);
+    };
     var handleFieldKeyDown = function (event) {
         inputProps.onKeyDown(event);
         if (autocomplete && !open && (event.key.length === 1 || event.key === 'Backspace')) {
@@ -189,7 +192,7 @@ var BaseSelectMobile = React.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: selectedItem, dataTestId: getDataTestId.getDataTestId(dataTestId, 'option') });
+            }), multiple: multiple, index: index, option: option, size: optionsSize, disabled: option.disabled, highlighted: index === highlightedIndex, selected: selectedItem, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'option') });
     };
     React.useEffect(function () {
         if (defaultOpen)
@@ -211,10 +214,11 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
         if (flatOptions.length === 0 && !showEmptyOptionsList)
             return null;
         return (React__default.default.createElement("div", tslib.__assign({}, menuProps, { className: optionsListClassName }),
-            React__default.default.createElement(OptionsList, tslib.__assign({}, optionsListProps, { ref: scrollableContainerRef, 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: 0, dataTestId: getDataTestId.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default.default(styles__default.default.optionGroup, optionGroupClassName) }))));
+            React__default.default.createElement(OptionsList, tslib.__assign({}, optionsListProps, { ref: scrollableContainerRef, 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: 0, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default.default(styles__default.default.optionGroup, optionGroupClassName) }))));
     };
-    return (React__default.default.createElement("div", tslib.__assign({}, getComboboxProps(tslib.__assign(tslib.__assign({ ref: rootRef }, (disabled && { 'aria-disabled': true })), { className: cn__default.default(styles__default.default.component, (_b = {}, _b[styles__default.default.block] = block, _b), className) })), { onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": getDataTestId.getDataTestId(dataTestId) }),
+    return (React__default.default.createElement("div", tslib.__assign({}, getComboboxProps(tslib.__assign(tslib.__assign({ ref: rootRef }, (disabled && { 'aria-disabled': true })), { className: cn__default.default(styles__default.default.component, (_b = {}, _b[styles__default.default.block] = block, _b), className) })), { onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": coreComponentsShared.getDataTestId(dataTestId) }),
         React__default.default.createElement(Field, tslib.__assign({ selectedMultiple: selectedItems, selected: selectedItems[0], setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, multiple: multiple, open: open, disabled: disabled, size: size, placeholder: placeholder, label: label && React__default.default.createElement("span", tslib.__assign({}, getLabelProps()), label), labelView: labelView, Arrow: Arrow && React__default.default.createElement(Arrow, { open: open }), error: error, hint: hint, valueRenderer: valueRenderer, className: fieldClassName, innerProps: {
+                onBlur: handleFieldBlur,
                 onFocus: disabled ? undefined : handleFieldFocus,
                 onClick: disabled ? undefined : handleFieldClick,
                 tabIndex: disabled ? -1 : 0,
@@ -225,7 +229,7 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
                 'aria-autocomplete': autocomplete
                     ? inputProps['aria-autocomplete']
                     : undefined,
-            }, dataTestId: getDataTestId.getDataTestId(dataTestId, 'field') }, fieldProps)),
+            }, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'field') }, fieldProps)),
         name && renderValue(),
         isBottomSheet ? (React__default.default.createElement(coreComponentsBottomSheet.BottomSheet, tslib.__assign({ open: open, onClose: handleClose, className: styles__default.default.sheet, contentClassName: styles__default.default.sheetContent, containerClassName: styles__default.default.sheetContainer, title: label || placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, scrollableContainerRef: scrollableContainerRef }, bottomSheetProps), renderOptionsList())) : (React__default.default.createElement(mobile.ModalMobile, tslib.__assign({ open: open, hasCloser: true }, modalProps, { onClose: function () {
                 var _a;
@@ -240,7 +244,7 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
                 modalProps === null || modalProps === void 0 ? void 0 : modalProps.ref,
             ]) }),
             React__default.default.createElement(mobile.ModalMobile.Header, tslib.__assign({ hasCloser: true, sticky: true }, modalHeaderProps), label || placeholder),
-            renderOptionsList(),
+            React__default.default.createElement(mobile.ModalMobile.Content, { flex: true, className: styles__default.default.modalContent }, renderOptionsList()),
             (modalFooterProps === null || modalFooterProps === void 0 ? void 0 : modalFooterProps.children) && React__default.default.createElement(mobile.ModalMobile.Footer, tslib.__assign({}, modalFooterProps))))));
 });
 

package/cssm/components/base-select-mobile/footer/Component.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
+import React from 'react';
 type FooterProps = {
     handleClear?: () => void;
     handleApply?: () => void;
     showClear?: boolean;
 };
-declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => JSX.Element;
+declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
 export { FooterProps, Footer };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal/cssm');
-var coreComponentsButton = require('@alfalab/core-components-button/cssm');
+var mobile = require('@alfalab/core-components-button/cssm/mobile');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -26,8 +26,8 @@ var Footer = function (_a) {
         tabIndex: 0, className: cn__default.default(styles__default.default.footer, (_b = {},
             _b[styles__default.default.highlighted] = footerHighlighted,
             _b)) },
-        showClear && (React__default.default.createElement(coreComponentsButton.Button, { size: 's', view: 'secondary', className: styles__default.default.button, onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C")),
-        React__default.default.createElement(coreComponentsButton.Button, { size: 's', view: 'primary', className: styles__default.default.button, onClick: handleApply }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C")));
+        showClear && (React__default.default.createElement(mobile.ButtonMobile, { size: 'm', view: 'secondary', className: styles__default.default.button, onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C")),
+        React__default.default.createElement(mobile.ButtonMobile, { size: 'm', view: 'primary', className: styles__default.default.button, onClick: handleApply }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C")));
 };
 
 exports.Footer = Footer;

package/cssm/components/base-select-mobile/footer/index.js

@@ -6,7 +6,7 @@ var components_baseSelectMobile_footer_Component = require('./Component.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-base-modal/cssm');
-require('@alfalab/core-components-button/cssm');
+require('@alfalab/core-components-button/cssm/mobile');
 require('./index.module.css');
 
 

package/cssm/components/base-select-mobile/index.js

@@ -10,13 +10,12 @@ require('classnames');
 require('downshift');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
-require('../../getDataTestId-5c876d98.js');
+require('@alfalab/core-components-shared/cssm');
 require('../../utils.js');
 require('../arrow/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../arrow/index.module.css');
 require('../field/Component.js');
-require('@alfalab/core-components-form-control/cssm');
 require('@alfalab/hooks');
 require('../field/index.module.css');
 require('../optgroup/Component.js');

package/cssm/components/base-select-mobile/index.module.css

@@ -33,8 +33,10 @@
 } .sheet {
     overflow: hidden;
 } .sheetContent {
-    padding: 0;
-} .sheetContainer {
+    padding: 0
+} .sheetContent .modalContent {
+        padding: 0;
+    } .sheetContainer {
     padding: 0;
 } .block {
     width: 100%;

package/cssm/components/checkmark/Component.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { CheckmarkProps } from "../../typings";
-declare const Checkmark: ({ selected, disabled, className, multiple, position, }: CheckmarkProps) => JSX.Element;
+declare const Checkmark: ({ selected, disabled, className, multiple, position, }: CheckmarkProps) => React.JSX.Element;
 export { Checkmark };

package/cssm/components/checkmark-mobile/Component.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { CheckmarkProps } from "../../typings";
-declare const Checkmark: ({ selected, className }: CheckmarkProps) => JSX.Element;
+declare const Checkmark: ({ selected, className }: CheckmarkProps) => React.JSX.Element;
 export { Checkmark };

package/cssm/components/field/Component.d.ts

@@ -1,5 +1,13 @@
 /// <reference types="react" />
+import React from 'react';
+import { ElementType } from "react";
 import { FormControlProps } from "@alfalab/core-components-form-control";
 import { FieldProps as BaseFieldProps } from "../../typings";
-declare const Field: ({ size, open, multiple, error, hint, disabled, label, labelView, placeholder, selectedMultiple, selected, rightAddons, valueRenderer, setSelectedItems, toggleMenu, Arrow, innerProps, dataTestId, fieldClassName, ...restProps }: BaseFieldProps & FormControlProps) => JSX.Element;
+type FieldProps = {
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: ElementType;
+};
+declare const Field: ({ size, open, multiple, error, hint, disabled, label, labelView, placeholder, selectedMultiple, selected, rightAddons, valueRenderer, setSelectedItems, toggleMenu, Arrow, innerProps, dataTestId, fieldClassName, FormControlComponent, ...restProps }: BaseFieldProps & FormControlProps & FieldProps) => React.JSX.Element;
 export { Field };