@alfalab/core-components-input-autocomplete 9.4.6 → 10.0.0

package/Component.mobile.js

@@ -7,12 +7,12 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var throttle = require('lodash.throttle');
-var coreComponentsButton = require('@alfalab/core-components-button');
+var mobile$1 = require('@alfalab/core-components-button/mobile');
 var coreComponentsInput = require('@alfalab/core-components-input');
-var coreComponentsSelect = require('@alfalab/core-components-select');
+var mobile = require('@alfalab/core-components-select/mobile');
 var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
-var mobile_module = require('./mobile.module-4a636c52.js');
-require('@alfalab/core-components-form-control');
+var mobile_module = require('./mobile.module-4fb8c86a.js');
+require('@alfalab/core-components-form-control/mobile');
 require('@alfalab/hooks');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -77,13 +77,13 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
     var getBottomSheetProps = function () {
         var Component = Input || coreComponentsInput.Input;
         return tslib.__assign(tslib.__assign({ actionButton: (React__default.default.createElement("div", { className: mobile_module.styles.footer },
-                React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"),
-                React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'primary', size: 's', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"))), title: label || placeholder, bottomAddons: (React__default.default.createElement(Component, tslib.__assign({ block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus }, bottomSheetHeaderAddonsProps, { className: cn__default.default(mobile_module.styles.bottomAddonInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs__default.default([
+                React__default.default.createElement(mobile$1.ButtonMobile, tslib.__assign({ block: true, view: 'secondary', size: 'm', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"),
+                React__default.default.createElement(mobile$1.ButtonMobile, tslib.__assign({ block: true, view: 'primary', size: 'm', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"))), title: label || placeholder, bottomAddons: (React__default.default.createElement(Component, tslib.__assign({ block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus }, bottomSheetHeaderAddonsProps, { className: cn__default.default(mobile_module.styles.bottomAddonInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs__default.default([
                     bottomSheetInputRef,
                     bottomSheetHeaderAddonsProps.ref,
                 ]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: tslib.__assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
     };
-    return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({ ref: mergeRefs__default.default([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: handleChange, Arrow: Arrow, Field: autocompleteMobileField_Component.AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, useWithApplyHook: false, bottomSheetProps: getBottomSheetProps(), optionsListProps: { showFooter: false } }, restProps)));
+    return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({ ref: mergeRefs__default.default([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: handleChange, Arrow: Arrow, Field: autocompleteMobileField_Component.AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, useWithApplyHook: false, bottomSheetProps: getBottomSheetProps(), optionsListProps: { showFooter: false } }, restProps)));
 });
 
 exports.InputAutocompleteMobile = InputAutocompleteMobile;

package/Component.modal.mobile.d.ts

@@ -1,41 +1,9 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
-import { ButtonProps } from "@alfalab/core-components-button";
-import { BaseSelectChangePayload } from "./index-3e68f8db";
-import { UseSelectWithApplyProps } from "./hook-b4e70cb0";
-import { BaseSelectProps } from "./typings-5e1b8383";
-import { ModalMobile } from "./Component.mobile-b2c0420d";
-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;
-};
+import { ButtonMobileProps } from "./mobile-96988a65";
+import { SelectModalMobileProps } from "./mobile-45dc17c6";
+import { BaseSelectChangePayload } from "./shared-4cd3936b";
 type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
     /**
      * Обработчик выбора
@@ -68,17 +36,17 @@ type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsLi
     /**
      * Дополнительные пропсы на кнопку "продолжить"
      */
-    continueButtonProps?: ButtonProps;
+    continueButtonProps?: ButtonMobileProps;
     /**
      * Дополнительные пропсы на кнопку "отмена"
      */
-    cancelButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonMobileProps;
     /**
      * Кастомный инпут
      */
     Input?: ElementType;
 };
-declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
+declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "valueRenderer" | "Checkmark" | "autocomplete" | "nativeSelect" | "OptionsList"> & {
     /**
      * Обработчик выбора
      */
@@ -110,11 +78,11 @@ declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit
     /**
      * Дополнительные пропсы на кнопку "продолжить"
      */
-    continueButtonProps?: ButtonProps | undefined;
+    continueButtonProps?: ButtonMobileProps | undefined;
     /**
      * Дополнительные пропсы на кнопку "отмена"
      */
-    cancelButtonProps?: ButtonProps | undefined;
+    cancelButtonProps?: ButtonMobileProps | undefined;
     /**
      * Кастомный инпут
      */

package/Component.modal.mobile.js

@@ -7,12 +7,12 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var throttle = require('lodash.throttle');
-var coreComponentsButton = require('@alfalab/core-components-button');
+var mobile$1 = require('@alfalab/core-components-button/mobile');
 var coreComponentsInput = require('@alfalab/core-components-input');
 var mobile = require('@alfalab/core-components-select/mobile');
 var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
-var mobile_module = require('./mobile.module-4a636c52.js');
-require('@alfalab/core-components-form-control');
+var mobile_module = require('./mobile.module-4fb8c86a.js');
+require('@alfalab/core-components-form-control/mobile');
 require('@alfalab/hooks');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -69,8 +69,8 @@ var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_
             bottomAddonProps === null || bottomAddonProps === void 0 ? void 0 : bottomAddonProps.ref,
         ]) }))); };
     var renderFooter = function () { return (React__default.default.createElement(React__default.default.Fragment, null,
-        React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'primary', size: 's', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
-        React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))); };
+        React__default.default.createElement(mobile$1.ButtonMobile, tslib.__assign({ block: true, view: 'secondary', size: 'm', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"),
+        React__default.default.createElement(mobile$1.ButtonMobile, tslib.__assign({ block: true, view: 'primary', size: 'm', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"))); };
     return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({ ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: tslib.__assign(tslib.__assign({}, modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, modalFooterProps), { children: renderFooter() }) }, restProps)));
 });
 

package/Component.responsive.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { BottomSheetProps } from "./index-f12ee135";
-import { ButtonProps } from "@alfalab/core-components-button";
-import { BaseSelectProps } from "./index-3e68f8db";
+import { ButtonMobileProps } from "./mobile-96988a65";
+import { BaseSelectProps } from "./shared-4cd3936b";
 import { InputAutocompleteDesktopProps } from "./Component.desktop";
 import { InputAutocompleteMobileProps } from "./Component.mobile";
 type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAutocompleteMobileProps & {
@@ -14,79 +14,21 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
 };
 type InputAutocompleteMedia = 'desktop' | 'mobile';
 declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
-    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
-        value?: string | undefined;
-        defaultValue?: string | undefined;
-        block?: boolean | undefined;
-        clear?: boolean | undefined;
-        size?: "s" | "m" | "l" | "xl" | undefined;
-        colors?: "default" | "inverted" | undefined;
-        error?: React.ReactNode;
-        success?: boolean | undefined;
-        hint?: React.ReactNode;
-        label?: React.ReactNode;
-        labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
-        wrapperRef?: React.Ref<HTMLDivElement> | undefined;
-        leftAddons?: React.ReactNode;
-        rightAddons?: React.ReactNode;
-        bottomAddons?: React.ReactNode;
-        className?: string | undefined;
-        fieldClassName?: string | undefined;
-        inputClassName?: string | undefined;
-        labelClassName?: string | undefined;
-        addonsClassName?: string | undefined;
-        focusedClassName?: string | undefined;
-        filledClassName?: string | undefined;
-        onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
-            value: string;
-        }) => void) | undefined;
-        onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
-        onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        dataTestId?: string | undefined;
+    Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLInputElement>> | undefined;
-    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
-        value?: string | undefined;
-        defaultValue?: string | undefined;
-        block?: boolean | undefined;
-        clear?: boolean | undefined;
-        size?: "s" | "m" | "l" | "xl" | undefined;
-        colors?: "default" | "inverted" | undefined;
-        error?: React.ReactNode;
-        success?: boolean | undefined;
-        hint?: React.ReactNode;
-        label?: React.ReactNode;
-        labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
-        wrapperRef?: React.Ref<HTMLDivElement> | undefined;
-        leftAddons?: React.ReactNode;
-        rightAddons?: React.ReactNode;
-        bottomAddons?: React.ReactNode;
-        className?: string | undefined;
-        fieldClassName?: string | undefined;
-        inputClassName?: string | undefined;
-        labelClassName?: string | undefined;
-        addonsClassName?: string | undefined;
-        focusedClassName?: string | undefined;
-        filledClassName?: string | undefined;
-        onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
-            value: string;
-        }) => void) | undefined;
-        onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
-        onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        dataTestId?: string | undefined;
+    inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & Record<string, unknown>) | undefined;
     value?: string | undefined;
     readOnly?: boolean | undefined;
     success?: boolean | undefined;
     onInput?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     updatePopover?: React.MutableRefObject<() => void> | undefined;
-} & Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
-    onChange: (payload: string | import("./index-3e68f8db").BaseSelectChangePayload) => void;
+} & Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "Checkmark" | "autocomplete" | "nativeSelect" | "OptionsList"> & {
+    onChange: (payload: string | import("./shared-4cd3936b").BaseSelectChangePayload) => void;
     onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
     value?: string | undefined;
     filter?: string | undefined;
@@ -94,8 +36,8 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
     onClearFilter?: (() => void) | undefined;
     bottomSheetProps?: Partial<BottomSheetProps> | undefined;
     bottomSheetHeaderAddonsProps?: Record<string, unknown> | undefined;
-    continueButtonProps?: ButtonProps | undefined;
-    cancelButtonProps?: ButtonProps | undefined;
+    continueButtonProps?: ButtonMobileProps | undefined;
+    cancelButtonProps?: ButtonMobileProps | undefined;
     Input?: React.ElementType<any> | undefined;
 } & {
     /**

package/Component.responsive.js

@@ -7,16 +7,18 @@ var React = require('react');
 var hooks = require('@alfalab/hooks');
 var Component_desktop = require('./Component.desktop.js');
 var Component_mobile = require('./Component.mobile.js');
-require('@alfalab/core-components-select');
+require('@alfalab/core-components-select/shared');
 require('./autocomplete-field/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('@alfalab/core-components-input');
+require('@alfalab/core-components-input/desktop');
 require('lodash.throttle');
-require('@alfalab/core-components-button');
+require('@alfalab/core-components-button/mobile');
+require('@alfalab/core-components-input');
+require('@alfalab/core-components-select/mobile');
 require('./autocomplete-mobile-field/Component.js');
-require('@alfalab/core-components-form-control');
-require('./mobile.module-4a636c52.js');
+require('@alfalab/core-components-form-control/mobile');
+require('./mobile.module-4fb8c86a.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/autocomplete-field/Component.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { FieldProps } from "../index-3e68f8db";
+import React from 'react';
+import { FieldProps } from "../shared-4cd3936b";
 import { InputAutocompleteDesktopProps } from "../Component.desktop";
 type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
-declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => JSX.Element;
+declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
 export { AutocompleteFieldProps, AutocompleteField };

package/autocomplete-field/Component.js

@@ -6,7 +6,7 @@ var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
-var coreComponentsInput = require('@alfalab/core-components-input');
+var desktop = require('@alfalab/core-components-input/desktop');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -14,12 +14,12 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"arrow":"input-autocomplete__arrow_1sgy1","error":"input-autocomplete__error_1sgy1"};
+var styles = {"arrow":"input-autocomplete__arrow_1d0j6","error":"input-autocomplete__error_1d0j6"};
 require('./index.css')
 
 var AutocompleteField = function (_a) {
     var _b;
-    var label = _a.label, _c = _a.labelView, labelView = _c === void 0 ? 'inner' : _c, placeholder = _a.placeholder, size = _a.size, Arrow = _a.Arrow, _d = _a.Input, Input = _d === void 0 ? coreComponentsInput.Input : _d, value = _a.value, error = _a.error, success = _a.success, hint = _a.hint, disabled = _a.disabled, readOnly = _a.readOnly, onInput = _a.onInput, _e = _a.inputProps, inputProps = _e === void 0 ? {} : _e, innerProps = _a.innerProps;
+    var label = _a.label, _c = _a.labelView, labelView = _c === void 0 ? 'inner' : _c, placeholder = _a.placeholder, size = _a.size, Arrow = _a.Arrow, _d = _a.Input, Input = _d === void 0 ? desktop.InputDesktop : _d, value = _a.value, error = _a.error, success = _a.success, hint = _a.hint, disabled = _a.disabled, readOnly = _a.readOnly, onInput = _a.onInput, _e = _a.inputProps, inputProps = _e === void 0 ? {} : _e, innerProps = _a.innerProps;
     var inputRef = React.useRef(null);
     var onClick = innerProps.onClick, onFocus = innerProps.onFocus;
     var inputDisabled = disabled || readOnly;

package/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1b7zv */
-.input-autocomplete__arrow_1sgy1.input-autocomplete__error_1sgy1 ~ * {
+/* hash: h86c0 */
+.input-autocomplete__arrow_1d0j6.input-autocomplete__error_1d0j6 ~ * {
     display: none;
 }

package/autocomplete-field/index.js

@@ -7,7 +7,7 @@ require('tslib');
 require('react');
 require('react-merge-refs');
 require('classnames');
-require('@alfalab/core-components-input');
+require('@alfalab/core-components-input/desktop');
 
 
 

package/autocomplete-mobile-field/Component.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { FormControlProps } from "@alfalab/core-components-form-control";
+import React from 'react';
+import { FormControlMobileProps } from "../mobile-96988a65";
 import { InputAutocompleteProps } from "../index";
-import { FieldProps as BaseFieldProps } from "../index-3e68f8db";
-type AutocompleteMobileFieldProps = FormControlProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & Pick<InputAutocompleteProps, 'value'>;
-declare const AutocompleteMobileField: ({ size, open, error, hint, disabled, label, labelView, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => JSX.Element;
+import { FieldProps as BaseFieldProps } from "../shared-4cd3936b";
+type AutocompleteMobileFieldProps = FormControlMobileProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & Pick<InputAutocompleteProps, 'value'>;
+declare const AutocompleteMobileField: ({ size, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView, placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => React.JSX.Element;
 export { AutocompleteMobileFieldProps, AutocompleteMobileField };

package/autocomplete-mobile-field/Component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
-var coreComponentsFormControl = require('@alfalab/core-components-form-control');
+var mobile = require('@alfalab/core-components-form-control/mobile');
 var hooks = require('@alfalab/hooks');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -13,24 +13,24 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"input-autocomplete__component_18u1y","field":"input-autocomplete__field_18u1y","disabled":"input-autocomplete__disabled_18u1y","placeholder":"input-autocomplete__placeholder_18u1y","contentWrapper":"input-autocomplete__contentWrapper_18u1y","value":"input-autocomplete__value_18u1y","focusVisible":"input-autocomplete__focusVisible_18u1y"};
+var styles = {"component":"input-autocomplete__component_3dpk8","field":"input-autocomplete__field_3dpk8","disabled":"input-autocomplete__disabled_3dpk8","placeholder":"input-autocomplete__placeholder_3dpk8","contentWrapper":"input-autocomplete__contentWrapper_3dpk8","value":"input-autocomplete__value_3dpk8","focusVisible":"input-autocomplete__focusVisible_3dpk8"};
 require('./index.css')
 
 var AutocompleteMobileField = function (_a) {
     var _b;
-    var _c = _a.size, size = _c === void 0 ? 'm' : _c; _a.open; var error = _a.error, hint = _a.hint, disabled = _a.disabled, label = _a.label, _d = _a.labelView, labelView = _d === void 0 ? 'inner' : _d, placeholder = _a.placeholder, value = _a.value, innerProps = _a.innerProps, dataTestId = _a.dataTestId, fieldClassName = _a.fieldClassName, Arrow = _a.Arrow; _a.valueRenderer; _a.toggleMenu; _a.setSelectedItems; _a.selectedMultiple; var restProps = tslib.__rest(_a, ["size", "open", "error", "hint", "disabled", "label", "labelView", "placeholder", "value", "innerProps", "dataTestId", "fieldClassName", "Arrow", "valueRenderer", "toggleMenu", "setSelectedItems", "selectedMultiple"]);
+    var _c = _a.size, size = _c === void 0 ? 'm' : _c; _a.open; var disabled = _a.disabled, value = _a.value, innerProps = _a.innerProps, dataTestId = _a.dataTestId, fieldClassName = _a.fieldClassName, _d = _a.labelView, labelView = _d === void 0 ? 'inner' : _d, placeholder = _a.placeholder, Arrow = _a.Arrow; _a.valueRenderer; _a.toggleMenu; _a.setSelectedItems; _a.selectedMultiple; var restProps = tslib.__rest(_a, ["size", "open", "disabled", "value", "innerProps", "dataTestId", "fieldClassName", "labelView", "placeholder", "Arrow", "valueRenderer", "toggleMenu", "setSelectedItems", "selectedMultiple"]);
     var _e = React.useState(false), focused = _e[0], setFocused = _e[1];
     var wrapperRef = React.useRef(null);
     var focusVisible = hooks.useFocus(wrapperRef, 'keyboard')[0];
     var filled = Boolean(value);
-    var showLabel = !!label && (filled || !placeholder || labelView === 'outer');
+    var showPlaceholder = placeholder && !filled && labelView === 'outer';
     return (React__default.default.createElement("div", { className: styles.component, ref: wrapperRef, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); } },
-        React__default.default.createElement(coreComponentsFormControl.FormControl, tslib.__assign({ fieldClassName: cn__default.default(styles.field, fieldClassName, (_b = {},
+        React__default.default.createElement(mobile.FormControlMobile, tslib.__assign({ fieldClassName: cn__default.default(styles.field, fieldClassName, (_b = {},
                 _b[styles.disabled] = disabled,
                 _b[styles.focusVisible] = focusVisible,
-                _b)), block: true, size: size, focused: focused, disabled: disabled, filled: filled, label: showLabel && label, labelView: labelView, error: error, hint: hint, rightAddons: Arrow, "data-test-id": dataTestId }, restProps, innerProps),
+                _b)), block: true, size: size, focused: focused, disabled: disabled, filled: filled, labelView: labelView, rightAddons: Arrow, "data-test-id": dataTestId }, restProps, innerProps),
             React__default.default.createElement("div", { className: styles.contentWrapper },
-                placeholder && !filled && (React__default.default.createElement("span", { className: styles.placeholder }, placeholder)),
+                showPlaceholder && React__default.default.createElement("span", { className: styles.placeholder }, placeholder),
                 filled && React__default.default.createElement("div", { className: styles.value }, value)))));
 };
 

package/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 108k9 */
+/* hash: obwmz */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_18u1y {
+} .input-autocomplete__component_3dpk8 {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_18u1y:not(.input-autocomplete__disabled_18u1y) {
+} .input-autocomplete__field_3dpk8:not(.input-autocomplete__disabled_3dpk8) {
     cursor: pointer;
-} .input-autocomplete__disabled_18u1y {
+} .input-autocomplete__disabled_3dpk8 {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_18u1y {
+} .input-autocomplete__placeholder_3dpk8 {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_18u1y {
+} .input-autocomplete__contentWrapper_3dpk8 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_18u1y {
+} .input-autocomplete__value_3dpk8 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_18u1y {
+} .input-autocomplete__focusVisible_3dpk8 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/autocomplete-mobile-field/index.js

@@ -6,7 +6,7 @@ var autocompleteMobileField_Component = require('./Component.js');
 require('tslib');
 require('react');
 require('classnames');
-require('@alfalab/core-components-form-control');
+require('@alfalab/core-components-form-control/mobile');
 require('@alfalab/hooks');
 
 

package/cssm/Component-5e1b8383.d.ts

@@ -1,5 +1,72 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptionsListProps } from "./typings-5e1b8383";
-declare const VirtualOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
-export { VirtualOptionsList };
+import { ReactNode } from "react";
+import { BottomSheetProps } from "./index-f12ee135";
+import { BaseSelectProps } from "./typings-5e1b8383";
+type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+};
+declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean | undefined;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean | undefined;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
+} & React.RefAttributes<unknown>>;
+export * from "./Component.mobile-f1f15074";
+export { ModalMobileProps } from "./typings-bdb4c6b9";
+export { SelectMobileProps, BaseSelectMobile };

package/{Component-3885b0d7.d.ts → cssm/Component-63dec22f.d.ts}

@@ -1,30 +1,6 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
-import { NavigationBarProps } from "./types-ebda875c";
-interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Текст после иконки
-     */
-    text?: string;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Вид компонента
-     */
-    view: "mobile" | "desktop";
-    /**
-     * Прозрачность текста
-     */
-    textOpacity?: number;
-    /**
-     * Обработчик клика
-     */
-    onClick?: () => void;
-}
-declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -164,6 +140,28 @@ declare const typographyPresets: {
     };
 };
 declare const TitleResponsive: FC<TitleProps>;
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export { BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, NavigationBar };
+interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Текст после иконки
+     */
+    text?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Вид компонента
+     */
+    view: 'mobile' | 'desktop';
+    /**
+     * Прозрачность текста
+     */
+    textOpacity?: number;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+}
+declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
+export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
 export type { TitleProps, TextProps, Color };

package/cssm/Component-89a3cf4c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { NavigationBarProps } from "./types-ebda875c";
+declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
+export * from "./Component-63dec22f";
+export { NavigationBar };

package/cssm/Component-bdb4c6b9.d.ts

@@ -1,8 +1,12 @@
 /// <reference types="react" />
-type FooterProps = {
-    handleClear?: () => void;
-    handleApply?: () => void;
-    showClear?: boolean;
-};
-declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => JSX.Element;
-export { FooterProps, Footer };
+import React from 'react';
+import { View } from "./typings-bdb4c6b9";
+declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+} & {
+    view: View;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Modal };

package/cssm/Component-e81c389f.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { NavigationBarProps } from "./index-e81c389f";
+type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
+declare const Header: FC<HeaderProps>;
+export { HeaderProps, Header };